/*
 * MeuTreinador dashboard: desktop system
 * Final visual layer. Keeps feature-specific components from the app while
 * giving the web dashboard one consistent desktop hierarchy.
 */

.mtd-authenticated {
  --mtd-bg: #080808;
  --mtd-sidebar: #101010;
  --mtd-surface: #141414;
  --mtd-surface-raised: #191919;
  --mtd-surface-soft: #202020;
  --mtd-border: rgba(255, 255, 255, .085);
  --mtd-border-strong: rgba(255, 255, 255, .14);
  --mtd-text: #f7f7f5;
  --mtd-muted: #929298;
  --mtd-soft-text: #c9c9cd;
  --mtd-orange: #fd3301;
  --mtd-orange-soft: rgba(253, 51, 1, .13);
  --mtd-radius: 15px;
  --mtd-radius-sm: 11px;
  background: var(--mtd-bg) !important;
  color: var(--mtd-text);
  font-family: Inter, Arial, sans-serif;
}

.mtd-authenticated *,
.mtd-authenticated *::before,
.mtd-authenticated *::after {
  box-sizing: border-box;
}

.mtd-authenticated a {
  color: inherit;
  text-decoration: none;
}

.mtd-authenticated button,
.mtd-authenticated input,
.mtd-authenticated select,
.mtd-authenticated textarea {
  font: inherit;
}

.mtd-authenticated button,
.mtd-authenticated a,
.mtd-authenticated input,
.mtd-authenticated select,
.mtd-authenticated textarea {
  -webkit-tap-highlight-color: transparent;
}

.mtd-authenticated .mtd-shell {
  display: block !important;
  min-height: 100dvh;
  background: var(--mtd-bg);
}

.mtd-authenticated .mtd-sidebar {
  position: fixed !important;
  z-index: 60;
  inset: 0 auto 0 0;
  display: flex !important;
  width: 248px !important;
  min-width: 248px !important;
  height: 100dvh;
  padding: 16px 14px;
  overflow: hidden;
  background: var(--mtd-sidebar) !important;
  border: 0 !important;
  border-right: 1px solid var(--mtd-border) !important;
  box-shadow: none !important;
  transition: width .22s ease, min-width .22s ease, transform .22s ease;
}

.mtd-authenticated .mtd-sidebar-brand {
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 4px 14px;
  border-bottom: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-sidebar-brand > a {
  display: flex;
  min-width: 0;
  align-items: center;
}

.mtd-authenticated .mtd-sidebar-wordmark {
  display: block !important;
  width: 158px !important;
  height: auto !important;
  object-fit: contain;
}

.mtd-authenticated .mtd-sidebar-app-logo {
  display: none !important;
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
}

.mtd-authenticated [data-sidebar-collapse] {
  display: grid !important;
  place-items: center;
  width: 34px !important;
  min-width: 34px;
  height: 34px !important;
  margin-left: auto;
  padding: 0 !important;
  color: var(--mtd-muted) !important;
  background: transparent !important;
  border: 1px solid var(--mtd-border) !important;
  border-radius: 9px !important;
}

.mtd-authenticated [data-sidebar-collapse]:hover {
  color: #fff !important;
  background: var(--mtd-surface-soft) !important;
  border-color: var(--mtd-border-strong) !important;
}

.mtd-authenticated [data-dashboard-menu-close] {
  display: none !important;
}

.mtd-authenticated .mtd-nav {
  display: flex !important;
  flex: 1;
  flex-direction: column;
  gap: 4px !important;
  min-height: 0;
  padding: 18px 0 12px !important;
  overflow: auto;
}

.mtd-authenticated .mtd-nav > p {
  margin: 0 10px 8px !important;
  color: #65656b !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  letter-spacing: .13em !important;
}

.mtd-authenticated .mtd-nav > a {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 12px !important;
  min-height: 43px !important;
  padding: 0 12px !important;
  color: #a8a8ad !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.mtd-authenticated .mtd-nav > a .mtd-icon {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.mtd-authenticated .mtd-nav > a:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .035) !important;
}

.mtd-authenticated .mtd-nav > a.is-active {
  color: #fff !important;
  background: #232323 !important;
  border-color: rgba(255, 255, 255, .04) !important;
}

.mtd-authenticated .mtd-nav > a.is-active .mtd-icon {
  color: var(--mtd-orange);
}

.mtd-authenticated .mtd-sidebar-footer {
  display: grid !important;
  gap: 7px;
  padding-top: 12px !important;
  border-top: 1px solid var(--mtd-border) !important;
}

.mtd-authenticated .mtd-user,
.mtd-authenticated .mtd-logout {
  display: flex !important;
  align-items: center;
  min-width: 0;
  border-radius: 10px !important;
}

.mtd-authenticated .mtd-user {
  gap: 10px !important;
  padding: 8px !important;
  background: var(--mtd-surface) !important;
  border: 1px solid var(--mtd-border) !important;
}

.mtd-authenticated .mtd-avatar {
  width: 34px !important;
  min-width: 34px;
  height: 34px !important;
  overflow: hidden;
  background: var(--mtd-surface-soft) !important;
  border: 1px solid var(--mtd-border-strong) !important;
  border-radius: 50% !important;
}

.mtd-authenticated .mtd-avatar.is-fallback::before {
  content: '' !important;
  display: block;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 36%, #b9b9bd 0 17%, transparent 18%), radial-gradient(circle at 50% 110%, #77777d 0 46%, transparent 47%);
}

.mtd-authenticated .mtd-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mtd-authenticated .mtd-user > span:last-child {
  display: grid;
  min-width: 0;
}

.mtd-authenticated .mtd-user strong,
.mtd-authenticated .mtd-user small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mtd-authenticated .mtd-user strong {
  color: #fff;
  font-size: 12px;
}

.mtd-authenticated .mtd-user small {
  margin-top: 3px;
  color: var(--mtd-muted);
  font-size: 9px;
}

.mtd-authenticated .mtd-logout {
  gap: 11px;
  min-height: 38px;
  padding: 0 11px !important;
  color: #8d8d92 !important;
  font-size: 12px;
}

.mtd-authenticated .mtd-logout:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, .035);
}

.mtd-authenticated .mtd-workspace {
  min-width: 0;
  min-height: 100dvh;
  margin-left: 248px !important;
  background: var(--mtd-bg) !important;
  transition: margin-left .22s ease;
}

.mtd-authenticated .mtd-mobilebar {
  display: none !important;
}

.mtd-authenticated .mtd-main {
  width: min(100%, 1580px) !important;
  min-height: 100dvh;
  margin: 0 auto !important;
  padding: 32px 32px 48px !important;
}

.mtd-authenticated .mtd-page-heading {
  position: sticky;
  z-index: 30;
  top: 0;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  min-height: 76px !important;
  margin: 0 -32px 26px !important;
  padding: 0 32px !important;
  background: rgba(8, 8, 8, .9) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mtd-border) !important;
  backdrop-filter: blur(18px);
}

.mtd-authenticated .mtd-page-title {
  display: grid;
  gap: 3px;
}

.mtd-authenticated .mtd-page-title > span {
  color: var(--mtd-orange);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

.mtd-authenticated .mtd-page-heading h1 {
  margin: 0 !important;
  color: var(--mtd-text) !important;
  font-size: 20px !important;
  font-weight: 680 !important;
  letter-spacing: -.03em !important;
  line-height: 1.15 !important;
}

.mtd-authenticated .mtd-page-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mtd-authenticated .mtd-page-tool {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  color: var(--mtd-muted);
  background: var(--mtd-surface);
  border: 1px solid var(--mtd-border);
  border-radius: 10px;
}

.mtd-authenticated .mtd-page-tool:hover {
  color: #fff;
  background: var(--mtd-surface-raised);
}

.mtd-authenticated .mtd-page-tool .mtd-icon {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}

.mtd-authenticated .mtd-page-profile {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 11px 0 3px;
  color: var(--mtd-soft-text);
  font-size: 12px;
  font-weight: 650;
  background: var(--mtd-surface);
  border: 1px solid var(--mtd-border);
  border-radius: 10px;
}

.mtd-authenticated .mtd-page-profile .mtd-avatar {
  width: 30px !important;
  min-width: 30px;
  height: 30px !important;
}

.mtd-authenticated .mtd-view-content {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.mtd-authenticated .mtd-view-content[hidden],
.mtd-authenticated [hidden] {
  display: none !important;
}

.mtd-authenticated .mtd-card,
.mtd-authenticated .mtd-panel {
  color: var(--mtd-text);
  background: var(--mtd-surface) !important;
  border: 1px solid var(--mtd-border) !important;
  border-radius: var(--mtd-radius) !important;
  box-shadow: none !important;
}

.mtd-authenticated .mtd-section-heading {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 30px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.mtd-authenticated .mtd-section-heading h2 {
  margin: 0 !important;
  color: var(--mtd-text) !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
}

.mtd-authenticated .mtd-section-heading > span {
  color: var(--mtd-muted) !important;
  font-size: 10px !important;
  font-weight: 520 !important;
}

.mtd-authenticated .mtd-panel-link {
  margin-left: auto;
  color: var(--mtd-soft-text);
  font-size: 10px;
  font-weight: 650;
}

.mtd-authenticated .mtd-panel-link:hover {
  color: var(--mtd-orange);
}

/* Overview */
.mtd-authenticated .mtd-overview-welcome {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 4px 2px 8px;
}

.mtd-authenticated .mtd-overview-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--mtd-orange);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .14em;
}

.mtd-authenticated .mtd-overview-welcome h2 {
  margin: 0;
  color: var(--mtd-text);
  font-size: clamp(27px, 2.4vw, 38px);
  font-weight: 600;
  letter-spacing: -.045em;
  line-height: 1.05;
}

.mtd-authenticated .mtd-overview-welcome p {
  margin: 8px 0 0;
  color: var(--mtd-muted);
  font-size: 12px;
}

.mtd-authenticated .mtd-overview-actions {
  display: flex;
  gap: 8px;
}

.mtd-authenticated .mtd-overview-action,
.mtd-authenticated .mtd-inline-action,
.mtd-authenticated .mtd-primary-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px !important;
  padding: 0 16px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: transparent !important;
  border: 1px solid var(--mtd-border-strong) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.mtd-authenticated .mtd-overview-action:hover,
.mtd-authenticated .mtd-inline-action:hover,
.mtd-authenticated .mtd-primary-button:hover {
  color: #fff !important;
  background: var(--mtd-surface-raised) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

.mtd-authenticated .mtd-overview-action.is-primary,
.mtd-authenticated .mtd-inline-action--primary,
.mtd-authenticated button.mtd-primary-button {
  color: #fff !important;
  background: var(--mtd-orange) !important;
  border-color: var(--mtd-orange) !important;
}

.mtd-authenticated .mtd-overview-action.is-primary:hover,
.mtd-authenticated .mtd-inline-action--primary:hover,
.mtd-authenticated button.mtd-primary-button:hover {
  color: #fff !important;
  background: #e92f00 !important;
}

.mtd-authenticated .mtd-overview-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.mtd-authenticated .mtd-overview-metric {
  position: relative;
  display: grid;
  min-height: 126px;
  padding: 17px 18px !important;
  overflow: hidden;
}

.mtd-authenticated .mtd-overview-metric::after {
  content: '';
  position: absolute;
  inset: auto -25% -75% 25%;
  height: 100%;
  opacity: 0;
  background: radial-gradient(circle, rgba(253, 51, 1, .25), transparent 68%);
  pointer-events: none;
}

.mtd-authenticated .mtd-overview-metric.is-accent::after {
  opacity: 1;
}

.mtd-authenticated .mtd-overview-metric-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--mtd-muted);
  font-size: 9px;
  font-weight: 720;
  letter-spacing: .1em;
}

.mtd-authenticated .mtd-overview-metric-top i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  color: #6e6e73;
  font-size: 12px;
  font-style: normal;
  background: rgba(255, 255, 255, .035);
  border-radius: 7px;
}

.mtd-authenticated .mtd-overview-metric.is-accent .mtd-overview-metric-top i {
  color: var(--mtd-orange);
  background: var(--mtd-orange-soft);
}

.mtd-authenticated .mtd-overview-metric > strong {
  align-self: end;
  margin-top: 17px;
  color: #fff;
  font-size: clamp(22px, 2vw, 31px);
  font-weight: 620;
  letter-spacing: -.045em;
  line-height: 1;
}

.mtd-authenticated .mtd-overview-metric > small {
  margin-top: 7px;
  color: #737379;
  font-size: 9px;
}

.mtd-authenticated .mtd-overview-analytics,
.mtd-authenticated .mtd-overview-bottom {
  display: grid;
  grid-template-columns: minmax(0, 1.75fr) minmax(280px, .9fr);
  gap: 12px;
}

.mtd-authenticated .mtd-overview-bottom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mtd-authenticated .mtd-overview-panel {
  min-width: 0;
  padding: 18px !important;
}

.mtd-authenticated .mtd-overview-chart {
  display: grid;
  grid-template-columns: repeat(8, minmax(24px, 1fr));
  align-items: end;
  gap: 10px;
  height: 215px;
  margin-top: 20px;
  padding: 18px 8px 0;
  background-image: linear-gradient(to bottom, var(--mtd-border) 1px, transparent 1px);
  background-size: 100% 25%;
  border-bottom: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-overview-chart-column {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 19px;
  align-items: end;
  gap: 8px;
  height: 100%;
  text-align: center;
}

.mtd-authenticated .mtd-overview-chart-column small {
  color: #66666b;
  font-size: 8px;
}

.mtd-authenticated .mtd-overview-chart-bar {
  position: relative;
  display: block;
  width: min(100%, 42px);
  height: var(--mtd-chart-value);
  min-height: 8px;
  margin: 0 auto;
  background: linear-gradient(180deg, #4e4e52, #29292c);
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 8px 8px 3px 3px;
}

.mtd-authenticated .mtd-overview-chart-column.is-current .mtd-overview-chart-bar {
  background: linear-gradient(180deg, #ff6a3e, var(--mtd-orange));
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 8px 30px rgba(253, 51, 1, .17);
}

.mtd-authenticated .mtd-overview-chart-bar::before {
  content: attr(data-value);
  position: absolute;
  top: -20px;
  left: 50%;
  color: #8d8d92;
  font-size: 8px;
  transform: translateX(-50%);
}

.mtd-authenticated .mtd-overview-chart-column.is-current .mtd-overview-chart-bar::before {
  color: #fff;
}

.mtd-authenticated .mtd-overview-chart-footer {
  display: flex;
  gap: 20px;
  margin-top: 14px;
  color: var(--mtd-muted);
  font-size: 9px;
}

.mtd-authenticated .mtd-overview-chart-footer span::before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background: var(--mtd-orange);
  border-radius: 50%;
}

.mtd-authenticated .mtd-overview-muscles {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}

.mtd-authenticated .mtd-overview-muscle {
  display: grid;
  gap: 8px;
}

.mtd-authenticated .mtd-overview-muscle > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.mtd-authenticated .mtd-overview-muscle strong {
  overflow: hidden;
  color: var(--mtd-soft-text);
  font-size: 10px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mtd-authenticated .mtd-overview-muscle span {
  color: #68686e;
  font-size: 8px;
}

.mtd-authenticated .mtd-overview-muscle-track {
  display: block;
  height: 5px;
  overflow: hidden;
  background: #27272a;
  border-radius: 999px;
}

.mtd-authenticated .mtd-overview-muscle-track i {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--mtd-orange), #ff744f);
  border-radius: inherit;
}

.mtd-authenticated .mtd-overview-muted {
  color: var(--mtd-muted);
  font-size: 11px;
  line-height: 1.6;
}

.mtd-authenticated .mtd-overview-consistency {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: center;
  gap: 22px;
  min-height: 235px;
  padding-top: 14px;
}

.mtd-authenticated .mtd-overview-ring {
  position: relative;
  display: grid;
  place-content: center;
  width: 126px;
  height: 126px;
  text-align: center;
  background: conic-gradient(var(--mtd-orange) 0 var(--mtd-ring-value), #29292c var(--mtd-ring-value) 100%);
  border-radius: 50%;
}

.mtd-authenticated .mtd-overview-ring::before {
  content: '';
  position: absolute;
  inset: 13px;
  background: var(--mtd-surface);
  border: 1px solid var(--mtd-border);
  border-radius: 50%;
}

.mtd-authenticated .mtd-overview-ring strong,
.mtd-authenticated .mtd-overview-ring span {
  position: relative;
  z-index: 1;
}

.mtd-authenticated .mtd-overview-ring strong {
  color: #fff;
  font-size: 29px;
  font-weight: 620;
  letter-spacing: -.05em;
  line-height: 1;
}

.mtd-authenticated .mtd-overview-ring span {
  margin-top: 5px;
  color: var(--mtd-muted);
  font-size: 8px;
  text-transform: uppercase;
}

.mtd-authenticated .mtd-overview-consistency-facts {
  display: grid;
}

.mtd-authenticated .mtd-overview-consistency-facts > div {
  display: grid;
  gap: 4px;
  padding: 12px 0;
  border-bottom: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-overview-consistency-facts > div:last-child {
  border-bottom: 0;
}

.mtd-authenticated .mtd-overview-consistency-facts span {
  color: #68686d;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}

.mtd-authenticated .mtd-overview-consistency-facts strong {
  color: var(--mtd-soft-text);
  font-size: 11px;
  font-weight: 630;
}

.mtd-authenticated .mtd-session-list--overview,
.mtd-authenticated .mtd-overview-workouts {
  display: grid;
  margin-top: 14px;
}

.mtd-authenticated .mtd-session-list--overview .mtd-session-row,
.mtd-authenticated .mtd-overview-workout {
  display: flex !important;
  align-items: center;
  gap: 12px;
  min-height: 57px;
  padding: 8px 2px !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mtd-border) !important;
  border-radius: 0 !important;
}

.mtd-authenticated .mtd-session-list--overview .mtd-session-row:last-child,
.mtd-authenticated .mtd-overview-workout:last-child {
  border-bottom: 0 !important;
}

.mtd-authenticated .mtd-session-list--overview .mtd-session-row:hover,
.mtd-authenticated .mtd-overview-workout:hover {
  background: rgba(255, 255, 255, .02) !important;
}

.mtd-authenticated .mtd-session-list--overview .mtd-session-row strong,
.mtd-authenticated .mtd-overview-workout strong {
  color: var(--mtd-soft-text) !important;
  font-size: 10px !important;
  font-weight: 620 !important;
}

.mtd-authenticated .mtd-session-list--overview .mtd-session-row small,
.mtd-authenticated .mtd-session-list--overview .mtd-session-row time,
.mtd-authenticated .mtd-overview-workout small {
  color: #68686d !important;
  font-size: 8px !important;
}

.mtd-authenticated .mtd-overview-workout-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  color: var(--mtd-orange);
  font-size: 8px;
  font-weight: 850;
  background: var(--mtd-orange-soft);
  border: 1px solid rgba(253, 51, 1, .19);
  border-radius: 9px;
}

.mtd-authenticated .mtd-overview-workout-copy {
  display: grid;
  flex: 1;
  min-width: 0;
  gap: 4px;
}

.mtd-authenticated .mtd-overview-workout-copy strong,
.mtd-authenticated .mtd-overview-workout-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mtd-authenticated .mtd-overview-row-arrow {
  color: #5f5f64;
  font-size: 18px;
}

/* Consistent feature pages */
.mtd-authenticated .mtd-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mtd-authenticated .mtd-stat {
  min-height: 118px !important;
  padding: 17px !important;
}

.mtd-authenticated .mtd-stat > span,
.mtd-authenticated .mtd-stat > small {
  color: var(--mtd-muted) !important;
  font-size: 9px !important;
}

.mtd-authenticated .mtd-stat > strong {
  color: #fff !important;
  font-size: 28px !important;
  font-weight: 620 !important;
}

.mtd-authenticated .mtd-dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mtd-authenticated .mtd-panel {
  padding: 18px !important;
}

.mtd-authenticated input:not([type='checkbox']):not([type='radio']),
.mtd-authenticated select,
.mtd-authenticated textarea {
  min-height: 44px !important;
  color: #fff !important;
  background: #111113 !important;
  border: 1px solid var(--mtd-border-strong) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.mtd-authenticated input:focus,
.mtd-authenticated select:focus,
.mtd-authenticated textarea:focus {
  border-color: var(--mtd-orange) !important;
  box-shadow: 0 0 0 3px rgba(253, 51, 1, .11) !important;
}

.mtd-authenticated select option {
  color: #fff;
  background: #151517;
}

.mtd-authenticated .mtd-workout-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.mtd-authenticated .mtd-workout-card {
  min-width: 0;
  min-height: 150px !important;
  overflow: hidden;
  background: var(--mtd-surface) !important;
  border: 1px solid var(--mtd-border) !important;
  border-radius: var(--mtd-radius) !important;
  transition: border-color .16s ease, transform .16s ease;
}

.mtd-authenticated .mtd-workout-card:hover {
  border-color: rgba(253, 51, 1, .5) !important;
  transform: translateY(-2px);
}

.mtd-authenticated .mtd-workout-card-menu {
  color: var(--mtd-muted) !important;
}

.mtd-authenticated .mtd-workout-body {
  padding: 16px !important;
}

.mtd-authenticated .mtd-workout-body h3 {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

.mtd-authenticated .mtd-workout-body p {
  color: var(--mtd-muted) !important;
  font-size: 9px !important;
}

.mtd-authenticated .mtd-exercise-grid,
.mtd-authenticated .mtd-community-grid {
  gap: 12px !important;
}

.mtd-authenticated .mtd-empty {
  min-height: 120px;
  display: grid;
  place-items: center;
  padding: 24px !important;
  color: var(--mtd-muted) !important;
  text-align: center;
}

.mtd-authenticated .mtd-empty p {
  margin: 0;
  font-size: 11px;
}

.mtd-authenticated table {
  width: 100%;
  overflow: hidden;
  background: var(--mtd-surface) !important;
  border: 1px solid var(--mtd-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--mtd-radius) !important;
}

.mtd-authenticated th,
.mtd-authenticated td {
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--mtd-border) !important;
  text-align: left;
}

.mtd-authenticated th {
  color: var(--mtd-muted) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
}

.mtd-authenticated td {
  color: var(--mtd-soft-text) !important;
  font-size: 10px !important;
}

.mtd-authenticated tr:last-child td {
  border-bottom: 0 !important;
}

.mtd-authenticated .mtd-sidebar-collapsed {
  width: auto;
}

.mtd-sidebar-collapsed .mtd-sidebar {
  width: 82px !important;
  min-width: 82px !important;
}

.mtd-sidebar-collapsed .mtd-workspace {
  margin-left: 82px !important;
}

.mtd-sidebar-collapsed .mtd-sidebar-brand {
  justify-content: center;
  padding-inline: 0;
}

.mtd-sidebar-collapsed .mtd-sidebar-brand > a {
  width: 44px;
  justify-content: center;
}

.mtd-sidebar-collapsed .mtd-sidebar-wordmark {
  display: none !important;
}

.mtd-sidebar-collapsed .mtd-sidebar-app-logo {
  display: block !important;
}

.mtd-sidebar-collapsed [data-sidebar-collapse] {
  position: absolute;
  top: 72px;
  left: 23px;
  transform: rotate(180deg);
}

.mtd-sidebar-collapsed .mtd-nav {
  padding-top: 60px !important;
}

.mtd-sidebar-collapsed .mtd-nav > p,
.mtd-sidebar-collapsed .mtd-nav > a span,
.mtd-sidebar-collapsed .mtd-sidebar-footer .mtd-user > span:last-child,
.mtd-sidebar-collapsed .mtd-logout span {
  display: none !important;
}

.mtd-sidebar-collapsed .mtd-nav > a,
.mtd-sidebar-collapsed .mtd-user,
.mtd-sidebar-collapsed .mtd-logout {
  justify-content: center;
  padding-inline: 0 !important;
}

.mtd-sidebar-collapsed .mtd-user {
  background: transparent !important;
  border-color: transparent !important;
}

/* App parity: workouts, history, profile, achievements and community */
.mtd-authenticated .mtd-workout-card {
  min-height: 122px !important;
  padding: 16px !important;
  background: #1c1c1e !important;
  border-color: transparent !important;
  border-radius: 16px !important;
}

.mtd-authenticated .mtd-workout-body {
  display: grid;
  align-content: end;
  gap: 0;
  width: 100%;
  padding: 30px 28px 0 0 !important;
}

.mtd-authenticated .mtd-workout-card-eyebrow,
.mtd-authenticated .mtd-workout-card-meta,
.mtd-authenticated .mtd-workout-card-days {
  display: none !important;
}

.mtd-authenticated .mtd-history-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.mtd-authenticated .mtd-history-card {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
}

.mtd-authenticated .mtd-history-card-link {
  display: grid;
  gap: 16px;
  padding: 18px;
  color: inherit;
  text-decoration: none;
}

.mtd-authenticated .mtd-history-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.mtd-authenticated .mtd-history-card-title {
  display: grid;
  gap: 5px;
}

.mtd-authenticated .mtd-history-card-title > span,
.mtd-authenticated .mtd-history-card-head time {
  color: var(--mtd-muted);
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .08em;
}

.mtd-authenticated .mtd-history-card-title > span {
  color: var(--mtd-orange);
}

.mtd-authenticated .mtd-history-card-title h3 {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.25;
}

.mtd-authenticated .mtd-history-card-title p {
  margin: 0;
  color: var(--mtd-muted);
  font-size: 10px;
}

.mtd-authenticated .mtd-history-card-metrics,
.mtd-authenticated .mtd-profile-workout-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.mtd-authenticated .mtd-history-card-metrics .mtd-community-metric,
.mtd-authenticated .mtd-profile-workout-metrics .mtd-community-metric {
  display: grid;
  gap: 3px;
  padding: 0;
}

.mtd-authenticated .mtd-history-card-exercises {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.mtd-authenticated .mtd-history-card-exercise {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 5px;
  background: #0d0d0f;
  border: 1px solid var(--mtd-border);
  border-radius: 10px;
}

.mtd-authenticated .mtd-history-card-exercise > span:first-child {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  overflow: hidden;
  color: var(--mtd-orange);
  font-size: 8px;
  background: #f4f4f4;
  border-radius: 7px;
}

.mtd-authenticated .mtd-history-card-exercise img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mtd-authenticated .mtd-history-card-exercise > span:last-child {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.mtd-authenticated .mtd-history-card-exercise strong {
  overflow: hidden;
  color: #eee;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mtd-authenticated .mtd-history-card-exercise small {
  color: var(--mtd-muted);
  font-size: 8px;
}

.mtd-authenticated .mtd-history-card > .mtd-history-delete {
  position: absolute;
  top: 12px;
  right: 12px;
  min-width: 0;
  min-height: 36px;
  padding-inline: 10px;
  opacity: 0;
  background: rgba(10, 10, 11, .94);
  transition: opacity .15s ease;
}

.mtd-authenticated .mtd-photo-remove {
  width: 36px;
  height: 36px;
}

.mtd-authenticated .mtd-history-card:hover > .mtd-history-delete,
.mtd-authenticated .mtd-history-card:focus-within > .mtd-history-delete {
  opacity: 1;
}

.mtd-authenticated .mtd-profile-home {
  overflow: hidden;
  padding: 0 !important;
}

.mtd-authenticated .mtd-profile-home-banner {
  min-height: 170px;
  background: radial-gradient(circle at 72% 24%, rgba(253, 51, 1, .22), transparent 38%), linear-gradient(120deg, #121214, #080809);
  background-position: center;
  background-size: cover;
}

.mtd-authenticated .mtd-profile-home-identity {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  padding: 0 24px 20px;
}

.mtd-authenticated .mtd-profile-home-avatar {
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  overflow: hidden;
  margin-top: -46px;
  background: #141416;
  border: 4px solid #111113;
  border-radius: 50%;
}

.mtd-authenticated :is(.mtd-profile-home-avatar,.mtd-profile-avatar,.mtd-community-avatar).is-app-default img {
  background: #151517;
  object-fit: cover;
}

.mtd-authenticated .mtd-profile-home-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mtd-authenticated .mtd-profile-home-copy {
  display: grid;
  gap: 4px;
}

.mtd-authenticated .mtd-profile-home-copy h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
}

.mtd-authenticated .mtd-profile-home-copy span,
.mtd-authenticated .mtd-profile-home-copy p {
  margin: 0;
  color: var(--mtd-muted);
  font-size: 11px;
}

.mtd-authenticated .mtd-profile-settings-link {
  min-height: 40px;
  padding: 0 15px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
  border: 1px solid var(--mtd-border-strong);
  border-radius: 10px;
}

.mtd-authenticated .mtd-profile-home-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 16px 24px;
  border-top: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-profile-home-stats > div {
  display: grid;
  gap: 4px;
  padding-left: 16px;
  border-left: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-profile-home-stats > div:first-child {
  padding-left: 0;
  border-left: 0;
}

.mtd-authenticated .mtd-profile-home-stats strong {
  color: #fff;
  font-size: 17px;
}

.mtd-authenticated .mtd-profile-home-stats span {
  color: var(--mtd-muted);
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.mtd-authenticated .mtd-profile-achievements {
  margin-top: 14px;
  padding: 18px !important;
}

.mtd-authenticated .mtd-profile-feed {
  margin-top: 24px;
}

.mtd-authenticated .mtd-profile-workout-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.mtd-authenticated .mtd-profile-workout-card {
  display: grid;
  gap: 12px;
  padding: 17px !important;
}

.mtd-authenticated .mtd-profile-workout-date {
  color: var(--mtd-orange);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
}

.mtd-authenticated .mtd-profile-workout-card h3 {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.mtd-authenticated .mtd-achievement-gallery {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.mtd-authenticated .mtd-achievement-card {
  display: grid;
  min-width: 0;
  gap: 8px;
  padding: 10px;
  background: #0d0d0f;
  border: 1px solid var(--mtd-border);
  border-radius: 12px;
}

.mtd-authenticated .mtd-achievement-card.is-unlocked {
  border-color: rgba(253, 51, 1, .34);
  background: linear-gradient(145deg, rgba(253, 51, 1, .08), #0d0d0f 62%);
}

.mtd-authenticated .mtd-achievement-media {
  display: grid;
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border-radius: 9px;
}

.mtd-authenticated .mtd-achievement-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mtd-authenticated .mtd-achievement-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.mtd-authenticated .mtd-achievement-copy strong {
  overflow: hidden;
  color: #f5f5f6;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mtd-authenticated .mtd-achievement-copy span {
  color: var(--mtd-muted);
  font-size: 7px;
}

.mtd-authenticated .mtd-achievement-progress {
  display: block;
  height: 3px;
  overflow: hidden;
  background: #242427;
  border-radius: 10px;
}

.mtd-authenticated .mtd-achievement-progress i {
  display: block;
  height: 100%;
  background: var(--mtd-orange);
  border-radius: inherit;
}

.mtd-authenticated .mtd-overview-achievements {
  margin-top: 12px;
}

.mtd-authenticated .mtd-community-stream {
  width: min(100%, 860px) !important;
  gap: 0 !important;
}

.mtd-authenticated .mtd-community-card {
  overflow: hidden;
  background: #000 !important;
  border: 0 !important;
  border-bottom: 1px solid #2f3336 !important;
  border-radius: 0 !important;
}

.mtd-authenticated .mtd-community-author {
  color: inherit;
  text-decoration: none;
  padding: 20px 22px 12px !important;
}

.mtd-authenticated .mtd-community-author:hover strong {
  color: var(--mtd-orange) !important;
}

.mtd-authenticated .mtd-community-social {
  min-height: 54px;
  padding: 6px 14px !important;
  border-top: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-community-copy {
  padding: 0 22px 12px 78px !important;
}

.mtd-authenticated .mtd-community-copy h2 {
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.mtd-authenticated .mtd-community-media {
  width: calc(100% - 100px) !important;
  max-height: none !important;
  margin: 8px 22px 4px 78px;
  aspect-ratio: 1.35;
  border-radius: 18px;
}

.mtd-authenticated .mtd-community-media--2,
.mtd-authenticated .mtd-community-media--3,
.mtd-authenticated .mtd-community-media--4 {
  height: auto !important;
}

.mtd-authenticated .mtd-community-metrics {
  display: grid;
  min-height: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-left: 78px;
  padding: 16px 22px 14px 0;
  border-bottom: 0;
}

.mtd-authenticated .mtd-community-metric {
  min-width: 0;
  padding-right: 0;
}

.mtd-authenticated .mtd-community-exercises {
  padding: 4px 22px 12px 78px;
}

.mtd-authenticated .mtd-community-awards {
  margin-left: 78px;
  padding-inline: 0 22px;
}

.mtd-authenticated .mtd-community-awards > span {
  min-height: 36px;
  gap: 8px;
  padding: 4px 11px 4px 6px;
  background: #121214;
}

.mtd-authenticated .mtd-community-awards img {
  width: 26px;
  height: 26px;
}

.mtd-authenticated .mtd-community-social-action {
  display: inline-flex;
  min-width: 48px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  color: #a5a5ab !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
}

.mtd-authenticated .mtd-community-social-action:hover,
.mtd-authenticated .mtd-community-social-action.is-active {
  color: var(--mtd-orange) !important;
  background: var(--mtd-orange-soft) !important;
}

.mtd-authenticated .mtd-community-comments {
  padding: 4px 14px 14px;
  border-top: 1px solid var(--mtd-border);
}

.mtd-authenticated .mtd-community-comment-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  margin-top: 10px;
}

.mtd-authenticated .mtd-community-comment-form textarea {
  min-height: 44px !important;
  max-height: 110px;
  resize: vertical;
}

.mtd-authenticated .mtd-exercise-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.mtd-authenticated .mtd-exercise-card {
  grid-template-rows: 142px auto !important;
  overflow: hidden;
  border-radius: 12px !important;
}

.mtd-authenticated .mtd-exercise-card > div:last-child {
  min-height: 74px;
  padding: 11px 12px !important;
}

.mtd-authenticated .mtd-exercise-card h3 {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.mtd-authenticated .mtd-exercise-card span {
  font-size: 8px !important;
}

@media (max-width: 1180px) {
  .mtd-authenticated .mtd-main {
    padding-inline: 24px !important;
  }

  .mtd-authenticated .mtd-page-heading {
    margin-inline: -24px !important;
    padding-inline: 24px !important;
  }

  .mtd-authenticated .mtd-overview-metrics,
  .mtd-authenticated .mtd-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mtd-authenticated .mtd-workout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .mtd-authenticated .mtd-exercise-grid,
  .mtd-authenticated .mtd-achievement-gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  .mtd-authenticated .mtd-sidebar,
  .mtd-sidebar-collapsed .mtd-sidebar {
    width: min(310px, calc(100vw - 42px)) !important;
    min-width: 0 !important;
    padding: 14px;
    transform: translateX(-105%);
  }

  .mtd-authenticated .mtd-sidebar.is-open {
    transform: translateX(0);
    box-shadow: 28px 0 80px rgba(0, 0, 0, .48) !important;
  }

  .mtd-authenticated .mtd-sidebar-wordmark,
  .mtd-sidebar-collapsed .mtd-sidebar-wordmark {
    display: block !important;
  }

  .mtd-authenticated .mtd-sidebar-app-logo,
  .mtd-sidebar-collapsed .mtd-sidebar-app-logo,
  .mtd-authenticated [data-sidebar-collapse] {
    display: none !important;
  }

  .mtd-authenticated [data-dashboard-menu-close] {
    display: grid !important;
    place-items: center;
    width: 38px !important;
    height: 38px !important;
    margin-left: auto;
    color: #fff !important;
    background: transparent !important;
    border: 1px solid var(--mtd-border) !important;
    border-radius: 10px !important;
  }

  .mtd-sidebar-collapsed .mtd-nav,
  .mtd-authenticated .mtd-nav {
    padding-top: 18px !important;
  }

  .mtd-sidebar-collapsed .mtd-nav > p,
  .mtd-sidebar-collapsed .mtd-nav > a span,
  .mtd-sidebar-collapsed .mtd-sidebar-footer .mtd-user > span:last-child,
  .mtd-sidebar-collapsed .mtd-logout span {
    display: initial !important;
  }

  .mtd-sidebar-collapsed .mtd-nav > a,
  .mtd-sidebar-collapsed .mtd-user,
  .mtd-sidebar-collapsed .mtd-logout {
    justify-content: flex-start;
    padding-inline: 12px !important;
  }

  .mtd-authenticated .mtd-workspace,
  .mtd-sidebar-collapsed .mtd-workspace {
    margin-left: 0 !important;
  }

  .mtd-authenticated .mtd-mobilebar {
    position: sticky;
    z-index: 50;
    top: 0;
    display: flex !important;
    align-items: center;
    gap: 14px;
    min-height: 62px;
    padding: 0 18px;
    background: rgba(8, 8, 8, .93) !important;
    border-bottom: 1px solid var(--mtd-border) !important;
    backdrop-filter: blur(18px);
  }

  .mtd-authenticated .mtd-mobilebar button {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    color: #fff;
    background: var(--mtd-surface);
    border: 1px solid var(--mtd-border);
    border-radius: 10px;
  }

  .mtd-authenticated .mtd-mobilebar img {
    display: block;
    width: 140px;
    height: auto;
  }

  .mtd-authenticated .mtd-main {
    min-height: calc(100dvh - 62px);
  }

  .mtd-authenticated .mtd-page-heading {
    top: 62px;
  }

  .mtd-authenticated .mtd-overview-analytics,
  .mtd-authenticated .mtd-overview-bottom,
  .mtd-authenticated .mtd-dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .mtd-authenticated .mtd-workout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mtd-authenticated .mtd-history-grid {
    grid-template-columns: 1fr;
  }

  .mtd-authenticated .mtd-exercise-grid,
  .mtd-authenticated .mtd-achievement-gallery,
  .mtd-authenticated .mtd-profile-workout-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .mtd-authenticated .mtd-main {
    padding: 0 14px 32px !important;
  }

  .mtd-authenticated .mtd-page-heading {
    min-height: 64px !important;
    margin: 0 -14px 18px !important;
    padding: 0 14px !important;
  }

  .mtd-authenticated .mtd-page-heading h1 {
    font-size: 17px !important;
  }

  .mtd-authenticated .mtd-page-title > span,
  .mtd-authenticated .mtd-page-profile > span:last-child {
    display: none;
  }

  .mtd-authenticated .mtd-page-profile {
    width: 38px;
    padding: 3px !important;
  }

  .mtd-authenticated .mtd-overview-welcome {
    display: grid;
    align-items: start;
  }

  .mtd-authenticated .mtd-overview-actions {
    width: 100%;
  }

  .mtd-authenticated .mtd-overview-action {
    flex: 1;
  }

  .mtd-authenticated .mtd-overview-metrics,
  .mtd-authenticated .mtd-stat-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .mtd-authenticated .mtd-overview-metric,
  .mtd-authenticated .mtd-stat {
    min-height: 112px !important;
    padding: 14px !important;
  }

  .mtd-authenticated .mtd-overview-metric > strong,
  .mtd-authenticated .mtd-stat > strong {
    font-size: 21px !important;
  }

  .mtd-authenticated .mtd-overview-panel,
  .mtd-authenticated .mtd-panel {
    padding: 14px !important;
  }

  .mtd-authenticated .mtd-overview-chart {
    gap: 5px;
    height: 185px;
    padding-inline: 0;
  }

  .mtd-authenticated .mtd-overview-consistency {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
  }

  .mtd-authenticated .mtd-overview-ring {
    width: 106px;
    height: 106px;
  }

  .mtd-authenticated .mtd-overview-chart-column small {
    font-size: 7px;
  }

  .mtd-authenticated .mtd-workout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .mtd-authenticated .mtd-workout-card {
    min-height: 122px !important;
    padding: 14px !important;
  }

  .mtd-authenticated .mtd-workout-body {
    padding-right: 22px !important;
  }

  .mtd-authenticated .mtd-exercise-grid,
  .mtd-authenticated .mtd-achievement-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .mtd-authenticated .mtd-profile-workout-grid {
    grid-template-columns: 1fr !important;
  }

  .mtd-authenticated .mtd-profile-home-banner {
    min-height: 112px;
  }

  .mtd-authenticated .mtd-profile-home-identity {
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 0 14px 14px;
  }

  .mtd-authenticated .mtd-profile-home-avatar {
    width: 72px;
    height: 72px;
    margin-top: -30px;
  }

  .mtd-authenticated .mtd-profile-settings-link {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .mtd-authenticated .mtd-profile-home-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 0;
    padding: 14px;
  }

  .mtd-authenticated .mtd-profile-home-stats > div:nth-child(4) {
    padding-left: 0;
    border-left: 0;
  }

  .mtd-authenticated .mtd-history-card-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mtd-authenticated .mtd-history-card-exercises {
    grid-template-columns: 1fr;
  }

  .mtd-authenticated .mtd-history-card > .mtd-history-delete {
    position: static;
    width: calc(100% - 28px);
    margin: 0 14px 14px;
    opacity: 1;
  }

  .mtd-authenticated .mtd-community-author {
    padding: 14px 10px 10px !important;
  }

  .mtd-authenticated .mtd-community-copy,
  .mtd-authenticated .mtd-community-exercises {
    padding-inline: 62px 10px !important;
  }

  .mtd-authenticated .mtd-community-media {
    width: calc(100% - 72px) !important;
    margin: 8px 10px 6px 62px;
    border-radius: 14px;
  }

  .mtd-authenticated .mtd-community-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 20px;
    margin-left: 62px;
    padding: 14px 10px 12px 0;
    overflow: visible;
  }

  .mtd-authenticated .mtd-community-awards {
    margin-left: 62px;
    padding-right: 10px;
  }

  .mtd-authenticated .mtd-community-comment-form {
    grid-template-columns: 1fr;
  }

  .mtd-authenticated .mtd-community-comment-form button {
    width: 100%;
  }

  .mtd-authenticated .mtd-section-heading-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .mtd-authenticated .mtd-inline-action {
    flex: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mtd-authenticated *,
  .mtd-authenticated *::before,
  .mtd-authenticated *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* 1.0.78: pure-black dashboard, borderless surfaces and desktop-scale workout media. */
body.mtd-authenticated {
  --mtd-bg: #000;
  --mtd-sidebar: #080808;
  --mtd-surface: #111113;
  --mtd-surface-raised: #171719;
  --mtd-surface-soft: #202023;
  --mtd-border: transparent;
  --mtd-border-strong: transparent;
  background: #000 !important;
}

body.mtd-authenticated .mtd-shell,
body.mtd-authenticated .mtd-workspace,
body.mtd-authenticated .mtd-main,
body.mtd-authenticated .mtd-view-content {
  background: #000 !important;
}

body.mtd-authenticated .mtd-shell *,
body.mtd-authenticated .mtd-shell *::before,
body.mtd-authenticated .mtd-shell *::after {
  border-color: transparent !important;
}

body.mtd-authenticated :is(.mtd-card,.mtd-panel,.mtd-stat,.mtd-overview,.mtd-profile-form,.mtd-photo-composer,.mtd-photo-group,.mtd-measurement-editor,.mtd-workout-editor,.mtd-history-manual-form) {
  border: 0 !important;
  background: var(--mtd-surface) !important;
  box-shadow: none !important;
}

body.mtd-authenticated :is(input,select,textarea,.mtd-input,.mtd-account-upload,.mtd-account-toggle,.mtd-photo-upload) {
  border: 0 !important;
  background-color: var(--mtd-surface-raised) !important;
  box-shadow: none !important;
}

body.mtd-authenticated :is(input,select,textarea):focus-visible,
body.mtd-authenticated :is(button,a):focus-visible {
  border: 0 !important;
  outline: 2px solid var(--mtd-orange) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

body.mtd-authenticated .mtd-sidebar {
  border: 0 !important;
  background: var(--mtd-sidebar) !important;
}

body.mtd-authenticated :is(.mtd-nav > a,.mtd-user,.mtd-logout):hover,
body.mtd-authenticated .mtd-nav > a.is-active {
  background: #19191b !important;
}

body.mtd-authenticated :is(.mtd-button,.mtd-inline-action,.mtd-primary-button,button) {
  border: 0 !important;
}

body.mtd-authenticated .mtd-view-content:is([data-view="history"],[data-view="community"]) :is(.mtd-app-workout,.mtd-community-card) {
  width: min(100%, 960px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: 0 14px 0 #09090b !important;
}

body.mtd-authenticated :is(.mtd-history-grid,.mtd-community-stream,.mtd-community-profile-workouts),
body.mtd-authenticated .mtd-view-content[data-view="history"] > .mtd-panel > .mtd-section-heading {
  width: min(100%, 960px) !important;
}

body.mtd-authenticated .mtd-app-workout-author {
  min-height: 82px;
  padding: 22px 22px 14px !important;
}

body.mtd-authenticated .mtd-app-workout-heading,
body.mtd-authenticated .mtd-app-exercise-list {
  padding-inline: 22px !important;
}

body.mtd-authenticated .mtd-app-workout-gym,
body.mtd-authenticated .mtd-app-workout-stats {
  margin-inline: 22px !important;
}

body.mtd-authenticated .mtd-app-workout-heading h2 {
  font-size: 18px !important;
  line-height: 1.28 !important;
}

body.mtd-authenticated .mtd-app-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  overflow: visible;
  color: currentColor;
}

body.mtd-authenticated .mtd-app-workout-gym > .mtd-app-icon {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
}

body.mtd-authenticated .mtd-app-exercise-row {
  min-height: 86px !important;
  grid-template-columns: 64px minmax(0,1fr) !important;
  gap: 16px !important;
  margin-bottom: 8px !important;
}

body.mtd-authenticated .mtd-app-exercise-media {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #f4f4f4 !important;
}

body.mtd-authenticated .mtd-app-exercise-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.mtd-authenticated .mtd-app-exercise-copy strong {
  color: #f2f2f7 !important;
  font-size: 15.5px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}

body.mtd-authenticated .mtd-community-social {
  min-height: 58px;
  padding: 6px 14px !important;
  border: 0 !important;
}

body.mtd-authenticated .mtd-community-social-action,
body.mtd-authenticated .mtd-community-social-action:hover,
body.mtd-authenticated .mtd-community-social-action.is-active {
  min-width: 52px;
  min-height: 44px;
  border: 0 !important;
  background: transparent !important;
}

body.mtd-authenticated .mtd-community-social-action .mtd-community-social-icon,
body.mtd-authenticated .mtd-community-social-action--comments .mtd-community-social-icon {
  width: 20px !important;
  height: 20px !important;
  color: #c7c7cc !important;
}

body.mtd-authenticated .mtd-community-social-action--respect.is-active .mtd-community-social-icon,
body.mtd-authenticated .mtd-community-social-action--respect.is-active .mtd-community-social-count {
  color: var(--mtd-orange) !important;
}

body.mtd-authenticated .mtd-community-social-action--comments .mtd-community-social-icon::before {
  display: none !important;
}

body.mtd-authenticated .mtd-app-workout-footer,
body.mtd-authenticated .mtd-community-comments {
  border: 0 !important;
  background: #09090b !important;
}

/* Full workout and history detail lists use desktop-sized artwork. */
body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise {
  min-height: 100px !important;
  grid-template-columns: 76px minmax(0,1fr) !important;
  gap: 18px !important;
  padding-block: 12px !important;
  border: 0 !important;
}

body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise-media {
  width: 76px !important;
  height: 76px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f4f4f4 !important;
}

body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise-media > img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise strong {
  color: #f7f7f7 !important;
  font-size: 16.5px !important;
  font-weight: 680 !important;
  line-height: 1.3 !important;
}

body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise small {
  color: #98989f !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body.mtd-authenticated :is(.mtd-detail-exercises,.mtd-session-exercises,.mtd-workout-days) {
  gap: 10px !important;
}

body.mtd-authenticated :is(.mtd-detail-exercises,.mtd-session-exercises,.mtd-workout-day,.mtd-session-exercise) {
  border: 0 !important;
}

@media (max-width: 680px) {
  body.mtd-authenticated .mtd-app-workout-author {
    padding: 16px 12px 10px !important;
  }

  body.mtd-authenticated .mtd-app-workout-heading,
  body.mtd-authenticated .mtd-app-exercise-list {
    padding-inline: 12px !important;
  }

  body.mtd-authenticated .mtd-app-workout-gym,
  body.mtd-authenticated .mtd-app-workout-stats {
    margin-inline: 12px !important;
  }

  body.mtd-authenticated .mtd-app-exercise-row {
    min-height: 74px !important;
    grid-template-columns: 56px minmax(0,1fr) !important;
    gap: 13px !important;
  }

  body.mtd-authenticated .mtd-app-exercise-media {
    width: 56px !important;
    height: 56px !important;
  }

  body.mtd-authenticated .mtd-app-exercise-copy strong {
    font-size: 14.5px !important;
  }

  body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise {
    min-height: 82px !important;
    grid-template-columns: 60px minmax(0,1fr) !important;
    gap: 14px !important;
  }

  body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise-media {
    width: 60px !important;
    height: 60px !important;
  }

  body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) .mtd-detail-exercise strong {
    font-size: 14.5px !important;
  }
}

html,
body.mtd-body.mtd-authenticated {
  background-color: #000 !important;
  background-image: none !important;
}

body.mtd-body.mtd-authenticated .mtd-shell .mtd-card,
body.mtd-body.mtd-authenticated .mtd-shell .mtd-panel {
  border: 0 !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated .mtd-history-grid {
  grid-template-columns: 1fr !important;
}

@media (min-width: 681px) {
  body.mtd-authenticated .mtd-app-exercise-row {
    min-height: 94px !important;
    grid-template-columns: 72px minmax(0,1fr) !important;
  }

  body.mtd-authenticated .mtd-app-exercise-media {
    width: 72px !important;
    height: 72px !important;
  }

  body.mtd-authenticated .mtd-app-exercise-copy strong {
    font-size: 16px !important;
  }
}

/* 1.0.79: one neutral color system across every dashboard surface. */
body.mtd-body.mtd-authenticated {
  --mtd-bg: #000;
  --mtd-chrome: #080809;
  --mtd-sidebar: #0a0a0b;
  --mtd-surface: #0f0f11;
  --mtd-raised: #151517;
  --mtd-surface-raised: #151517;
  --mtd-surface-soft: #1b1b1e;
  --mtd-input: #171719;
  --mtd-hover: #202024;
  --mtd-line: transparent;
  --mtd-line-strong: transparent;
  --mtd-border: transparent;
  --mtd-border-strong: transparent;
  --mtd-text: #f5f5f7;
  --mtd-secondary: #c7c7cc;
  --mtd-soft-text: #c7c7cc;
  --mtd-muted: #98989f;
  --mtd-faint: #737379;
  color: var(--mtd-text) !important;
  color-scheme: dark;
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
  background: #000 !important;
  scrollbar-color: #2a2a2e #000;
}

body.mtd-body.mtd-authenticated::-webkit-scrollbar,
body.mtd-body.mtd-authenticated *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.mtd-body.mtd-authenticated::-webkit-scrollbar-track,
body.mtd-body.mtd-authenticated *::-webkit-scrollbar-track {
  background: #000;
}

body.mtd-body.mtd-authenticated::-webkit-scrollbar-thumb,
body.mtd-body.mtd-authenticated *::-webkit-scrollbar-thumb {
  border: 2px solid #000 !important;
  border-radius: 999px;
  background: #2a2a2e;
}

body.mtd-body.mtd-authenticated .mtd-shell {
  width: 100%;
  overflow-x: clip;
}

body.mtd-body.mtd-authenticated :is(.mtd-sidebar,.mtd-mobilebar) {
  border: 0 !important;
  background: var(--mtd-sidebar) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-sidebar-brand,.mtd-sidebar-footer,.mtd-user,.mtd-logout,[data-sidebar-collapse],[data-dashboard-menu],[data-dashboard-menu-close]) {
  border: 0 !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-nav > a,.mtd-user,.mtd-logout,[data-sidebar-collapse]) {
  color: var(--mtd-muted) !important;
  background: transparent !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-nav > a,.mtd-user,.mtd-logout,[data-sidebar-collapse]):hover,
body.mtd-body.mtd-authenticated .mtd-nav > a.is-active {
  color: #fff !important;
  background: var(--mtd-surface-raised) !important;
}

body.mtd-body.mtd-authenticated .mtd-nav > a.is-active .mtd-icon {
  color: var(--mtd-orange) !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-card,.mtd-panel,.mtd-profile-form,.mtd-photo-composer,.mtd-photo-group,.mtd-measurement-editor,.mtd-workout-editor,.mtd-history-manual-form,.mtd-community-profile,.mtd-session-detail-head,.mtd-session-exercise) {
  border: 0 !important;
  background: var(--mtd-surface) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-stat,.mtd-overview,.mtd-workout-card,.mtd-exercise-card,.mtd-account-toggle,.mtd-account-upload,.mtd-progress-row,.mtd-progress-table-row,.mtd-measurement-row,.mtd-photo-upload,.mtd-empty,.mtd-workout-day,.mtd-achievement-card,.mtd-profile-home-stat,.mtd-community-notification) {
  border: 0 !important;
  background: var(--mtd-surface-raised) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(input,select,textarea,.mtd-input,.mtd-workout-action-menu,.mtd-account-tabs,.mtd-progress-tabs,.mtd-progress-metrics,.mtd-exercise-source-tabs,.mtd-community-tabs) {
  border: 0 !important;
  background-color: var(--mtd-input) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-account-tabs,.mtd-progress-tabs,.mtd-progress-metrics,.mtd-exercise-source-tabs,.mtd-community-tabs) > :is(button,a) {
  border: 0 !important;
  color: var(--mtd-secondary) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-account-tabs,.mtd-progress-tabs,.mtd-progress-metrics,.mtd-exercise-source-tabs,.mtd-community-tabs) > :is(button,a):is(.is-active,[aria-current="page"]),
body.mtd-body.mtd-authenticated :is(.mtd-account-tabs,.mtd-progress-tabs,.mtd-progress-metrics,.mtd-exercise-source-tabs,.mtd-community-tabs) > :is(button,a):hover {
  color: #fff !important;
  background: var(--mtd-surface-soft) !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-button,.mtd-primary-button,.mtd-inline-action).is-primary,
body.mtd-body.mtd-authenticated :is(.mtd-primary-button,button[type="submit"]) {
  border: 0 !important;
  color: #fff !important;
  background: var(--mtd-orange) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-button,.mtd-primary-button,.mtd-inline-action).is-primary:hover,
body.mtd-body.mtd-authenticated :is(.mtd-primary-button,button[type="submit"]):hover {
  color: #fff !important;
  background: #e92f00 !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-page-heading,.mtd-section-heading) :is(h1,h2),
body.mtd-body.mtd-authenticated :is(.mtd-card,.mtd-panel) :is(h1,h2,h3,strong) {
  color: var(--mtd-text);
}

body.mtd-body.mtd-authenticated :is(.mtd-card,.mtd-panel) :is(p,small,time,.mtd-meta) {
  color: var(--mtd-muted);
}

body.mtd-body.mtd-authenticated .mtd-view-content:is([data-view="history"],[data-view="community"]) :is(.mtd-app-workout,.mtd-community-card),
body.mtd-body.mtd-authenticated .mtd-community-profile-workout {
  border: 0 !important;
  background: #000 !important;
  box-shadow: 0 14px 0 #0b0b0d !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-app-workout-footer,.mtd-community-comments) {
  border: 0 !important;
  background: #0b0b0d !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-community-social-action,.mtd-community-social-action:hover,.mtd-community-social-action.is-active) {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Exercise artwork fills the circular crop; the catalogue screen keeps its own presentation. */
body.mtd-body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) :is(.mtd-app-exercise-media,.mtd-detail-exercise-media,.mtd-community-exercise > img) {
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f4f4f4 !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content:not([data-view="exercises"]) :is(.mtd-app-exercise-media img,.mtd-detail-exercise-media > img,.mtd-community-exercise > img) {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.14);
  transform-origin: center;
}

/* App-default avatar without relying on a visible border. */
body.mtd-body.mtd-authenticated :is(.mtd-community-avatar,.mtd-avatar).is-fallback {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50%;
  background: #f2f2f4 !important;
  color: #8e8e93 !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-community-avatar,.mtd-avatar).is-fallback::before {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 28%;
  height: 28%;
  border: 0 !important;
  border-radius: 50%;
  background: currentColor;
  transform: translateX(-50%);
  content: "";
}

body.mtd-body.mtd-authenticated :is(.mtd-community-avatar,.mtd-avatar).is-fallback::after {
  position: absolute;
  bottom: 14%;
  left: 50%;
  width: 58%;
  height: 30%;
  border: 0 !important;
  border-radius: 50% 50% 28% 28%;
  background: currentColor;
  transform: translateX(-50%);
  content: "";
}

/* 1.0.79: premium depth without visible outlines. Containers stay present and
 * are separated by tone, spacing and light rather than strokes. */
body.mtd-body.mtd-authenticated {
  --mtd-panel-gradient: linear-gradient(145deg, #151518 0%, #101012 52%, #0b0b0d 100%);
  --mtd-panel-gradient-soft: linear-gradient(145deg, #1b1b1f 0%, #151518 54%, #101012 100%);
  --mtd-panel-gradient-deep: linear-gradient(145deg, #101012 0%, #0b0b0d 58%, #080809 100%);
  --mtd-panel-gradient-accent: radial-gradient(circle at 82% 12%, rgba(255, 143, 104, .34), transparent 34%), linear-gradient(140deg, #ff4a18 0%, #fd3301 48%, #c82300 100%);
}

/* No component uses a stroke as visual structure. Keyboard focus remains an
 * accessible outline and is intentionally not removed. */
body.mtd-body.mtd-authenticated .mtd-shell :is(
  div,section,article,aside,header,footer,nav,main,form,fieldset,table,thead,tbody,
  tfoot,tr,th,td,ul,ol,li,figure,figcaption,details,summary,button,input,select,
  textarea,a
) {
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
}

body.mtd-body.mtd-authenticated :is(
  .mtd-card,
  .mtd-panel,
  .mtd-profile-form,
  .mtd-profile-card,
  .mtd-photo-composer,
  .mtd-photo-group,
  .mtd-measurement-editor,
  .mtd-workout-editor,
  .mtd-history-manual-form,
  .mtd-community-profile,
  .mtd-session-detail-head,
  .mtd-workout-detail-head,
  .mtd-exercise-detail,
  .mtd-overview-panel
) {
  background: var(--mtd-panel-gradient) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .18) !important;
}

body.mtd-body.mtd-authenticated :is(
  .mtd-stat,
  .mtd-overview-metric,
  .mtd-workout-card,
  .mtd-exercise-card,
  .mtd-account-toggle,
  .mtd-account-upload,
  .mtd-progress-row,
  .mtd-progress-table-row,
  .mtd-measurement-row,
  .mtd-photo-upload,
  .mtd-empty,
  .mtd-workout-day,
  .mtd-achievement-card,
  .mtd-profile-home-stat,
  .mtd-community-notification,
  .mtd-session-exercise,
  .mtd-session-facts > div,
  .mtd-exercise-facts > div
) {
  background: var(--mtd-panel-gradient-soft) !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated .mtd-overview-metric.is-accent {
  background: var(--mtd-panel-gradient-accent) !important;
  box-shadow: 0 22px 48px rgba(253, 51, 1, .16) !important;
}

body.mtd-body.mtd-authenticated .mtd-overview-metric.is-accent :is(
  .mtd-overview-metric-top,
  .mtd-overview-metric-top i,
  strong,
  small
) {
  color: #fff !important;
}

body.mtd-body.mtd-authenticated .mtd-overview-metric.is-accent .mtd-overview-metric-top i {
  background: rgba(0, 0, 0, .18) !important;
}

body.mtd-body.mtd-authenticated :is(
  .mtd-workout-action-menu,
  .mtd-account-tabs,
  .mtd-progress-tabs,
  .mtd-progress-metrics,
  .mtd-exercise-source-tabs,
  .mtd-community-tabs,
  .mtd-community-section-tabs,
  .mtd-community-comments,
  .mtd-modal-card,
  .mtd-dialog,
  .mtd-popover,
  .mtd-dropdown
) {
  background: var(--mtd-panel-gradient-deep) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
}

body.mtd-body.mtd-authenticated :is(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea,
  .mtd-input,
  .mtd-filter,
  .mtd-search,
  .mtd-chip,
  .mtd-pill
) {
  color: var(--mtd-text) !important;
  background: #171719 !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(
  .mtd-session-row,
  .mtd-overview-workout,
  .mtd-detail-exercise,
  .mtd-app-exercise-row,
  .mtd-guidance-row,
  .mtd-achievement-row,
  .mtd-completed-sets > div
) {
  border: 0 !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-sidebar,.mtd-mobilebar) {
  background: linear-gradient(180deg, #0c0c0e 0%, #080809 62%, #060607 100%) !important;
}

body.mtd-body.mtd-authenticated .mtd-page-heading {
  background: rgba(0, 0, 0, .82) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.mtd-body.mtd-authenticated .mtd-nav > a.is-active {
  background: linear-gradient(135deg, #232326 0%, #171719 100%) !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-page-tool,.mtd-page-profile,.mtd-user) {
  background: var(--mtd-panel-gradient-soft) !important;
  box-shadow: none !important;
}

/* The app-style workout cards deliberately remain black. Their separation is
 * a quiet graphite floor, not a grey web-card container. */
body.mtd-body.mtd-authenticated .mtd-view-content:is([data-view="history"],[data-view="community"]) :is(.mtd-app-workout,.mtd-community-card),
body.mtd-body.mtd-authenticated .mtd-community-profile-workout {
  background: #000 !important;
  box-shadow: 0 14px 0 #0b0b0d !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-app-workout-footer,.mtd-community-comments) {
  background: linear-gradient(180deg, #0d0d0f 0%, #09090b 100%) !important;
}

/* Keep charts expressive while removing the old outline-dependent styling. */
body.mtd-body.mtd-authenticated .mtd-overview-chart {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, .035) 1px, transparent 1px) !important;
}

body.mtd-body.mtd-authenticated .mtd-overview-chart-bar {
  background: linear-gradient(180deg, #5c5c62 0%, #2b2b2f 100%) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

body.mtd-body.mtd-authenticated .mtd-overview-chart-column.is-current .mtd-overview-chart-bar {
  background: linear-gradient(180deg, #ff744f 0%, #fd3301 78%) !important;
  box-shadow: 0 12px 32px rgba(253, 51, 1, .2) !important;
}

/* Prevent the document from producing a light horizontal scrollbar gutter. */
body.mtd-body.mtd-authenticated,
body.mtd-body.mtd-authenticated .mtd-workspace,
body.mtd-body.mtd-authenticated .mtd-main,
body.mtd-body.mtd-authenticated .mtd-view-content {
  max-width: 100%;
  overflow-x: clip;
}

/* 1.0.84: final, app-aligned authority for lists and workout cards.
 * These rules intentionally live last: older dashboard layers must not turn
 * list rows back into generic web cards or re-center subsection headings. */
body.mtd-body.mtd-authenticated :is(.mtd-section-heading--page,.mtd-section-heading--subsection) {
  width: 100% !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  text-align: left !important;
}

body.mtd-body.mtd-authenticated :is(.mtd-section-heading--page,.mtd-section-heading--subsection) :is(h2,span) {
  margin: 0 !important;
  text-align: left !important;
}

body.mtd-body.mtd-authenticated .mtd-section-heading--subsection {
  min-height: 36px !important;
  margin: 28px 0 10px !important;
}

body.mtd-body.mtd-authenticated .mtd-section-heading--page .mtd-section-heading-actions {
  margin-left: auto !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-grid {
  align-items: stretch !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-card {
  min-height: 104px !important;
  padding: 0 !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #18181b 0%, #121214 100%) !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-card-link {
  display: flex !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 104px !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-body {
  width: 100% !important;
  min-width: 0 !important;
  align-content: end !important;
  padding: 18px 46px 17px 18px !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-body h3 {
  width: 100% !important;
  min-width: 0 !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-card-menu {
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  color: #a4a4ab !important;
  background: transparent !important;
}

body.mtd-body.mtd-authenticated .mtd-workout-card-popover {
  z-index: 40 !important;
  top: 48px !important;
  right: 10px !important;
  min-width: 176px !important;
  padding: 7px !important;
  border-radius: 13px !important;
  background: #202024 !important;
  box-shadow: 0 22px 58px rgba(0,0,0,.55) !important;
}

/* Exercise catalogue: app list rows, not independent containers. */
body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-grid {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 0 28px !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card {
  position: relative !important;
  display: grid !important;
  min-height: 108px !important;
  grid-template-columns: 76px minmax(0,1fr) !important;
  grid-template-rows: none !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 15px 4px !important;
  overflow: visible !important;
  border-radius: 0 !important;
  color: inherit !important;
  background: transparent !important;
  box-shadow: inset 0 -1px #242428 !important;
  text-decoration: none !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card:hover {
  background: linear-gradient(90deg,rgba(255,255,255,.035),transparent 78%) !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card--custom {
  grid-template-columns: 76px minmax(0,1fr) auto !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-link {
  display: contents !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card--custom > .mtd-exercise-card-actions {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media {
  display: grid !important;
  width: 76px !important;
  height: 76px !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: #f4f4f4 !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.1);
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy {
  position: relative !important;
  display: grid !important;
  min-width: 0 !important;
  align-content: center !important;
  gap: 4px !important;
  min-height: 76px !important;
  padding: 0 38px 0 0 !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy h3 {
  order: 1 !important;
  margin: 0 !important;
  color: #f5f5f7 !important;
  font-size: 16px !important;
  font-weight: 680 !important;
  line-height: 1.3 !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy > span {
  order: 2 !important;
  color: #85858e !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-chevron {
  position: absolute !important;
  top: 50% !important;
  right: 4px !important;
  width: 19px !important;
  height: 19px !important;
  color: #74747c !important;
  transform: translateY(-50%);
}

/* The same post component must look the same in History, Community and Profile. */
body.mtd-body.mtd-authenticated :is(.mtd-history-card,.mtd-community-card,.mtd-profile-workout-card,.mtd-community-profile-workout).mtd-app-workout {
  width: min(100%,960px) !important;
  border-radius: 0 !important;
  background: #000 !important;
  box-shadow: 0 14px 0 #0b0b0d !important;
}

body.mtd-body.mtd-authenticated .mtd-profile-workout-grid {
  grid-template-columns: 1fr !important;
  justify-items: start !important;
  gap: 14px !important;
}

body.mtd-body.mtd-authenticated .mtd-app-workout-heading {
  flex-wrap: wrap !important;
}

body.mtd-body.mtd-authenticated .mtd-app-workout-day {
  flex: 0 0 100% !important;
  order: 3 !important;
  margin: 3px 0 0 !important;
  color: #a8a8ad !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

body.mtd-body.mtd-authenticated .mtd-app-workout-stats-primary {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 28px !important;
}

body.mtd-body.mtd-authenticated .mtd-app-workout-stats-primary .mtd-community-metric {
  min-width: 76px !important;
}

@media (max-width: 720px) {
  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-grid {
    grid-template-columns: 1fr !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card {
    min-height: 92px !important;
    grid-template-columns: 60px minmax(0,1fr) !important;
    gap: 13px !important;
    padding-block: 12px !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card--custom {
    grid-template-columns: 60px minmax(0,1fr) !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card--custom > .mtd-exercise-card-actions {
    grid-column: 2 !important;
    flex-wrap: wrap !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-media {
    width: 60px !important;
    height: 60px !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy {
    min-height: 60px !important;
  }

  body.mtd-body.mtd-authenticated .mtd-view-content[data-view="exercises"] .mtd-exercise-card-copy h3 {
    font-size: 14.5px !important;
  }

  body.mtd-body.mtd-authenticated .mtd-section-heading--page {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.mtd-body.mtd-authenticated .mtd-section-heading--page .mtd-section-heading-actions {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 520px) {
  body.mtd-body.mtd-authenticated .mtd-workout-grid,
  body.mtd-body.mtd-authenticated .mtd-workout-reorder-list {
    grid-template-columns: 1fr !important;
  }

  body.mtd-body.mtd-authenticated .mtd-workout-card,
  body.mtd-body.mtd-authenticated .mtd-workout-card-link {
    min-height: 92px !important;
  }

  body.mtd-body.mtd-authenticated .mtd-workout-body {
    padding: 17px 48px 16px 17px !important;
  }
}

/* Task-led help center. Screens use fictitious data and link back to the app. */
body.mtd-body.mtd-authenticated .mtd-help-intro {
  max-width: 720px;
  margin: -4px 0 18px !important;
  color: var(--mtd-muted) !important;
  font-size: 13px !important;
}

body.mtd-body.mtd-authenticated .mtd-help-search {
  width: min(100%, 620px) !important;
  min-height: 46px !important;
  margin: 0 0 24px !important;
  padding: 0 15px !important;
  border: 1px solid var(--mtd-border-strong) !important;
  border-radius: 11px !important;
  background: #121214 !important;
  color: #fff !important;
}

body.mtd-body.mtd-authenticated .mtd-help-list {
  display: grid !important;
  max-width: 1040px !important;
  gap: 10px !important;
}

body.mtd-body.mtd-authenticated .mtd-help-card {
  overflow: hidden !important;
  border: 1px solid var(--mtd-border) !important;
  border-radius: 14px !important;
  background: var(--mtd-panel-gradient-soft) !important;
}

body.mtd-body.mtd-authenticated .mtd-help-summary {
  display: flex !important;
  min-height: 82px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 18px 20px !important;
  cursor: pointer !important;
  list-style: none !important;
}

body.mtd-body.mtd-authenticated .mtd-help-summary::-webkit-details-marker { display: none !important; }
body.mtd-body.mtd-authenticated .mtd-help-summary > span { display: grid !important; gap: 5px !important; min-width: 0 !important; }
body.mtd-body.mtd-authenticated .mtd-help-summary strong { color: #fff !important; font-size: 15px !important; }
body.mtd-body.mtd-authenticated .mtd-help-summary small { color: var(--mtd-muted) !important; font-size: 12px !important; line-height: 1.5 !important; }
body.mtd-body.mtd-authenticated .mtd-help-summary > svg { flex: 0 0 auto !important; transition: transform .18s ease !important; }
body.mtd-body.mtd-authenticated .mtd-help-card[open] .mtd-help-summary > svg { transform: rotate(90deg) !important; }

body.mtd-body.mtd-authenticated .mtd-help-body {
  display: grid !important;
  grid-template-columns: minmax(260px,1fr) minmax(280px,1fr) !important;
  align-items: start !important;
  gap: 22px !important;
  padding: 4px 20px 22px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

body.mtd-body.mtd-authenticated .mtd-help-image {
  grid-row: 1 / 3 !important;
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  margin-top: 18px !important;
  border: 1px solid var(--mtd-border) !important;
  border-radius: 11px !important;
  background: #0c0c0d !important;
  object-fit: cover !important;
  object-position: top left !important;
}

body.mtd-body.mtd-authenticated .mtd-help-steps {
  display: grid !important;
  gap: 13px !important;
  margin: 18px 0 0 !important;
  padding-left: 23px !important;
  color: #c8c8ce !important;
}

body.mtd-body.mtd-authenticated .mtd-help-steps li { padding-left: 5px !important; line-height: 1.55 !important; }
body.mtd-body.mtd-authenticated .mtd-help-body > .mtd-inline-action { justify-self: start !important; }

@media (max-width: 720px) {
  body.mtd-body.mtd-authenticated .mtd-help-summary { min-height: 74px !important; padding: 16px !important; }
  body.mtd-body.mtd-authenticated .mtd-help-body { grid-template-columns: 1fr !important; padding: 2px 16px 18px !important; }
  body.mtd-body.mtd-authenticated .mtd-help-image { grid-row: auto !important; margin-top: 14px !important; }
  body.mtd-body.mtd-authenticated .mtd-help-steps { margin-top: 0 !important; }
  body.mtd-body.mtd-authenticated .mtd-help-body > .mtd-inline-action { width: 100% !important; justify-content: center !important; }
}