/* =========================================================
   MC User Auth V2
   SofaScore-inspired two-column authentication modal
========================================================= */

:root {
  --mc-auth-bg: #151a1d;
  --mc-auth-bg-soft: #1b2024;
  --mc-auth-bg-input: #20262a;
  --mc-auth-border: rgba(255, 255, 255, 0.12);
  --mc-auth-border-hover: rgba(255, 255, 255, 0.25);

  --mc-auth-text: #f7f8fa;
  --mc-auth-muted: #9ca6ad;
  --mc-auth-placeholder: #727d84;

  --mc-auth-primary: #d71976;
  --mc-auth-primary-hover: #ed2d8b;
  --mc-auth-primary-soft: rgba(215, 25, 118, 0.14);

  --mc-auth-purple: #7d55ff;
  --mc-auth-pink: #f157ff;

  --mc-auth-success: #18b876;
  --mc-auth-danger: #ef4b62;
  --mc-auth-warning: #f5b942;

  --mc-auth-radius: 18px;
  --mc-auth-radius-sm: 10px;
}

/* =========================================================
   Reset all buttons inside Auth Plugin
========================================================= */

.mc-auth-modal button{
    appearance:none;
    -webkit-appearance:none;
    padding:0 !important;
    margin:0 !important;
    box-shadow:none;
    border-radius:0;
    min-height:0;
    height:auto;
    line-height:normal;
    font:inherit;
    color:inherit;
    text-transform:none;
}

/* =========================================================
   Page lock
========================================================= */

body.mc-auth-modal-open {
  overflow: hidden !important;
  touch-action: none;
}

/* =========================================================
   Modal shell
========================================================= */

.mc-auth-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 24px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 0.22s ease,
    visibility 0.22s ease;
}

.mc-auth-modal[hidden] {
  display: none !important;
}

.mc-auth-modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mc-auth-modal-backdrop {
  position: absolute;
  inset: 0;

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(125, 85, 255, 0.12),
      transparent 35%
    ),
    rgba(0, 0, 0, 0.82);

  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

/* =========================================================
   Dialog
========================================================= */

.mc-auth-dialog {
  position: relative;
  z-index: 2;
  width:min(900px, calc(100vw - 48px));
  min-height:510px;
  max-height: calc(100vh - 48px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.9fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--mc-auth-radius);
  background: var(--mc-auth-bg);
  box-shadow:
    0 35px 100px rgba(0, 0, 0, 0.55),
    0 12px 30px rgba(0, 0, 0, 0.35);
  transform:
    translateY(18px)
    scale(0.975);
  transition:
    transform 0.24s ease,
    opacity 0.24s ease;
}

.mc-auth-modal.active .mc-auth-dialog {
  transform:
    translateY(0)
    scale(1);
}

/*
 * 当前 PHP 中登录内容直接放在 .mc-auth-dialog 内。
 * 以下选择器把登录内容限制在左栏。
 */

.mc-auth-dialog > .mc-auth-brand,
.mc-auth-dialog > .mc-auth-view {
  grid-column: 1;
}

/* =========================================================
   Close button
========================================================= */

.mc-auth-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 20;

  width: 38px;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;

  background: rgba(0, 0, 0, 0.32);
  color: #fff;

  cursor: pointer;

  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}

.mc-auth-close:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.28);
  transform: rotate(3deg);
}

/* =========================================================
   Left authentication panel
========================================================= */

.mc-auth-brand,
.mc-auth-view {
  width: 100%;
  padding-left:34px;
  padding-right:34px;
}

.mc-auth-brand {
  display: flex;
  align-items: center;
  gap: 11px;

  padding-top:26px;
  padding-bottom:14px;

  color: #fff;
}

.mc-auth-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: var(--mc-auth-primary);
}

.mc-auth-brand strong {
  font-size:18px;
  font-weight: 900;
  letter-spacing: -0.7px;

  background:
    linear-gradient(
      90deg,
      var(--mc-auth-purple),
      var(--mc-auth-pink)
    );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mc-auth-view {
  padding-top: 12px;
  padding-bottom: 36px;

  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color:
    rgba(255, 255, 255, 0.18)
    transparent;
}

.mc-auth-view:not(.active) {
  display: none;
}

.mc-auth-heading {
  margin-bottom: 24px;
}

.mc-auth-heading h2 {
  margin: 0 0 9px;

  color: var(--mc-auth-text);

  font-size:22px;
  font-weight: 850;
  line-height:1.1;
  letter-spacing: -1px;
  margin-bottom:8px;
}

.mc-auth-heading p {
  max-width: 390px;
  margin: 0;

  color: var(--mc-auth-muted);

  font-size:13px;
  line-height: 1.55;
}

/* =========================================================
   Forms
========================================================= */

.mc-auth-form {
  display: flex;
  flex-direction: column;
  gap:12px;
}

.mc-auth-field {
  display: flex;
  flex-direction: column;
  gap:5px;
}

.mc-auth-field label {
  color: #dbe0e4;

  font-size:11px;
  font-weight: 750;
  line-height: 1.2;
}

.mc-auth-field input,
.mc-auth-field select,
.mc-auth-field textarea {
  width: 100%;
  min-height:40px;

  padding:0 12px;

  border: 1px solid var(--mc-auth-border);
  border-radius: var(--mc-auth-radius-sm);

  outline: none;

  background: var(--mc-auth-bg-input);
  color: var(--mc-auth-text);

  font-family: inherit;
  font-size:13px;

  box-shadow: none;

  transition:
    border-color 0.16s ease,
    box-shadow 0.16s ease,
    background 0.16s ease;
}

.mc-auth-field textarea {
  min-height: 110px;
  padding-top: 12px;
  resize: vertical;
}

.mc-auth-field input::placeholder,
.mc-auth-field textarea::placeholder {
  color: var(--mc-auth-placeholder);
}

.mc-auth-field input:hover,
.mc-auth-field select:hover,
.mc-auth-field textarea:hover {
  border-color: var(--mc-auth-border-hover);
}

.mc-auth-field input:focus,
.mc-auth-field select:focus,
.mc-auth-field textarea:focus {
  border-color: var(--mc-auth-primary);

  background: #fff;

  box-shadow:
    0 0 0 3px var(--mc-auth-primary-soft);
}

.mc-auth-field input:disabled,
.mc-auth-field select:disabled,
.mc-auth-field textarea:disabled {
  opacity: 0.62;
  cursor: not-allowed;
}

/* =========================================================
   Password
========================================================= */

.mc-auth-password-wrap {
  position: relative;
}

.mc-auth-password-wrap input {
  padding-right: 48px;
}

.mc-auth-password-toggle{
    position:absolute;
    top:0;
    right:0;
    width:42px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#9aa4ad;
    transition:.2s;
}

.mc-auth-password-toggle:hover{
    color:#fff;
}

.mc-auth-password-toggle:hover,
.mc-auth-password-toggle.active {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}

.mc-auth-password-toggle span {
  font-size: 16px;
  line-height: 1;
}

/* =========================================================
   Main buttons
========================================================= */

.mc-auth-primary-button {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 18px;

  border: 0;
  border-radius: var(--mc-auth-radius-sm);

  background:
    linear-gradient(
      90deg,
      var(--mc-auth-primary),
      #e93896
    );

  color: #fff;

  font-family: inherit;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;

  cursor: pointer;

  box-shadow:
    0 8px 22px rgba(215, 25, 118, 0.22);

  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    opacity 0.15s ease;
}

.mc-auth-primary-button:hover {
  transform: translateY(-1px);

  box-shadow:
    0 11px 28px rgba(215, 25, 118, 0.32);
}

.mc-auth-primary-button:active {
  transform: translateY(0);
}

.mc-auth-primary-button:disabled,
.mc-auth-primary-button.is-loading {
  opacity: 0.65;
  cursor: wait;
  transform: none;
}

/* =========================================================
   Register/Login switch
========================================================= */

.mc-auth-switch{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:20px;
    line-height:1;
    font-size: 13px;
}

.mc-auth-link{
    display:inline-flex;
    align-items:center;
    color:#ff4ba1;
    text-decoration:none;
    font-size:13px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
}

.mc-auth-link:hover{
    color:#ff67b4;
}

.mc-auth-switch span{
    line-height:1;
    display:flex;
    align-items:center;
}

/* =========================================================
   Message
========================================================= */

.mc-auth-form-message {
  min-height: 18px;

  padding: 0;

  color: var(--mc-auth-muted);

  font-size: 12px;
  line-height: 1.45;

  opacity: 0;

  transition: opacity 0.15s ease;
}

.mc-auth-form-message.active {
  opacity: 1;
}

.mc-auth-form-message.is-error {
  color: #ff7285;
}

.mc-auth-form-message.is-success {
  color: #31d18d;
}

.mc-auth-form-message.is-loading {
  color: #d0d6da;
}

/* =========================================================
   Right promotional panel
========================================================= */

/*
 * 在 PHP 里添加 .mc-auth-promo 后，这块自动生效。
 * 可放视频、轮播、直播推荐或 APK 宣传。
 */

.mc-auth-promo {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 2;

  min-width: 0;
  min-height: 560px;

  overflow: hidden;

  background:
    linear-gradient(
      145deg,
      rgba(125, 85, 255, 0.42),
      rgba(215, 25, 118, 0.26)
    ),
    #272132;
}

.mc-auth-promo::after {
  content: "";

  position: absolute;
  inset: 0;
  z-index: 2;

  pointer-events: none;

  background:
    linear-gradient(
      to top,
      rgba(7, 9, 11, 0.94) 0%,
      rgba(7, 9, 11, 0.18) 48%,
      rgba(7, 9, 11, 0.05) 100%
    );
}

.mc-auth-promo-media {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.mc-auth-promo-media video,
.mc-auth-promo-media iframe,
.mc-auth-promo-media img {
  width: 100%;
  height: 100%;

  display: block;

  border: 0;

  object-fit: cover;
}

.mc-auth-promo-content {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 30px;
  z-index: 4;

  color: #fff;
}

.mc-auth-promo-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  margin-bottom: 10px;

  color: rgba(255, 255, 255, 0.78);

  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.mc-auth-promo-title {
  max-width: 360px;
  margin: 0 0 10px;

  color: #fff;

  font-size: 32px;
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -1px;
}

.mc-auth-promo-text {
  max-width: 350px;
  margin: 0;

  color: rgba(255, 255, 255, 0.76);

  font-size: 14px;
  line-height: 1.5;
}

.mc-auth-promo-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;

  margin-top: 18px;
}

.mc-auth-promo-button {
  min-height: 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 15px;

  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 10px;

  background: rgba(0, 0, 0, 0.34);
  color: #fff;

  font-size: 13px;
  font-weight: 800;
  text-decoration: none;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.mc-auth-promo-button:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
}

/* Logo / progress decorative bar */

.mc-auth-promo-progress {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 17px;
  z-index: 5;

  height: 2px;

  overflow: hidden;

  background: rgba(255, 255, 255, 0.2);
}

.mc-auth-promo-progress span {
  display: block;
  width: 42%;
  height: 100%;

  background: #fff;
}

/* =========================================================
   Login header button
========================================================= */

.mc-auth-button-wrap {
  position: relative;

  display: inline-flex;
  align-items: center;
}

.mc-auth-login-button,
.mc-auth-user-button {
  min-height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 0 13px;

  border: 1px solid #dfe3e8;
  border-radius: 999px;

  background: #fff;
  color: #20252a;

  font-family: inherit;
  font-size: 13px;
  font-weight: 800;

  cursor: pointer;

  transition:
    border-color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.mc-auth-login-button:hover,
.mc-auth-user-button:hover {
  border-color: var(--mc-auth-primary);
  transform: translateY(-1px);

  box-shadow:
    0 7px 18px rgba(0, 0, 0, 0.1);
}

.mc-auth-login-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: var(--mc-auth-primary);
}

/* =========================================================
   User avatar and dropdown
========================================================= */

.mc-auth-user-button {
  padding-left: 7px;
}

.mc-auth-avatar,
.mc-auth-account-avatar {
  position: relative;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      var(--mc-auth-purple),
      var(--mc-auth-pink)
    );

  color: #fff;

  font-weight: 850;
}

.mc-auth-avatar {
  width: 28px;
  height: 28px;
}

.mc-auth-account-avatar {
  width: 66px;
  height: 66px;

  font-size: 22px;
}

.mc-auth-avatar img,
.mc-auth-account-avatar img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.mc-auth-user-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 9999;

  width: 230px;

  padding: 8px;

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;

  background: #171c20;
  color: #fff;

  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.35);

  opacity: 0;
  transform: translateY(-7px);

  transition:
    opacity 0.15s ease,
    transform 0.15s ease;
}

.mc-auth-user-menu.active {
  opacity: 1;
  transform: translateY(0);
}

.mc-auth-menu-user {
  display: flex;
  flex-direction: column;
  gap: 3px;

  padding: 10px 11px 12px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.mc-auth-menu-user strong {
  color: #fff;
  font-size: 13px;
}

.mc-auth-menu-user span {
  overflow: hidden;

  color: var(--mc-auth-muted);

  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-menu-link,
.mc-auth-menu-logout {
  width: 100%;
  min-height: 39px;

  display: flex;
  align-items: center;

  padding: 0 11px;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #dbe0e4;

  font-family: inherit;
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  text-decoration: none;

  cursor: pointer;
}

.mc-auth-menu-link:hover,
.mc-auth-menu-logout:hover {
  background: rgba(255, 255, 255, 0.07);
  color: #fff;
}

/* =========================================================
   Account page
========================================================= */

.mc-auth-account {
  width: 100%;

  padding: 24px;

  border-radius: 16px;

  background: #fff;
  color: #1e2328;
}

.mc-auth-account-header {
  display: flex;
  align-items: center;
  gap: 16px;

  margin-bottom: 24px;
}

.mc-auth-account-header h2 {
  margin: 0 0 4px;

  font-size: 24px;
  font-weight: 850;
}

.mc-auth-account-header p {
  margin: 0;

  color: #7a8490;
  font-size: 13px;
}

.mc-auth-account-tabs {
  display: flex;
  gap: 4px;

  margin-bottom: 20px;
  padding-bottom: 1px;

  overflow-x: auto;

  border-bottom: 1px solid #e8ebef;
}

.mc-auth-account-tabs button {
  min-height: 43px;

  padding: 0 16px;

  border: 0;
  border-bottom: 2px solid transparent;

  background: transparent;
  color: #68727d;

  font-family: inherit;
  font-size: 13px;
  font-weight: 750;

  white-space: nowrap;
  cursor: pointer;
}

.mc-auth-account-tabs button.active {
  border-bottom-color: var(--mc-auth-primary);
  color: var(--mc-auth-primary);
}

.mc-auth-account-panel {
  display: none;
}

.mc-auth-account-panel.active {
  display: block;
}

.mc-auth-account .mc-auth-field input {
  border-color: #dce1e6;

  background: #f7f8fa;
  color: #20252a;
}

.mc-auth-account .mc-auth-field label {
  color: #3c454e;
}

.mc-auth-danger-button {
  min-height: 42px;

  padding: 0 15px;

  border: 1px solid #ffd1d8;
  border-radius: 9px;

  background: #fff4f6;
  color: #d93650;

  font-family: inherit;
  font-size: 13px;
  font-weight: 800;

  cursor: pointer;
}

/* =========================================================
   Empty state
========================================================= */

.mc-auth-empty-state {
  padding: 34px 22px;

  border: 1px dashed #dce1e6;
  border-radius: 12px;

  background: #fafbfc;
  text-align: center;
}

.mc-auth-empty-state strong {
  display: block;
  margin-bottom: 6px;

  font-size: 16px;
}

.mc-auth-empty-state p {
  margin: 0;

  color: #818a94;

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   Toast
========================================================= */

.mc-auth-toast {
  position: fixed;
  left: 50%;
  bottom: 26px;
  z-index: 1000000;

  max-width: min(420px, calc(100vw - 32px));

  padding: 12px 17px;

  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;

  background: #171c20;
  color: #fff;

  font-size: 13px;
  font-weight: 650;

  opacity: 0;
  visibility: hidden;

  transform:
    translate(-50%, 14px);

  box-shadow:
    0 16px 40px rgba(0, 0, 0, 0.3);

  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}

.mc-auth-toast.active {
  opacity: 1;
  visibility: visible;

  transform:
    translate(-50%, 0);
}

.mc-auth-toast-success {
  border-color: rgba(24, 184, 118, 0.35);
}

.mc-auth-toast-error {
  border-color: rgba(239, 75, 98, 0.4);
}

/* =========================================================
   Tablet
========================================================= */

@media (max-width: 900px) {
  .mc-auth-dialog {
    width: min(720px, calc(100vw - 36px));
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .mc-auth-brand,
  .mc-auth-view {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mc-auth-promo-title {
    font-size: 27px;
  }
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 700px) {
  .mc-auth-modal {
    align-items: flex-end;

    padding: 0;
  }

  .mc-auth-dialog {
    width: 100%;
    min-height: 0;
    max-height: min(90vh, 760px);

    display: block;

    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 20px 20px 0 0;

    transform:
      translateY(35px)
      scale(1);
  }

  .mc-auth-modal.active .mc-auth-dialog {
    transform: translateY(0);
  }

  .mc-auth-brand,
  .mc-auth-view {
    padding-left: 22px;
    padding-right: 22px;
  }

  .mc-auth-brand {
    padding-top: 28px;
    padding-bottom: 13px;
  }

  .mc-auth-brand strong {
    font-size: 19px;
  }

  .mc-auth-view {
    max-height: calc(90vh - 82px);

    padding-top: 8px;
    padding-bottom:
      calc(28px + env(safe-area-inset-bottom));
  }

  .mc-auth-heading {
    margin-bottom: 20px;
  }

  .mc-auth-heading h2 {
    font-size: 27px;
  }

  /*
   * 手机端隐藏宣传视频，避免登录弹窗太重。
   */
  .mc-auth-promo {
    display: none !important;
  }

  .mc-auth-close {
    top: 13px;
    right: 14px;
  }

  .mc-auth-switch {
    flex-wrap: wrap;
  }
}

/* =========================================================
   Very small screens
========================================================= */

@media (max-width: 380px) {
  .mc-auth-brand,
  .mc-auth-view {
    padding-left: 17px;
    padding-right: 17px;
  }

  .mc-auth-field input {
    min-height: 45px;
  }
}

/* =========================================================
   Reduced motion
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mc-auth-modal,
  .mc-auth-dialog,
  .mc-auth-close,
  .mc-auth-primary-button,
  .mc-auth-user-menu,
  .mc-auth-toast {
    transition: none !important;
  }
}

/* =========================================================
   Right feature panel
========================================================= */

.mc-auth-promo,
.mc-auth-feature-panel {
  position: relative;
  grid-column: 2;
  grid-row: 1 / span 2;

  min-width: 0;
  min-height: 560px;

  overflow: hidden;

  background:
    linear-gradient(
      155deg,
      #22252f 0%,
      #251d31 46%,
      #171a20 100%
    );
}

.mc-auth-feature-bg {
  position: absolute;
  inset: 0;
  z-index: 1;

  pointer-events: none;

  background:
    radial-gradient(
      circle at 80% 15%,
      rgba(241, 87, 255, 0.24),
      transparent 34%
    ),
    radial-gradient(
      circle at 15% 85%,
      rgba(125, 85, 255, 0.26),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.035),
      transparent 55%
    );
}

.mc-auth-feature-bg::before,
.mc-auth-feature-bg::after {
  content: "";

  position: absolute;

  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 50%;
}

.mc-auth-feature-bg::before {
  width: 280px;
  height: 280px;

  top: -110px;
  right: -95px;
}

.mc-auth-feature-bg::after {
  width: 220px;
  height: 220px;

  bottom: -95px;
  left: -75px;
}

.mc-auth-feature-content {
  position: relative;
  z-index: 2;

  height: 100%;

  display: flex;
  flex-direction: column;

  padding: 34px 34px 28px;

  color: #fff;
}

.mc-auth-feature-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.mc-auth-feature-brand-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: #f157ff;
}

.mc-auth-feature-brand div {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.mc-auth-feature-brand strong {
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.4px;

  background:
    linear-gradient(
      90deg,
      #9c7cff,
      #f157ff
    );

  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.mc-auth-feature-brand small {
  color: rgba(255, 255, 255, 0.55);

  font-size: 10px;
  font-weight: 650;
}

.mc-auth-feature-heading {
  margin-top: 38px;
}

.mc-auth-feature-kicker {
  display: inline-flex;

  margin-bottom: 10px;

  color: #e2b8ff;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mc-auth-feature-heading h3 {
  max-width: 360px;
  margin: 0 0 12px;

  color: #fff;

  font-size: 30px;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -1px;
}

.mc-auth-feature-heading p {
  max-width: 350px;
  margin: 0;

  color: rgba(255, 255, 255, 0.68);

  font-size: 13px;
  line-height: 1.55;
}

.mc-auth-feature-list {
  display: flex;
  flex-direction: column;
  gap: 13px;

  margin-top: 28px;
}

.mc-auth-feature-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 12px;
  align-items: center;

  padding: 12px 13px;

  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 12px;

  background: rgba(255, 255, 255, 0.045);

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition:
    transform 0.16s ease,
    border-color 0.16s ease,
    background 0.16s ease;
}

.mc-auth-feature-item:hover {
  transform: translateX(3px);

  border-color: rgba(241, 87, 255, 0.28);

  background: rgba(255, 255, 255, 0.075);
}

.mc-auth-feature-icon {
  width: 42px;
  height: 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background:
    linear-gradient(
      145deg,
      rgba(125, 85, 255, 0.28),
      rgba(241, 87, 255, 0.18)
    );

  color: #f1b5ff;
}

.mc-auth-feature-item strong {
  display: block;

  margin-bottom: 3px;

  color: #fff;

  font-size: 13px;
  font-weight: 800;
}

.mc-auth-feature-item p {
  margin: 0;

  color: rgba(255, 255, 255, 0.58);

  font-size: 11px;
  line-height: 1.4;
}

.mc-auth-feature-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  margin-top: auto;
  padding-top: 22px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);

  color: rgba(255, 255, 255, 0.52);

  font-size: 10px;
  font-weight: 700;
}

.mc-auth-feature-footer span {
  position: relative;

  padding-left: 14px;
}

.mc-auth-feature-footer span::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 0;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #36d391;

  transform: translateY(-50%);
}

@media (max-width: 700px) {
  .mc-auth-promo,
  .mc-auth-feature-panel {
    display: none !important;
  }
}

/* =========================================================
   MC Auth Account Page - Refined Layout
========================================================= */

.mc-auth-account {
  width: min(100%, 1080px);
  margin: 30px auto 60px;
  padding: 0;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;

  background: #15191f;
  color: #f7f8fa;

  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.28);
}

/* account loading / guest */

.mc-auth-account-loading,
.mc-auth-account-guest {
  padding: 48px 34px;
  text-align: center;
}

.mc-auth-account-guest h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 26px;
}

.mc-auth-account-guest p {
  margin: 0 0 20px;
  color: #9aa3ad;
  font-size: 14px;
}

/* header */

.mc-auth-account-header {
  display: flex;
  align-items: center;
  gap: 16px;

  margin: 0;
  padding: 26px 30px 22px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(241, 87, 255, 0.12),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(125, 85, 255, 0.08),
      transparent 45%
    );
}

.mc-auth-account-avatar {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;

  border: 3px solid rgba(255, 255, 255, 0.12);

  box-shadow:
    0 10px 24px rgba(125, 85, 255, 0.2);
}

.mc-auth-account-header h2 {
  margin: 0 0 5px;

  color: #fff;

  font-size: 22px;
  font-weight: 850;
  line-height: 1.15;
}

.mc-auth-account-header p {
  margin: 0;

  color: #98a2ad;

  font-size: 13px;
  line-height: 1.4;
}

/* tabs */

.mc-auth-account-tabs {
  display: flex;
  align-items: center;
  gap: 4px;

  margin: 0;
  padding: 0 24px;

  overflow-x: auto;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

  background: #171c22;

  scrollbar-width: none;
}

.mc-auth-account-tabs::-webkit-scrollbar {
  display: none;
}

.mc-auth-account-tabs button {
  position: relative;

  min-height: 54px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 17px !important;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  color: #8f99a4 !important;

  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;

  cursor: pointer;

  box-shadow: none !important;
}

.mc-auth-account-tabs button::after {
  content: "";

  position: absolute;
  right: 16px;
  bottom: 0;
  left: 16px;

  height: 2px;

  border-radius: 999px;

  background: transparent;
}

.mc-auth-account-tabs button:hover {
  color: #fff !important;
}

.mc-auth-account-tabs button.active {
  color: #ff4ba1 !important;
}

.mc-auth-account-tabs button.active::after {
  background:
    linear-gradient(
      90deg,
      #d71976,
      #f157ff
    );
}

/* panels */

.mc-auth-account-panel {
  display: none;
  padding: 30px;
}

.mc-auth-account-panel.active {
  display: block;
}

/* profile form */

.mc-auth-account-panel form {
  width: min(100%, 660px);
}

.mc-auth-account .mc-auth-field {
  gap: 7px;
  margin-bottom: 18px;
}

.mc-auth-account .mc-auth-field label {
  color: #cfd5dc;

  font-size: 12px;
  font-weight: 750;
}

.mc-auth-account .mc-auth-field input,
.mc-auth-account .mc-auth-field select,
.mc-auth-account .mc-auth-field textarea {
  width: 100%;
  min-height: 44px;

  padding: 0 13px;

  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 10px;

  background: #20262d;
  color: #f8f9fa;

  font-size: 14px;

  box-shadow: none;
}

.mc-auth-account .mc-auth-field input:hover,
.mc-auth-account .mc-auth-field select:hover,
.mc-auth-account .mc-auth-field textarea:hover {
  border-color: rgba(255, 255, 255, 0.22);
}

.mc-auth-account .mc-auth-field input:focus,
.mc-auth-account .mc-auth-field select:focus,
.mc-auth-account .mc-auth-field textarea:focus {
  border-color: #d71976;

  outline: none;

  background: #242b33;

  box-shadow:
    0 0 0 3px rgba(215, 25, 118, 0.12);
}

/* save button */

.mc-auth-account .mc-auth-primary-button {
  width: auto;
  min-width: 150px;
  min-height: 43px;

  padding: 0 18px !important;

  border: 0 !important;
  border-radius: 10px !important;

  background:
    linear-gradient(
      90deg,
      #d71976,
      #eb3896
    ) !important;

  color: #fff !important;

  font-size: 13px !important;
  font-weight: 800 !important;

  box-shadow:
    0 9px 24px rgba(215, 25, 118, 0.24) !important;
}

.mc-auth-account .mc-auth-primary-button:hover {
  transform: translateY(-1px);

  box-shadow:
    0 12px 30px rgba(215, 25, 118, 0.32) !important;
}

/* danger button */

.mc-auth-account .mc-auth-danger-button {
  min-height: 42px;

  padding: 0 16px !important;

  border: 1px solid rgba(239, 75, 98, 0.28) !important;
  border-radius: 9px !important;

  background: rgba(239, 75, 98, 0.08) !important;
  color: #ff7b8f !important;

  font-size: 13px !important;
  font-weight: 750 !important;
}

.mc-auth-account .mc-auth-danger-button:hover {
  background: rgba(239, 75, 98, 0.14) !important;
}

/* message */

.mc-auth-account .mc-auth-form-message {
  margin-top: 10px;
}

/* mobile */

@media (max-width: 767px) {
  .mc-auth-account {
    margin: 18px auto 40px;

    border-radius: 14px;
  }

  .mc-auth-account-header {
    padding: 22px 20px 18px;
  }

  .mc-auth-account-avatar {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  .mc-auth-account-header h2 {
    font-size: 19px;
  }

  .mc-auth-account-tabs {
    padding: 0 10px;
  }

  .mc-auth-account-tabs button {
    min-height: 50px;
    padding: 0 13px !important;
  }

  .mc-auth-account-panel {
    padding: 22px 18px;
  }

  .mc-auth-account-panel form {
    width: 100%;
  }

  .mc-auth-account .mc-auth-primary-button {
    width: 100%;
  }
}

/* =========================================================
   Account Profile
========================================================= */

.mc-auth-profile-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 34px;
}

.mc-auth-profile-side {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 24px 18px;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(125, 85, 255, 0.16),
      transparent 42%
    ),
    #191f26;

  text-align: center;
}

.mc-auth-profile-avatar {
  position: relative;

  width: 92px;
  height: 92px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border: 3px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #7d55ff,
      #f157ff
    );

  color: #fff;

  font-size: 31px;
  font-weight: 900;

  box-shadow:
    0 14px 32px rgba(125, 85, 255, 0.25);
}

.mc-auth-profile-avatar img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.mc-auth-profile-side-info {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 4px;

  margin-top: 15px;
}

.mc-auth-profile-side-info strong {
  overflow: hidden;

  color: #fff;

  font-size: 16px;
  font-weight: 850;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-profile-side-info span {
  overflow: hidden;

  color: #929ca7;

  font-size: 11px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-avatar-url-label {
  margin-top: 18px;

  color: #ff4ba1;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;
}

.mc-auth-avatar-url-label:hover {
  text-decoration: underline;
}

.mc-auth-profile-avatar-help {
  margin: 9px 0 0;

  color: #78838e;

  font-size: 10px;
  line-height: 1.45;
}

.mc-auth-profile-main {
  min-width: 0;
}

.mc-auth-profile-title {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 22px;
}

.mc-auth-profile-title h3 {
  margin: 0 0 5px;

  color: #fff;

  font-size: 19px;
  font-weight: 850;
}

.mc-auth-profile-title p {
  margin: 0;

  color: #8f99a4;

  font-size: 12px;
}

.mc-auth-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
}

.mc-auth-profile-full {
  grid-column: 1 / -1;
}

.mc-auth-account .mc-auth-profile-grid .mc-auth-field {
  margin: 0;
}

.mc-auth-account .mc-auth-field small {
  display: block;

  color: #737e89;

  font-size: 10px;
  line-height: 1.4;
}

.mc-auth-account .mc-auth-field input[readonly] {
  background: #191f25;
  color: #7f8994;

  cursor: default;
}

.mc-auth-profile-actions {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 23px;
}

.mc-auth-profile-actions .mc-auth-form-message {
  flex: 1;

  margin: 0;
}

@media (max-width: 820px) {
  .mc-auth-profile-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .mc-auth-profile-side {
    flex-direction: row;
    align-items: center;

    text-align: left;
  }

  .mc-auth-profile-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;

    font-size: 23px;
  }

  .mc-auth-profile-side-info {
    min-width: 0;

    margin: 0 0 0 14px;
  }

  .mc-auth-avatar-url-label,
  .mc-auth-profile-avatar-help {
    display: none;
  }
}

@media (max-width: 560px) {
  .mc-auth-profile-grid {
    grid-template-columns: 1fr;
  }

  .mc-auth-profile-full {
    grid-column: auto;
  }

  .mc-auth-profile-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

/* =========================================================
   Account Profile
========================================================= */

.mc-auth-profile-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 34px;
}

.mc-auth-profile-side {
  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 24px 18px;

  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;

  background:
    radial-gradient(
      circle at 50% 0,
      rgba(125, 85, 255, 0.16),
      transparent 42%
    ),
    #191f26;

  text-align: center;
}

.mc-auth-profile-avatar {
  position: relative;

  width: 92px;
  height: 92px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border: 3px solid rgba(255, 255, 255, 0.13);
  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #7d55ff,
      #f157ff
    );

  color: #fff;

  font-size: 31px;
  font-weight: 900;

  box-shadow:
    0 14px 32px rgba(125, 85, 255, 0.25);
}

.mc-auth-profile-avatar img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
}

.mc-auth-profile-side-info {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 4px;

  margin-top: 15px;
}

.mc-auth-profile-side-info strong {
  overflow: hidden;

  color: #fff;

  font-size: 16px;
  font-weight: 850;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-profile-side-info span {
  overflow: hidden;

  color: #929ca7;

  font-size: 11px;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-avatar-url-label {
  margin-top: 18px;

  color: #ff4ba1;

  font-size: 12px;
  font-weight: 800;

  cursor: pointer;
}

.mc-auth-avatar-url-label:hover {
  text-decoration: underline;
}

.mc-auth-profile-avatar-help {
  margin: 9px 0 0;

  color: #78838e;

  font-size: 10px;
  line-height: 1.45;
}

.mc-auth-profile-main {
  min-width: 0;
}

.mc-auth-profile-title {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 22px;
}

.mc-auth-profile-title h3 {
  margin: 0 0 5px;

  color: #fff;

  font-size: 19px;
  font-weight: 850;
}

.mc-auth-profile-title p {
  margin: 0;

  color: #8f99a4;

  font-size: 12px;
}

.mc-auth-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
}

.mc-auth-profile-full {
  grid-column: 1 / -1;
}

.mc-auth-account .mc-auth-profile-grid .mc-auth-field {
  margin: 0;
}

.mc-auth-account .mc-auth-field small {
  display: block;

  color: #737e89;

  font-size: 10px;
  line-height: 1.4;
}

.mc-auth-account .mc-auth-field input[readonly] {
  background: #191f25;
  color: #7f8994;

  cursor: default;
}

.mc-auth-profile-actions {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 23px;
}

.mc-auth-profile-actions .mc-auth-form-message {
  flex: 1;

  margin: 0;
}

@media (max-width: 820px) {
  .mc-auth-profile-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .mc-auth-profile-side {
    flex-direction: row;
    align-items: center;

    text-align: left;
  }

  .mc-auth-profile-avatar {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;

    font-size: 23px;
  }

  .mc-auth-profile-side-info {
    min-width: 0;

    margin: 0 0 0 14px;
  }

  .mc-auth-avatar-url-label,
  .mc-auth-profile-avatar-help {
    display: none;
  }
}

@media (max-width: 560px) {
  .mc-auth-profile-grid {
    grid-template-columns: 1fr;
  }

  .mc-auth-profile-full {
    grid-column: auto;
  }

  .mc-auth-profile-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

.mc-auth-avatar-upload-button {
  margin-top: 18px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 38px;
  padding: 0 14px;

  border: 1px solid rgba(241, 87, 255, 0.3);
  border-radius: 9px;

  background: rgba(241, 87, 255, 0.08);
  color: #ff62b4;

  font-size: 12px;
  font-weight: 800;
  line-height: 1;

  cursor: pointer;

  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    transform 0.15s ease;
}

.mc-auth-avatar-upload-button:hover {
  border-color: rgba(241, 87, 255, 0.55);
  background: rgba(241, 87, 255, 0.14);
  transform: translateY(-1px);
}

.mc-auth-avatar-upload-button.is-loading {
  opacity: 0.6;
  pointer-events: none;
}

.mc-auth-profile-avatar-help {
  margin: 9px 0 0;
  color: #78838e;
  font-size: 10px;
  line-height: 1.45;
}

.mc-auth-account-content input{
    color:#fff !important;
    caret-color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

.mc-auth-account-content input:focus{
    color:#fff !important;
    caret-color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

/* =========================================================
   Account Favorites
========================================================= */

.mc-auth-favorites-page {
  width: 100%;
}

.mc-auth-favorites-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  margin-bottom: 22px;
}

.mc-auth-favorites-header h3 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 20px;
  font-weight: 850;
}

.mc-auth-favorites-header p {
  margin: 0;
  color: #8f99a4;
  font-size: 12px;
}

.mc-auth-favorites-refresh {
  width: 40px;
  height: 40px;
  min-height: 0 !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0 !important;

  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 10px !important;

  background: #20262d !important;
  color: #aeb7c1 !important;

  box-shadow: none !important;
  cursor: pointer;
}

.mc-auth-favorites-refresh:hover {
  border-color: rgba(241,87,255,.35) !important;
  color: #ff63b4 !important;
}

.mc-auth-favorites-refresh.is-loading svg {
  animation: mc-auth-spin .75s linear infinite;
}

.mc-auth-favorite-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;

  margin-bottom: 20px;
}

.mc-auth-favorite-summary > div {
  padding: 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 11px;

  background: #191f26;
}

.mc-auth-favorite-summary strong {
  display: block;

  margin-bottom: 3px;

  color: #fff;
  font-size: 20px;
  font-weight: 900;
}

.mc-auth-favorite-summary span {
  color: #7f8994;
  font-size: 11px;
}

.mc-auth-favorite-tabs {
  display: flex;
  align-items: center;
  gap: 7px;

  margin-bottom: 18px;

  overflow-x: auto;
  scrollbar-width: none;
}

.mc-auth-favorite-tabs::-webkit-scrollbar {
  display: none;
}

.mc-auth-favorite-tabs button {
  min-height: 38px !important;

  display: inline-flex !important;
  align-items: center;
  gap: 7px;

  padding: 0 13px !important;
  margin: 0 !important;

  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 999px !important;

  background: #191f26 !important;
  color: #8f99a4 !important;

  font-size: 12px !important;
  font-weight: 750 !important;

  box-shadow: none !important;
}

.mc-auth-favorite-tabs button.active {
  border-color: rgba(241,87,255,.35) !important;
  background: rgba(215,25,118,.1) !important;
  color: #ff5aab !important;
}

.mc-auth-favorite-tabs button span {
  min-width: 20px;
  height: 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 5px;

  border-radius: 999px;

  background: rgba(255,255,255,.07);

  font-size: 10px;
}

.mc-auth-favorites-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;

  transition: opacity .15s ease;
}

.mc-auth-favorites-list.is-loading {
  opacity: .55;
  pointer-events: none;
}

.mc-auth-favorite-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;

  min-width: 0;

  padding: 14px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 13px;

  background: #191f26;

  transition:
    border-color .15s ease,
    transform .15s ease,
    opacity .18s ease;
}

.mc-auth-favorite-card:hover {
  border-color: rgba(241,87,255,.24);
  transform: translateY(-1px);
}

.mc-auth-favorite-card.is-removing {
  opacity: .55;
  pointer-events: none;
}

.mc-auth-favorite-card.is-removed {
  opacity: 0;
  transform: scale(.97);
}

.mc-auth-favorite-logo {
  width: 54px;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  border-radius: 12px;

  background: #242b34;
  color: #b597ff;
}

.mc-auth-favorite-logo img {
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
}

.mc-auth-favorite-info {
  min-width: 0;
}

.mc-auth-favorite-info strong,
.mc-auth-favorite-info span,
.mc-auth-favorite-info small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mc-auth-favorite-info strong {
  margin-bottom: 4px;

  color: #fff;

  font-size: 13px;
  font-weight: 800;
}

.mc-auth-favorite-info span {
  margin-bottom: 5px;

  color: #909aa5;
  font-size: 11px;
}

.mc-auth-favorite-info small {
  color: #66717d;
  font-size: 9px;
}

.mc-auth-favorite-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.mc-auth-favorite-open {
  min-height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 11px;

  border: 1px solid rgba(125,85,255,.25);
  border-radius: 8px;

  background: rgba(125,85,255,.08);
  color: #bdaeff;

  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

.mc-auth-favorite-remove {
  width: 34px !important;
  height: 34px !important;
  min-height: 0 !important;

  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0 !important;

  border: 1px solid rgba(239,75,98,.2) !important;
  border-radius: 8px !important;

  background: rgba(239,75,98,.06) !important;
  color: #ef6a7d !important;

  box-shadow: none !important;
}

.mc-auth-favorite-remove:hover {
  background: rgba(239,75,98,.13) !important;
}

.mc-auth-favorites-loading {
  min-height: 150px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  color: #89939e;
  font-size: 12px;
}

.mc-auth-spinner {
  width: 18px;
  height: 18px;

  border: 2px solid rgba(255,255,255,.1);
  border-top-color: #f157ff;
  border-radius: 50%;

  animation: mc-auth-spin .75s linear infinite;
}

.mc-auth-favorite-empty {
  grid-column: 1 / -1;

  padding: 46px 20px;

  border: 1px dashed rgba(255,255,255,.1);
  border-radius: 13px;

  background: #181e24;

  text-align: center;
}

.mc-auth-favorite-empty-icon {
  width: 54px;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0 auto 13px;

  border-radius: 50%;

  background: rgba(215,25,118,.09);
  color: #ef4f9e;
}

.mc-auth-favorite-empty strong {
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 14px;
}

.mc-auth-favorite-empty p {
  max-width: 380px;
  margin: 0 auto;

  color: #77828d;

  font-size: 11px;
  line-height: 1.5;
}

.mc-auth-favorites-message {
  padding: 20px;

  border: 1px solid rgba(239,75,98,.2);
  border-radius: 11px;

  background: rgba(239,75,98,.06);
  color: #ff8192;

  font-size: 12px;
}

@keyframes mc-auth-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 760px) {
  .mc-auth-favorite-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mc-auth-favorites-list {
    grid-template-columns: 1fr;
  }

  .mc-auth-favorite-card {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    padding: 12px;
  }

  .mc-auth-favorite-logo {
    width: 48px;
    height: 48px;
  }

  .mc-auth-favorite-open {
    display: none;
  }
}

.mc-auth-favorite-card {
    cursor: pointer;
}

.mc-auth-favorite-card:focus-within {
    border-color: rgba(241, 87, 255, 0.32);
}

.mc-auth-favorite-open,
.mc-auth-favorite-remove {
    position: relative;
    z-index: 2;
}

/* =========================================
   Account sessions
========================================= */

.mc-auth-sessions{
    display:flex;
    flex-direction:column;
    gap:22px;
}

.mc-auth-sessions-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.mc-auth-sessions-header h3{
    margin:0 0 6px;
    color:#fff;
    font-size:20px;
    line-height:1.25;
}

.mc-auth-sessions-header p{
    margin:0;
    color:#96a0b0;
    font-size:13px;
}

.mc-auth-sessions-count{
    min-width:34px;
    height:30px;
    padding:0 10px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;

    background:#202630;
    color:#fff;

    font-size:13px;
    font-weight:700;
}

.mc-auth-session-group{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mc-auth-session-group h4{
    margin:0;
    color:#aeb7c5;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.mc-auth-session-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.mc-auth-session-card{
    display:grid;
    grid-template-columns:48px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;

    min-width:0;
    padding:16px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;

    background:#1b2028;
}

.mc-auth-session-card.is-current{
    border-color:rgba(32,212,137,.35);
    background:rgba(32,212,137,.055);
}

.mc-auth-session-icon{
    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:12px;
    background:#252c36;
    color:#c4cad4;
}

.mc-auth-session-icon svg{
    width:24px;
    height:24px;
}

.mc-auth-session-details{
    min-width:0;
}

.mc-auth-session-title{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.mc-auth-session-title strong{
    color:#fff;
    font-size:15px;
}

.mc-auth-session-current{
    padding:3px 8px;
    border-radius:999px;

    background:rgba(32,212,137,.14);
    color:#20d489;

    font-size:11px;
    font-weight:700;
}

.mc-auth-session-meta,
.mc-auth-session-times{
    display:flex;
    flex-wrap:wrap;
    gap:6px 14px;

    margin-top:7px;
    color:#929cab;
    font-size:12px;
}

.mc-auth-session-meta span,
.mc-auth-session-times span{
    position:relative;
}

.mc-auth-session-meta span + span::before,
.mc-auth-session-times span + span::before{
    content:"•";
    position:absolute;
    left:-9px;
    color:#4f5866;
}

.mc-auth-session-status{
    color:#20d489;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.mc-auth-session-revoke,
.mc-auth-session-retry{
    min-height:36px;
    padding:0 14px;

    border:1px solid rgba(255,91,123,.45);
    border-radius:9px;

    background:transparent;
    color:#ff6a87;

    font-size:12px;
    font-weight:700;
    cursor:pointer;
}

.mc-auth-session-revoke:hover,
.mc-auth-session-retry:hover{
    background:rgba(255,91,123,.09);
}

.mc-auth-session-revoke.is-loading{
    opacity:.55;
    pointer-events:none;
}

.mc-auth-session-loading,
.mc-auth-session-state{
    min-height:120px;
    padding:24px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;

    background:#1b2028;
    color:#a0a9b7;
    text-align:center;
}

.mc-auth-session-state strong{
    color:#fff;
}

.mc-auth-session-state p{
    margin:0;
}

.mc-auth-session-state.is-error{
    color:#ff7c95;
}

.mc-auth-session-state.is-compact{
    min-height:70px;
    padding:16px;
}

.mc-auth-sessions-footer{
    margin-top:22px;
    padding-top:20px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;

    border-top:1px solid rgba(255,255,255,.08);
}

.mc-auth-sessions-footer strong{
    display:block;
    color:#fff;
    font-size:14px;
}

.mc-auth-sessions-footer p{
    max-width:480px;
    margin:5px 0 0;

    color:#8f99a9;
    font-size:12px;
    line-height:1.55;
}

@media (max-width:640px){
    .mc-auth-session-card{
        grid-template-columns:42px minmax(0,1fr);
    }

    .mc-auth-session-icon{
        width:42px;
        height:42px;
    }

    .mc-auth-session-revoke,
    .mc-auth-session-status{
        grid-column:2;
        justify-self:start;
    }

    .mc-auth-sessions-footer{
        align-items:flex-start;
        flex-direction:column;
    }
}

/* =========================================
   Account tabs：一次只显示一个面板
========================================= */

.mc-auth-account-panel{
    display:none !important;
}

.mc-auth-account-panel.active:not([hidden]){
    display:block !important;
}

.mc-auth-account-panel[hidden]{
    display:none !important;
}

/* =========================================================
   MC ACCOUNT DASHBOARD V1
   ========================================================= */

body:has(.mc-account-app) {
    background:#f5f8fc;
}

.mc-account-app {
    width:100%;
    min-height:760px;
    background:#f5f8fc;
    color:#0c1724;
}

.mc-account-shell {
    width:100%;
    min-height:calc(100vh - 70px);
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
}


/* SIDEBAR */

.mc-account-sidebar {
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:calc(100vh - 70px);
    padding:30px 0 26px;
    background:
        radial-gradient(
            circle at 120% 25%,
            rgba(0,210,135,.09),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #06131c 0%,
            #06111a 100%
        );
    color:#d8e4ec;
}

.mc-account-user {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:0 24px 28px;
}

.mc-account-user-avatar {
    position:relative;
    width:92px;
    height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    border:2px solid #fff;
    border-radius:50%;
    background:
        linear-gradient(
            135deg,
            #7d55ff,
            #f157ff
        );
    color:#fff;
    font-size:28px;
    font-weight:900;
}

.mc-account-user-avatar > img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}

.mc-account-avatar-edit {
    position:absolute;
    right:-4px;
    bottom:4px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:3px solid #07131b;
    border-radius:50%;
    background:#08c76f;
    color:#fff;
    cursor:pointer;
}

.mc-account-avatar-edit svg {
    width:14px;
    height:14px;
}

.mc-account-user > strong {
    margin-top:15px;
    color:#fff;
    font-size:18px;
    font-weight:850;
}

.mc-account-user > span {
    max-width:190px;
    margin-top:4px;
    overflow:hidden;
    color:#b8c8d3;
    font-size:12px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-account-pro-badge {
    margin-top:9px;
    padding:3px 7px;
    border-radius:999px;
    background:linear-gradient(
        90deg,
        #7d32ff,
        #b42cff
    );
    color:#fff;
    font-size:9px;
    font-weight:900;
}

.mc-account-nav {
    display:flex;
    flex-direction:column;
}

.mc-account-nav button,
.mc-account-logout {
    position:relative;
    width:100%;
    min-height:52px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 26px;
    border:0;
    background:transparent;
    color:#c8d4dc;
    font-size:14px;
    font-weight:650;
    text-align:left;
    cursor:pointer;
}

.mc-account-nav button::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:3px;
    background:transparent;
}

.mc-account-nav button:hover,
.mc-account-logout:hover {
    background:rgba(255,255,255,.045);
    color:#fff;
}

.mc-account-nav button.active {
    background:rgba(0,201,116,.10);
    color:#04dc83;
}

.mc-account-nav button.active::before {
    background:#00d67a;
}

.mc-account-nav svg,
.mc-account-logout svg {
    width:21px;
    height:21px;
    flex:0 0 21px;
}

.mc-account-nav em {
    margin-left:auto;
    min-width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#00c96d;
    color:#fff;
    font-size:10px;
    font-style:normal;
    font-weight:900;
}

.mc-account-logout {
    margin-top:4px;
}

.mc-account-pro-card {
    margin:auto 20px 0;
    padding:22px 20px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    border-radius:10px;
    background:
        linear-gradient(
            135deg,
            rgba(49,35,116,.95),
            rgba(14,25,67,.95)
        );
    color:#fff;
}

.mc-account-pro-crown {
    width:34px;
    height:34px;
    color:#ffc82f;
}

.mc-account-pro-card strong {
    display:block;
    margin-top:8px;
    font-size:19px;
}

.mc-account-pro-card p {
    margin:5px 0 18px;
    color:#c7d1e1;
    font-size:12px;
}

.mc-account-pro-card button {
    width:100%;
    min-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:0;
    border-radius:6px;
    background:
        linear-gradient(
            90deg,
            #6f28ff,
            #9d28ff
        );
    color:#fff;
    font-weight:800;
    cursor:pointer;
}


/* MAIN */

.mc-account-main {
    min-width:0;
    padding:28px 30px 50px;
}

.mc-account-view {
    width:100%;
}

.mc-account-view[hidden] {
    display:none !important;
}

.mc-account-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
    margin-bottom:24px;
}

.mc-account-heading h1 {
    margin:0 0 4px;
    color:#0b131c;
    font-size:40px;
    font-weight:900;
    line-height:1;
    letter-spacing:-1.8px;
}

.mc-account-heading p {
    margin:0;
    color:#6980a0;
    font-size:15px;
}

.mc-account-heading blockquote {
    max-width:260px;
    margin:10px 12px 0 0;
    color:#7b91b0;
    font-size:14px;
    font-style:italic;
    line-height:1.4;
    text-align:right;
}

.mc-account-top-grid {
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(330px,.95fr);
    gap:18px;
}

.mc-account-welcome {
    position:relative;
    min-height:176px;
    overflow:hidden;
    display:flex;
    align-items:stretch;
    border-radius:8px;
    background:
        radial-gradient(
            circle at 75% 40%,
            rgba(16,78,118,.45),
            transparent 36%
        ),
        linear-gradient(
            100deg,
            #07131f,
            #06121f
        );
    color:#fff;
}

.mc-account-welcome::after {
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:38%;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.3),
            transparent
        );
}

.mc-account-welcome-content {
    position:relative;
    z-index:2;
    width:45%;
    padding:30px 0 26px 30px;
}

.mc-account-welcome-content > span {
    display:block;
    color:#d6e2ed;
    font-size:22px;
}

.mc-account-welcome-content > strong {
    display:block;
    margin-top:3px;
    font-size:39px;
    line-height:1;
    font-weight:900;
    letter-spacing:-1px;
}

.mc-account-welcome-content p {
    margin:14px 0 0;
    color:#d7e1e9;
    font-size:13px;
}

.mc-account-welcome-player {
    position:absolute;
    inset:0 0 0 auto;
    width:62%;
}

.mc-account-welcome-player svg {
    width:100%;
    height:100%;
    display:block;
}

.mc-account-card {
    border:1px solid #dce5ef;
    border-radius:8px;
    background:#fff;
    box-shadow:
        0 1px 2px rgba(17,31,48,.02);
}

.mc-account-activity {
    padding:16px 18px;
}

.mc-account-activity > header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:14px;
}

.mc-account-activity > header strong {
    font-size:15px;
    font-weight:850;
}

.mc-account-activity > header button,
.mc-account-card-title button {
    border:0;
    background:transparent;
    color:#0879df;
    font-size:11px;
    cursor:pointer;
}

.mc-account-stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.mc-account-stats > div {
    min-width:0;
    padding:4px 12px 0;
    border-right:1px solid #edf1f5;
}

.mc-account-stats > div:last-child {
    border-right:0;
}

.mc-stat-icon {
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:9px;
    background:#eafbf2;
    color:#04ba62;
}

.mc-stat-icon svg {
    width:19px;
    height:19px;
}

.mc-account-stats strong {
    display:block;
    color:#0e1720;
    font-size:27px;
    line-height:1;
    font-weight:900;
}

.mc-account-stats small {
    display:block;
    margin-top:6px;
    color:#66809e;
    font-size:11px;
    line-height:1.15;
}

.mc-account-dashboard-grid {
    display:grid;
    grid-template-columns:
        minmax(0,1.05fr)
        minmax(0,.95fr)
        minmax(260px,.66fr);
    gap:14px;
    margin-top:14px;
}

.mc-account-teams-card,
.mc-account-competitions-card,
.mc-account-notifications-card,
.mc-account-upcoming,
.mc-account-recent,
.mc-account-quick,
.mc-account-devices {
    padding:15px 16px;
}

.mc-account-card-title {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.mc-account-card-title strong {
    color:#111b26;
    font-size:14px;
    font-weight:850;
}

.mc-account-favorite-preview {
    display:flex;
    gap:10px;
    min-height:72px;
}

.mc-account-empty-mini,
.mc-account-empty-box {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:70px;
    border:1px dashed #dce5ee;
    border-radius:8px;
    color:#8292a5;
    font-size:12px;
}

.mc-account-placeholder-list > div {
    display:flex;
    gap:11px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #edf1f5;
}

.mc-placeholder-icon {
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-weight:900;
}

.mc-placeholder-icon.green {
    background:#e9fbf2;
    color:#00b866;
}

.mc-account-placeholder-list p {
    margin:0;
}

.mc-account-placeholder-list strong,
.mc-account-placeholder-list small {
    display:block;
}

.mc-account-placeholder-list strong {
    font-size:12px;
}

.mc-account-placeholder-list small {
    margin-top:3px;
    color:#7790ae;
    font-size:10px;
}

.mc-account-upcoming {
    grid-column:1;
}

.mc-account-recent {
    grid-column:2;
}

.mc-account-notifications-card {
    grid-column:3;
    grid-row:1 / span 2;
}

.mc-account-quick {
    grid-column:1;
}

.mc-account-quick-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}

.mc-account-quick-grid button {
    min-width:0;
    min-height:104px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:13px 12px;
    border:1px solid #e0e7ef;
    border-radius:7px;
    background:#fff;
    color:#182331;
    text-align:left;
    cursor:pointer;
}

.mc-account-quick-grid svg {
    width:21px;
    height:21px;
    margin-bottom:14px;
}

.mc-account-quick-grid strong {
    font-size:12px;
}

.mc-account-quick-grid small {
    margin-top:4px;
    color:#7087a5;
    font-size:10px;
}

.mc-account-pro-wide {
    position:relative;
    grid-column:2;
    min-height:150px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:18px 22px;
    border:1px solid #e1d7ff;
    border-radius:8px;
    background:
        linear-gradient(
            120deg,
            #fff 0%,
            #f3eaff 55%,
            #d8c8ff 100%
        );
    color:#7425ff;
}

.mc-account-pro-wide strong {
    font-size:18px;
    font-weight:900;
}

.mc-account-pro-wide ul {
    margin:8px 0 10px;
    padding:0;
    list-style:none;
    color:#334459;
    font-size:10px;
}

.mc-account-pro-wide li::before {
    content:"✓";
    margin-right:7px;
    color:#00bd66;
    font-weight:900;
}

.mc-account-pro-wide button {
    min-height:34px;
    padding:0 16px;
    border:0;
    border-radius:5px;
    background:
        linear-gradient(
            90deg,
            #812cff,
            #a331ff
        );
    color:#fff;
    font-size:11px;
    font-weight:800;
}

.mc-account-pro-wide-crown {
    position:absolute;
    right:22px;
    bottom:12px;
    width:120px;
    height:90px;
    color:#7c24e8;
    filter:drop-shadow(
        0 12px 12px rgba(126,43,222,.18)
    );
}

.mc-account-devices {
    grid-column:3;
}

.mc-account-view > h2 {
    margin:0 0 20px;
    font-size:28px;
    font-weight:900;
}

.mc-account-password-form {
    margin-top:28px;
    padding-top:28px;
    border-top:1px solid #e3e9ef;
}


/* keep old account wrappers neutral */
.mc-account-app .mc-auth-account-loading,
.mc-account-app .mc-auth-account-guest {
    width:min(700px,calc(100% - 40px));
    margin:40px auto;
    border:1px solid #dfe6ee;
    border-radius:10px;
    background:#fff;
    color:#17202b;
}


/* RESPONSIVE */

@media(max-width:1180px) {

    .mc-account-shell {
        grid-template-columns:220px minmax(0,1fr);
    }

    .mc-account-dashboard-grid {
        grid-template-columns:1fr 1fr;
    }

    .mc-account-notifications-card,
    .mc-account-devices {
        grid-column:auto;
        grid-row:auto;
    }

    .mc-account-pro-wide {
        grid-column:auto;
    }

}

@media(max-width:900px) {

    .mc-account-shell {
        display:block;
    }

    .mc-account-sidebar {
        min-height:auto;
        padding:16px 0;
    }

    .mc-account-user {
        flex-direction:row;
        justify-content:flex-start;
        gap:12px;
        padding:0 18px 16px;
    }

    .mc-account-user-avatar {
        width:52px;
        height:52px;
        flex:0 0 52px;
        font-size:18px;
    }

    .mc-account-user > strong {
        margin-top:0;
    }

    .mc-account-user > span,
    .mc-account-pro-badge {
        display:none;
    }

    .mc-account-nav {
        flex-direction:row;
        overflow-x:auto;
    }

    .mc-account-nav button {
        width:auto;
        flex:0 0 auto;
        min-height:48px;
        padding:0 16px;
    }

    .mc-account-nav button::before {
        top:auto;
        right:12px;
        bottom:0;
        left:12px;
        width:auto;
        height:3px;
    }

    .mc-account-logout,
    .mc-account-pro-card {
        display:none;
    }

    .mc-account-main {
        padding:20px 16px 40px;
    }

    .mc-account-top-grid,
    .mc-account-dashboard-grid {
        grid-template-columns:1fr;
    }

    .mc-account-notifications-card,
    .mc-account-upcoming,
    .mc-account-recent,
    .mc-account-quick,
    .mc-account-pro-wide,
    .mc-account-devices {
        grid-column:auto;
        grid-row:auto;
    }

    .mc-account-heading blockquote {
        display:none;
    }

}

@media(max-width:600px) {

    .mc-account-heading h1 {
        font-size:32px;
    }

    .mc-account-welcome {
        min-height:160px;
    }

    .mc-account-welcome-content {
        width:80%;
        padding:10px 0 10px 20px;
    }

    .mc-account-welcome-content > span {
        font-size:15px;
    }

    .mc-account-welcome-content > strong {
        font-size:28px;
    }

    .mc-account-welcome-player {
        right:-75px;
        width:78%;
    }

    .mc-account-stats {
        grid-template-columns:1fr 1fr;
        gap:14px 0;
    }

    .mc-account-stats > div:nth-child(2) {
        border-right:0;
    }

    .mc-account-quick-grid {
        grid-template-columns:1fr 1fr;
    }

}



/* =========================================================
   MC ACCOUNT SIDEBAR FIX V2
   ========================================================= */

/*
 * Sidebar proportions
 */
.mc-account-shell{
    grid-template-columns:250px minmax(0,1fr) !important;
}

.mc-account-sidebar{
    width:250px !important;
    min-width:250px !important;

    padding:22px 0 24px !important;

    background:
        radial-gradient(
            circle at 105% 28%,
            rgba(0,210,135,.08),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #06141d 0%,
            #05121a 100%
        ) !important;
}


/* =========================================================
   PROFILE
   ========================================================= */

.mc-account-user{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    padding:0 20px 22px !important;

    text-align:center !important;
}


/*
 * Avatar
 */
.mc-account-user-avatar{
    position:relative !important;

    width:92px !important;
    height:92px !important;
    min-width:92px !important;
    min-height:92px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    overflow:visible !important;

    border:2px solid rgba(255,255,255,.95) !important;
    border-radius:50% !important;

    background:
        linear-gradient(
            135deg,
            #7d55ff,
            #f157ff
        ) !important;

    color:#fff !important;

    box-shadow:
        0 8px 28px rgba(0,0,0,.28) !important;
}

.mc-account-user-avatar > img{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:cover !important;

    border-radius:50% !important;
}


/* =========================================================
   AVATAR EDIT BUTTON FIX
   ========================================================= */

.mc-account-avatar-edit{
    appearance:none !important;
    -webkit-appearance:none !important;

    position:absolute !important;

    right:-4px !important;
    bottom:4px !important;

    top:auto !important;
    left:auto !important;

    width:30px !important;
    height:30px !important;

    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    max-height:30px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:0 0 30px !important;

    padding:0 !important;
    margin:0 !important;

    border:3px solid #07151e !important;
    border-radius:50% !important;

    background:#08c76f !important;
    color:#fff !important;

    font-size:0 !important;
    line-height:1 !important;

    box-shadow:
        0 4px 12px rgba(0,0,0,.28) !important;

    transform:none !important;

    cursor:pointer !important;

    z-index:5 !important;
}

.mc-account-avatar-edit:hover{
    background:#05b966 !important;

    transform:scale(1.05) !important;
}

.mc-account-avatar-edit svg{
    width:13px !important;
    height:13px !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:#fff !important;

    pointer-events:none !important;
}

.mc-account-avatar-edit svg path{
    stroke:currentColor !important;
}


/*
 * User name
 */
.mc-account-user > strong{
    display:block !important;

    margin:13px 0 0 !important;

    color:#fff !important;

    font-size:17px !important;
    font-weight:800 !important;
    line-height:1.2 !important;

    letter-spacing:-.2px !important;

    text-transform:none !important;
}

.mc-account-user > span{
    display:block !important;

    max-width:200px !important;

    margin:5px 0 0 !important;

    overflow:hidden !important;

    color:#bac8d2 !important;

    font-size:11px !important;
    font-weight:400 !important;
    line-height:1.4 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;

    text-transform:none !important;
}

.mc-account-pro-badge{
    min-width:auto !important;
    min-height:auto !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:8px 0 0 !important;
    padding:3px 7px !important;

    border:0 !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            90deg,
            #7c31ff,
            #ab2aff
        ) !important;

    color:#fff !important;

    font-size:9px !important;
    font-weight:850 !important;
    line-height:1 !important;

    text-transform:uppercase !important;
}


/* =========================================================
   SIDEBAR NAVIGATION
   ========================================================= */

.mc-account-nav{
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    margin:0 !important;
    padding:0 !important;
}


/*
 * Completely neutralize Flatsome/theme button styling.
 */
.mc-account-nav button,
.mc-account-logout{
    appearance:none !important;
    -webkit-appearance:none !important;

    position:relative !important;

    width:100% !important;
    height:52px !important;

    min-width:0 !important;
    min-height:52px !important;
    max-width:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:14px !important;

    margin:0 !important;
    padding:0 22px !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    color:#c5d2dc !important;

    box-shadow:none !important;

    font-family:inherit !important;
    font-size:13px !important;
    font-weight:500 !important;
    font-style:normal !important;
    line-height:1 !important;

    letter-spacing:0 !important;

    text-align:left !important;
    text-decoration:none !important;
    text-transform:none !important;

    white-space:nowrap !important;

    cursor:pointer !important;

    transition:
        background .15s ease,
        color .15s ease !important;
}


/*
 * Kill theme pseudo styles.
 */
.mc-account-nav button::before{
    content:"" !important;

    position:absolute !important;

    top:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:3px !important;
    height:auto !important;

    background:transparent !important;

    border:0 !important;

    transform:none !important;
}


/*
 * Icon
 */
.mc-account-nav button svg,
.mc-account-logout svg{
    width:20px !important;
    height:20px !important;

    min-width:20px !important;
    min-height:20px !important;

    flex:0 0 20px !important;

    display:block !important;

    margin:0 !important;

    color:#bdcbd5 !important;
}


/*
 * Label
 */
.mc-account-nav button > span,
.mc-account-logout > span{
    min-width:0 !important;

    display:block !important;

    color:inherit !important;

    font-size:13px !important;
    font-weight:500 !important;
    line-height:1 !important;

    letter-spacing:0 !important;

    text-transform:none !important;
    white-space:nowrap !important;
}


/*
 * Hover
 */
.mc-account-nav button:hover,
.mc-account-logout:hover{
    background:
        rgba(255,255,255,.045) !important;

    color:#fff !important;

    transform:none !important;
}

.mc-account-nav button:hover svg,
.mc-account-logout:hover svg{
    color:#fff !important;
}


/*
 * Active
 */
.mc-account-nav button.active{
    background:
        linear-gradient(
            90deg,
            rgba(0,209,122,.16),
            rgba(0,209,122,.08)
        ) !important;

    color:#04df83 !important;

    font-weight:650 !important;
}

.mc-account-nav button.active::before{
    background:#00df81 !important;
}

.mc-account-nav button.active svg{
    color:#04df83 !important;
}


/*
 * Notification badge
 */
.mc-account-nav button em{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-left:auto !important;
    padding:0 !important;

    border-radius:999px !important;

    background:#00c970 !important;
    color:#fff !important;

    font-size:10px !important;
    font-weight:800 !important;
    font-style:normal !important;
    line-height:1 !important;
}


/* logout separation */
.mc-account-logout{
    margin-top:6px !important;
}


/* =========================================================
   DESKTOP ONLY
   ========================================================= */

@media(min-width:901px){

    .mc-account-sidebar{
        min-height:
            calc(100vh - 70px) !important;
    }

    .mc-account-nav button,
    .mc-account-logout{
        flex-shrink:0 !important;
    }

}


/* =========================================================
   MOBILE — keep existing horizontal navigation
   ========================================================= */

@media(max-width:900px){

    .mc-account-shell{
        display:block !important;
    }

    .mc-account-sidebar{
        width:100% !important;
        min-width:0 !important;
    }

    .mc-account-nav{
        flex-direction:row !important;
        overflow-x:auto !important;
    }

    .mc-account-nav button{
        width:auto !important;
        flex:0 0 auto !important;

        padding:0 16px !important;
    }

}


/* =========================================================
   MINHA CONTA WELCOME BG
   ========================================================= */

.mc-account-welcome{
    background:
        linear-gradient(
            90deg,
            rgba(4,16,28,.96) 0%,
            rgba(4,16,28,.88) 28%,
            rgba(4,16,28,.42) 52%,
            rgba(4,16,28,.08) 72%,
            rgba(4,16,28,.02) 100%
        ),
        url('/wp-content/uploads/multicanais/common/minhacontabg.png')
        center center / cover no-repeat !important;
}


/*
 * Hide old SVG player illustration.
 */
.mc-account-welcome-player{
    display:none !important;
}


/*
 * Keep text above the background.
 */
.mc-account-welcome-content{
    position:relative !important;
    z-index:2 !important;
    width:48% !important;
}



/* =========================================================
   ACCOUNT ACTIVITY STATS V2
   ========================================================= */

.mc-account-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    align-items:stretch !important;
}

.mc-account-stat{
    position:relative !important;

    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    padding:4px 14px 2px !important;

    border-right:1px solid #e7edf3 !important;
}

.mc-account-stat:first-child{
    padding-left:2px !important;
}

.mc-account-stat:last-child{
    border-right:0 !important;
    padding-right:0 !important;
}


/* icon tile */

.mc-account-stat .mc-stat-icon{
    width:34px !important;
    height:34px !important;

    min-width:34px !important;
    min-height:34px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 0 11px !important;
    padding:0 !important;

    border-radius:9px !important;

    background:#eafaf2 !important;
    color:#00bd68 !important;
}


/* svg */

.mc-account-stat .mc-stat-icon svg{
    width:18px !important;
    height:18px !important;

    display:block !important;

    overflow:visible !important;

    color:#00bd68 !important;

    stroke:currentColor !important;

    shape-rendering:geometricPrecision;
}

.mc-account-stat .mc-stat-icon svg *{
    vector-effect:non-scaling-stroke;
}


/* number */

.mc-account-stat > strong{
    display:block !important;

    margin:0 !important;

    color:#07121f !important;

    font-size:27px !important;
    font-weight:900 !important;
    line-height:.95 !important;

    letter-spacing:-1px !important;
}


/* label */

.mc-account-stat > small{
    display:block !important;

    margin:7px 0 0 !important;

    color:#607a9d !important;

    font-size:10.5px !important;
    font-weight:500 !important;
    line-height:1.12 !important;

    white-space:normal !important;
}


@media(max-width:600px){

    .mc-account-stat{
        padding:8px 12px !important;
    }

}



/* Account activity header */
.mc-account-activity > header > button{
    display:none !important;
}

.mc-account-activity > header{
    margin-bottom:18px !important;
}

.mc-account-activity > header > strong{
    color:#0c1724 !important;
    font-size:14px !important;
    font-weight:800 !important;
}



/* =========================================================
   ACCOUNT DASHBOARD FAVORITES + MATCHES V2
   ========================================================= */

/* "Ver todos" SVG arrow */

.mc-account-card-title button{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;

    padding:0 !important;

    color:#0879df !important;

    font-size:10px !important;
    font-weight:650 !important;

    white-space:nowrap !important;
}

.mc-account-arrow{
    width:13px !important;
    height:13px !important;
    flex:0 0 13px !important;
}


/* =========================================================
   FAVORITE TEAMS / COMPETITIONS
   ========================================================= */

.mc-account-favorite-preview{
    min-height:78px !important;

    display:flex !important;
    align-items:flex-start !important;

    gap:10px !important;

    overflow:hidden !important;
}

.mc-dashboard-favorite-tile{
    width:62px !important;
    min-width:62px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    gap:5px !important;

    color:#152235 !important;

    text-align:center !important;
    text-decoration:none !important;

    cursor:pointer;
}

.mc-dashboard-favorite-logo{
    width:52px !important;
    height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:6px !important;

    border:1px solid #e1e8ef !important;
    border-radius:8px !important;

    background:#fff !important;
}

.mc-dashboard-favorite-logo img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}

.mc-dashboard-favorite-logo svg{
    width:28px !important;
    height:28px !important;

    color:#70839a !important;
}

.mc-dashboard-favorite-tile > strong{
    width:72px !important;

    overflow:hidden !important;

    color:#1a2b40 !important;

    font-size:9.5px !important;
    font-weight:600 !important;
    line-height:1.15 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-dashboard-favorite-tile:hover
.mc-dashboard-favorite-logo{
    border-color:#b9cee6 !important;

    background:#f8fbff !important;
}


/*
 * No + / adicionar item.
 */
.mc-dashboard-add,
.mc-account-add-favorite{
    display:none !important;
}


/* =========================================================
   MATCH LIST
   ========================================================= */

.mc-account-upcoming
.mc-account-empty-box,
.mc-account-recent
.mc-account-empty-box{
    min-height:0 !important;

    display:block !important;

    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    color:inherit !important;
}

.mc-dashboard-match-row{
    min-height:43px !important;

    display:grid !important;
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:8px !important;

    align-items:center !important;

    padding:6px 0 !important;

    border-bottom:1px solid #edf1f5 !important;
}

.mc-dashboard-match-row:last-child{
    border-bottom:0 !important;
}

.mc-dashboard-match-date{
    width:34px !important;
    height:36px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:6px !important;

    background:#f4f7fb !important;
}

.mc-dashboard-match-date strong{
    color:#172537 !important;

    font-size:11px !important;
    font-weight:850 !important;
    line-height:1 !important;
}

.mc-dashboard-match-date span{
    margin-top:2px !important;

    color:#70849e !important;

    font-size:7.5px !important;
    font-weight:750 !important;
    line-height:1 !important;
}

.mc-dashboard-match-main{
    min-width:0 !important;
}

.mc-dashboard-match-league{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:4px !important;

    margin-bottom:3px !important;

    color:#68829f !important;

    font-size:8px !important;
    line-height:1 !important;
}

.mc-dashboard-match-league img{
    width:11px !important;
    height:11px !important;

    object-fit:contain !important;
}

.mc-dashboard-match-league span{
    overflow:hidden !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-dashboard-match-teams{
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        auto
        minmax(0,1fr) !important;

    align-items:center !important;

    gap:8px !important;
}

.mc-dashboard-match-team{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    color:#1d2b3e !important;

    font-size:9px !important;
    font-weight:650 !important;
}

.mc-dashboard-match-team:first-child{
    justify-content:flex-end !important;
}

.mc-dashboard-match-team:last-child{
    justify-content:flex-start !important;
}

.mc-dashboard-match-team > span:not(
    .mc-match-team-fallback
){
    min-width:0 !important;

    overflow:hidden !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-dashboard-match-team img{
    width:18px !important;
    height:18px !important;

    flex:0 0 18px !important;

    object-fit:contain !important;
}

.mc-match-team-fallback{
    width:18px !important;
    height:18px !important;

    flex:0 0 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;

    background:#eef3f8 !important;
    color:#6e8198 !important;

    font-size:8px !important;
    font-weight:800 !important;
}

.mc-dashboard-match-time,
.mc-dashboard-match-score{
    color:#16263b !important;

    font-size:10px !important;
    font-weight:850 !important;

    white-space:nowrap !important;
}

.mc-dashboard-match-score{
    padding:3px 5px !important;

    border-radius:4px !important;

    background:#f3f6fa !important;
}

.mc-dashboard-no-matches{
    min-height:70px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#7a8ea7 !important;

    font-size:10px !important;
}


/* Keep these dashboard cards compact */
.mc-account-teams-card,
.mc-account-competitions-card{
    min-height:120px !important;
}

.mc-account-upcoming,
.mc-account-recent{
    min-height:185px !important;
}


@media(max-width:600px){

    .mc-account-favorite-preview{
        overflow-x:auto !important;
    }

    .mc-dashboard-match-teams{
        gap:5px !important;
    }

}



/* =========================================================
   DASHBOARD FAVORITES ROW ALIGN FIX
   ========================================================= */

.mc-account-teams-card
.mc-account-favorite-preview,
.mc-account-competitions-card
.mc-account-favorite-preview{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    gap:12px !important;

    min-height:74px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    padding-bottom:2px !important;

    scrollbar-width:none !important;
}

.mc-account-teams-card
.mc-account-favorite-preview::-webkit-scrollbar,
.mc-account-competitions-card
.mc-account-favorite-preview::-webkit-scrollbar{
    display:none !important;
}


/* shared tile */

.mc-account-teams-card
.mc-dashboard-favorite-tile,
.mc-account-competitions-card
.mc-dashboard-favorite-tile{
    width:60px !important;
    min-width:60px !important;
    max-width:60px !important;

    flex:0 0 60px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:5px !important;

    margin:0 !important;

    text-align:center !important;
}


/* logo box */

.mc-account-teams-card
.mc-dashboard-favorite-logo,
.mc-account-competitions-card
.mc-dashboard-favorite-logo{
    width:52px !important;
    height:52px !important;

    min-width:52px !important;
    min-height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:6px !important;

    border:1px solid #e0e7ef !important;
    border-radius:9px !important;

    background:#fff !important;
}

.mc-account-teams-card
.mc-dashboard-favorite-logo img,
.mc-account-competitions-card
.mc-dashboard-favorite-logo img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:contain !important;
}


/* =========================================================
   TEAM NAME
   ========================================================= */

.mc-account-teams-card
.mc-dashboard-favorite-tile > strong{
    width:68px !important;
    max-width:68px !important;

    display:block !important;

    overflow:hidden !important;

    color:#172537 !important;

    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.15 !important;

    text-align:center !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* =========================================================
   COMPETITION: LOGO ONLY
   ========================================================= */

.mc-account-competitions-card
.mc-dashboard-favorite-tile{
    height:52px !important;

    gap:0 !important;
}

.mc-account-competitions-card
.mc-dashboard-favorite-tile > strong{
    display:none !important;
}


/* slightly center competition logos vertically */
.mc-account-competitions-card
.mc-account-favorite-preview{
    align-items:center !important;
}


/* mobile */
@media(max-width:600px){

    .mc-account-teams-card
    .mc-account-favorite-preview,
    .mc-account-competitions-card
    .mc-account-favorite-preview{
        gap:10px !important;
    }

}



/* =========================================================
   DASHBOARD MATCH LIST V3 — REFERENCE STYLE
   ========================================================= */

.mc-account-upcoming,
.mc-account-recent{
    padding:13px 14px !important;
}

.mc-account-upcoming
.mc-account-card-title,
.mc-account-recent
.mc-account-card-title{
    margin-bottom:5px !important;
}

.mc-account-upcoming
.mc-account-card-title strong,
.mc-account-recent
.mc-account-card-title strong{
    font-size:13px !important;
    font-weight:800 !important;
}


/* ROW */

.mc-dashboard-match-row{
    min-height:51px !important;

    display:grid !important;

    grid-template-columns:
        34px
        minmax(0,1fr) !important;

    gap:8px !important;

    align-items:center !important;

    padding:5px 0 !important;

    border-bottom:
        1px solid #edf1f5 !important;
}

.mc-dashboard-match-row:last-child{
    border-bottom:0 !important;
}


/* DATE */

.mc-dashboard-match-date{
    width:32px !important;
    height:38px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    border-radius:6px !important;

    background:#f4f7fb !important;
}

.mc-dashboard-match-date strong{
    color:#17263a !important;

    font-size:11px !important;
    font-weight:850 !important;
    line-height:1 !important;
}

.mc-dashboard-match-date span{
    margin-top:3px !important;

    color:#657d9d !important;

    font-size:7px !important;
    font-weight:700 !important;
    line-height:1 !important;
}


/* MAIN */

.mc-dashboard-match-main{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    justify-content:center !important;
}


/* LEAGUE */

.mc-dashboard-match-league{
    height:12px !important;

    display:flex !important;
    align-items:center !important;

    gap:4px !important;

    margin:0 0 2px !important;

    overflow:hidden !important;

    color:#6b84a2 !important;

    font-size:7.5px !important;
    font-weight:500 !important;
    line-height:1 !important;
}

.mc-dashboard-match-league img{
    width:10px !important;
    height:10px !important;

    flex:0 0 10px !important;

    object-fit:contain !important;
}

.mc-dashboard-match-league span{
    overflow:hidden !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* MATCH SECOND LINE */

.mc-dashboard-match-line{
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
        minmax(65px,1fr)
        38px
        minmax(65px,1fr)
        auto !important;

    align-items:center !important;

    gap:6px !important;
}


/* TEAM */

.mc-dashboard-side{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:5px !important;
}

.mc-dashboard-side.is-home{
    justify-content:flex-end !important;

    text-align:right !important;
}

.mc-dashboard-side.is-away{
    justify-content:flex-start !important;

    text-align:left !important;
}

.mc-dashboard-team-name{
    min-width:0 !important;

    overflow:hidden !important;

    color:#17263a !important;

    font-size:8.5px !important;
    font-weight:600 !important;
    line-height:1 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* TEAM LOGO */

.mc-dashboard-team-logo{
    width:18px !important;
    height:18px !important;

    min-width:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.mc-dashboard-team-logo img{
    width:18px !important;
    height:18px !important;

    display:block !important;

    object-fit:contain !important;
}

.mc-dashboard-team-logo
.mc-match-team-fallback{
    width:18px !important;
    height:18px !important;

    flex:0 0 18px !important;
}


/* TIME */

.mc-dashboard-match-time{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#14243b !important;

    font-size:9px !important;
    font-weight:850 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* SCORE */

.mc-dashboard-match-score{
    min-width:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;

    background:transparent !important;

    color:#15263c !important;

    font-size:11px !important;
    font-weight:850 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}


/* =========================================================
   REMINDER
   ========================================================= */

.mc-dashboard-reminder{
    appearance:none !important;
    -webkit-appearance:none !important;

    min-width:70px !important;
    height:27px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:4px !important;

    padding:0 8px !important;
    margin:0 !important;

    border:
        1px solid #dce5ef !important;

    border-radius:5px !important;

    background:#f5f8fc !important;
    color:#536a89 !important;

    box-shadow:none !important;

    font-size:8px !important;
    font-weight:650 !important;
    line-height:1 !important;

    text-transform:none !important;

    cursor:pointer !important;
}

.mc-dashboard-reminder:hover{
    border-color:#bdd0e6 !important;

    background:#eef5fc !important;

    color:#1c4c7e !important;
}

.mc-dashboard-reminder svg{
    width:12px !important;
    height:12px !important;

    flex:0 0 12px !important;
}


/* =========================================================
   RESULT CHIP
   ========================================================= */

.mc-dashboard-result{
    width:24px !important;
    height:24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:4px !important;

    font-size:9px !important;
    font-weight:850 !important;
    line-height:1 !important;
}

.mc-dashboard-result.is-v{
    background:#16c968 !important;
    color:#fff !important;
}

.mc-dashboard-result.is-e{
    background:#718196 !important;
    color:#fff !important;
}

.mc-dashboard-result.is-d{
    background:#ef5d68 !important;
    color:#fff !important;
}


/* =========================================================
   CARD HEIGHTS
   ========================================================= */

.mc-account-upcoming,
.mc-account-recent{
    min-height:247px !important;
}

.mc-account-upcoming
.mc-account-empty-box,
.mc-account-recent
.mc-account-empty-box{
    width:100% !important;
}


/* =========================================================
   SMALLER DESKTOP
   ========================================================= */

@media(
    min-width:901px
)
and
(
    max-width:1250px
){

    .mc-dashboard-match-line{
        grid-template-columns:
            minmax(55px,1fr)
            35px
            minmax(55px,1fr)
            auto !important;
    }

    .mc-dashboard-reminder{
        min-width:28px !important;
        width:28px !important;
        padding:0 !important;
    }

    .mc-dashboard-reminder span{
        display:none !important;
    }

}


/* MOBILE */

@media(max-width:600px){

    .mc-dashboard-match-line{
        grid-template-columns:
            minmax(0,1fr)
            34px
            minmax(0,1fr)
            auto !important;
    }

    .mc-dashboard-reminder{
        width:28px !important;
        min-width:28px !important;

        padding:0 !important;
    }

    .mc-dashboard-reminder span{
        display:none !important;
    }

}



/* =========================================================
   ACCOUNT MATCH ROW V4
   DATE | LEAGUE | HOME | TIME/SCORE | AWAY
   ========================================================= */

.mc-account-upcoming
.mc-account-empty-box,
.mc-account-recent
.mc-account-empty-box{
    display:block !important;
    min-height:0 !important;
    padding:0 !important;
    border:0 !important;
}


/* one line */
.mc-dash-game-row{
    width:100% !important;
    min-height:49px !important;

    display:grid !important;

    grid-template-columns:
        34px
        92px
        minmax(80px,1fr)
        48px
        minmax(80px,1fr) !important;

    align-items:center !important;

    column-gap:7px !important;

    padding:5px 0 !important;

    border-bottom:
        1px solid #e9eef4 !important;
}

.mc-dash-game-row:last-child{
    border-bottom:0 !important;
}


/* DATE */

.mc-dash-game-date{
    width:32px !important;
    height:37px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:6px !important;

    background:#f4f7fb !important;
}

.mc-dash-game-date strong{
    color:#17263b !important;

    font-size:11px !important;
    font-weight:850 !important;
    line-height:1 !important;
}

.mc-dash-game-date span{
    margin-top:3px !important;

    color:#637b9b !important;

    font-size:7px !important;
    font-weight:700 !important;
    line-height:1 !important;
}


/* LEAGUE */

.mc-dash-game-league{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:4px !important;

    overflow:hidden !important;

    color:#607b9c !important;
}

.mc-dash-game-league img{
    width:14px !important;
    height:14px !important;

    min-width:11px !important;

    object-fit:contain !important;
}

.mc-dash-game-league span{
    min-width:0 !important;

    display:block !important;

    overflow:hidden !important;

    font-size:7.5px !important;
    font-weight:500 !important;
    line-height:1 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* TEAM */

.mc-dash-game-team{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:5px !important;
}

.mc-dash-game-team.is-home{
    justify-content:flex-end !important;
}

.mc-dash-game-team.is-away{
    justify-content:flex-start !important;
}

.mc-dash-game-name{
    min-width:0 !important;

    overflow:hidden !important;

    color:#17263b !important;
    font-family:Rajdhani, Arial, sans-serif ;

    font-size:12px !important;
    font-weight:650 !important;
    line-height:1 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* LOGO */

.mc-dash-game-logo{
    width:18px !important;
    height:18px !important;

    min-width:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.mc-dash-game-logo img{
    width:18px !important;
    height:18px !important;

    display:block !important;

    object-fit:contain !important;
}

.mc-dash-game-logo
.mc-match-team-fallback{
    width:18px !important;
    height:18px !important;
}


/* TIME / SCORE */

.mc-dash-game-center{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#14253b !important;

    font-size:11px !important;
    font-family:Rajdhani, Arial, sans-serif ;
    font-weight:850 !important;
    line-height:1 !important;

    white-space:nowrap !important;
}

.mc-dash-game-center.is-score{
    font-size:10px !important;
}


/* hide old structures if any remain */
.mc-dashboard-reminder,
.mc-dashboard-result{
    display:none !important;
}


/* tighter cards */
.mc-account-upcoming,
.mc-account-recent{
    min-height:230px !important;
}


/* medium desktop */
@media(
    min-width:901px
)
and
(
    max-width:1250px
){

    .mc-dash-game-row{
        grid-template-columns:
            32px
            72px
            minmax(60px,1fr)
            42px
            minmax(60px,1fr) !important;

        column-gap:5px !important;
    }

}


/* mobile */
@media(max-width:600px){

    .mc-dash-game-row{
        grid-template-columns:
            32px
            65px
            minmax(55px,1fr)
            40px
            minmax(55px,1fr) !important;

        column-gap:4px !important;
    }

}



/* =========================================================
   COMPETITIONS DISPLAY FINAL V2
   ========================================================= */


/* =========================================================
   TOP CARD:
   Minhas Competições = LOGO + NAME
   ========================================================= */

.mc-account-competitions-card
.mc-dashboard-favorite-tile{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;

    height:auto !important;

    flex:0 0 64px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;

    gap:5px !important;
}

.mc-account-competitions-card
.mc-dashboard-favorite-tile > strong{
    width:68px !important;
    max-width:68px !important;

    display:block !important;

    overflow:hidden !important;

    color:#172537 !important;

    font-size:10px !important;
    font-weight:600 !important;
    line-height:1.1 !important;

    text-align:center !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-account-competitions-card
.mc-account-favorite-preview{
    min-height:76px !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;

    gap:12px !important;

    overflow-x:auto !important;
    overflow-y:hidden !important;

    scrollbar-width:none !important;
}

.mc-account-competitions-card
.mc-account-favorite-preview::-webkit-scrollbar{
    display:none !important;
}


/* =========================================================
   MATCH LIST:
   COMPETITION = LOGO ONLY
   ========================================================= */

.mc-dash-game-league{
    width:22px !important;
    min-width:22px !important;
    max-width:22px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:visible !important;
}

.mc-dash-game-league img{
    width:14px !important;
    height:14px !important;

    min-width:13px !important;
    max-width:13px !important;

    display:block !important;

    object-fit:contain !important;
}


/* hide competition name in match rows */

.mc-dash-game-league span{
    display:none !important;
}


/*
 * Since league text is gone,
 * shrink league column and give more room to teams.
 */

.mc-dash-game-row{
    grid-template-columns:
        34px
        24px
        minmax(95px,1fr)
        48px
        minmax(95px,1fr) !important;

    column-gap:7px !important;
}


/* medium desktop */

@media(
    min-width:901px
)
and
(
    max-width:1250px
){

    .mc-dash-game-row{
        grid-template-columns:
            32px
            22px
            minmax(70px,1fr)
            42px
            minmax(70px,1fr) !important;

        column-gap:5px !important;
    }

}


/* mobile */

@media(max-width:600px){

    .mc-dash-game-row{
        grid-template-columns:
            32px
            20px
            minmax(58px,1fr)
            40px
            minmax(58px,1fr) !important;

        column-gap:4px !important;
    }

}



/* =========================================================
   ACCOUNT NOTIFICATIONS
   ========================================================= */

.mc-account-notifications-card
.mc-account-placeholder-list{
    width:100%;
}

.mc-notification-row{
    appearance:none !important;
    -webkit-appearance:none !important;

    width:100% !important;
    min-height:58px !important;

    display:grid !important;

    grid-template-columns:
        38px
        minmax(0,1fr)
        auto
        14px !important;

    align-items:center !important;

    gap:9px !important;

    padding:8px 0 !important;
    margin:0 !important;

    border:0 !important;
    border-bottom:
        1px solid #edf1f5 !important;

    border-radius:0 !important;

    background:transparent !important;
    color:#17263a !important;

    box-shadow:none !important;

    text-align:left !important;
    text-transform:none !important;

    cursor:pointer !important;
}

.mc-notification-row:last-child{
    border-bottom:0 !important;
}

.mc-notification-icon{
    width:36px !important;
    height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:8px !important;

    background:#eafbf2 !important;
    color:#05bd69 !important;
}

.mc-notification-icon svg{
    width:19px !important;
    height:19px !important;
}

.mc-notification-icon.is-lineup_confirmed{
    background:#f3eaff !important;
    color:#8c35ef !important;
}

.mc-notification-copy{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
}

.mc-notification-copy strong{
    overflow:hidden !important;

    color:#142238 !important;

    font-size:10px !important;
    font-weight:750 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-notification-copy small{
    margin-top:3px !important;

    overflow:hidden !important;

    color:#7086a3 !important;

    font-size:9px !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-notification-row time{
    color:#8294ab !important;

    font-size:10px !important;

    white-space:nowrap !important;
}

.mc-notification-arrow{
    width:13px !important;
    height:13px !important;

    color:#7f94ae !important;
}

.mc-notification-row.is-unread
.mc-notification-copy strong{
    font-weight:850 !important;
}

.mc-notification-empty{
    min-height:110px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
}

.mc-notification-empty p{
    margin:0 !important;
}

.mc-notification-empty strong,
.mc-notification-empty small{
    display:block !important;
}

.mc-notification-empty small{
    margin-top:4px !important;

    color:#788da8 !important;

    font-size:9px !important;
}



/* =========================================================
   ACCOUNT NOTIFICATIONS V2
   ========================================================= */

.mc-account-shell
.mc-account-notifications-card{
    overflow:hidden !important;

    padding:0 !important;

    border:1px solid #dce5ee !important;
    border-radius:10px !important;

    background:#fff !important;

    box-shadow:
        0 1px 2px rgba(15,23,42,.02) !important;
}


/* ---------- HEADER ---------- */

.mc-account-shell
.mc-account-notifications-card
.mc-account-card-head{
    min-height:64px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:17px 16px 13px !important;
    margin:0 !important;

    border-bottom:1px solid #eef2f6 !important;
}

.mc-account-shell
.mc-account-notifications-card
.mc-account-card-head h3{
    margin:0 !important;

    color:#0b1728 !important;

    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    letter-spacing:-.25px !important;
}

.mc-account-shell
.mc-account-notifications-card
.mc-account-card-head a,
.mc-account-shell
.mc-account-notifications-card
.mc-account-card-head button{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;

    padding:0 !important;

    border:0 !important;

    background:transparent !important;
    box-shadow:none !important;

    color:#0876e8 !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:800 !important;

    text-decoration:none !important;
    text-transform:uppercase !important;

    white-space:nowrap !important;
}


/* ---------- LIST ---------- */

.mc-account-shell
.mc-account-notifications-card
.mc-account-placeholder-list{
    width:100% !important;

    padding:0 14px 8px !important;
    margin:0 !important;
}


/* ---------- ROW ---------- */

.mc-account-shell
.mc-notification-row{
    position:relative !important;

    width:100% !important;
    min-height:76px !important;

    display:grid !important;

    grid-template-columns:
        42px
        minmax(0,1fr)
        auto
        14px !important;

    grid-template-rows:
        auto
        auto !important;

    align-items:center !important;

    column-gap:10px !important;
    row-gap:3px !important;

    padding:12px 2px !important;
    margin:0 !important;

    border:0 !important;
    border-bottom:
        1px solid #edf1f5 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    text-align:left !important;
    text-transform:none !important;

    transition:
        background .16s ease,
        transform .16s ease !important;
}

.mc-account-shell
.mc-notification-row:last-child{
    border-bottom:0 !important;
}

.mc-account-shell
.mc-notification-row:hover{
    background:#f8fafc !important;
}


/* ---------- ICON ---------- */

.mc-account-shell
.mc-notification-icon{
    grid-column:1 !important;
    grid-row:1 / 3 !important;

    width:42px !important;
    height:42px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:10px !important;

    background:#e9fbf2 !important;

    color:#00b968 !important;

    flex:none !important;
}

.mc-account-shell
.mc-notification-icon svg{
    width:20px !important;
    height:20px !important;
}

.mc-account-shell
.mc-notification-icon.is-match_finished{
    background:#eafbf2 !important;
    color:#00b86b !important;
}

.mc-account-shell
.mc-notification-icon.is-match_starting{
    background:#eaf3ff !important;
    color:#1477e6 !important;
}

.mc-account-shell
.mc-notification-icon.is-lineup_confirmed{
    background:#f4ecff !important;
    color:#8c3bea !important;
}


/* ---------- TEXT ---------- */

.mc-account-shell
.mc-notification-copy{
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    gap:5px !important;
}

.mc-account-shell
.mc-notification-copy strong{
    display:block !important;

    max-width:100% !important;

    overflow:hidden !important;

    margin:0 !important;

    color:#101d2f !important;

    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:800 !important;

    letter-spacing:-.1px !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-account-shell
.mc-notification-copy small{
    display:block !important;

    max-width:100% !important;

    overflow:hidden !important;

    margin:0 !important;

    color:#71849c !important;

    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:500 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


/* ---------- TIME ---------- */

.mc-account-shell
.mc-notification-row time{
    grid-column:3 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    margin:0 !important;

    color:#8294aa !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:500 !important;

    white-space:nowrap !important;
}


/* ---------- ARROW ---------- */

.mc-account-shell
.mc-notification-arrow{
    grid-column:4 !important;
    grid-row:1 / 3 !important;

    width:13px !important;
    height:13px !important;

    color:#9aaabd !important;

    transition:
        transform .15s ease,
        color .15s ease !important;
}

.mc-account-shell
.mc-notification-row:hover
.mc-notification-arrow{
    color:#1477e6 !important;

    transform:
        translateX(2px) !important;
}


/* ---------- UNREAD ---------- */

.mc-account-shell
.mc-notification-row.is-unread::before{
    content:"" !important;

    position:absolute !important;

    left:-8px !important;
    top:50% !important;

    width:4px !important;
    height:4px !important;

    margin-top:-2px !important;

    border-radius:50% !important;

    background:#00bf6f !important;
}

.mc-account-shell
.mc-notification-row.is-unread
.mc-notification-copy strong{
    color:#07182c !important;
    font-weight:850 !important;
}


/* ---------- EMPTY ---------- */

.mc-account-shell
.mc-notification-empty{
    min-height:150px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:25px 15px !important;

    text-align:center !important;
}

.mc-account-shell
.mc-notification-empty strong{
    color:#1b293c !important;

    font-size:11px !important;
    font-weight:750 !important;
}

.mc-account-shell
.mc-notification-empty small{
    max-width:170px !important;

    margin:5px auto 0 !important;

    color:#8393a8 !important;

    font-size:9px !important;
    line-height:1.5 !important;
}


/* ---------- MOBILE ---------- */

@media (max-width: 767px){

    .mc-account-shell
    .mc-account-notifications-card
    .mc-account-placeholder-list{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .mc-account-shell
    .mc-notification-row{
        grid-template-columns:
            40px
            minmax(0,1fr)
            auto
            12px !important;

        column-gap:9px !important;
    }

    .mc-account-shell
    .mc-notification-icon{
        width:40px !important;
        height:40px !important;
    }
}



/* =========================================================
   NOTIFICATIONS CARD SPACING FIX
   ========================================================= */

.mc-account-shell
.mc-account-notifications-card{
    padding:0 14px 8px !important;
}

.mc-account-shell
.mc-account-notifications-card
.mc-account-card-head{
    min-height:62px !important;

    padding:
        17px 2px
        13px !important;
}

.mc-account-shell
.mc-account-notifications-card
.mc-account-placeholder-list{
    padding:
        0 2px
        4px !important;
}

.mc-account-shell
.mc-notification-row{
    padding:
        13px 4px !important;
}

.mc-account-shell
.mc-notification-row.is-unread::before{
    left:-7px !important;
}


/* give title a little more room */

.mc-account-shell
.mc-notification-copy strong{
    font-size:13px !important;
    line-height:1.35 !important;
}



/* =========================================================
   FULL NOTIFICATIONS PAGE
   ========================================================= */

.mc-account-shell
.mc-account-notifications-view{
    width:100%;
}


.mc-account-shell
.mc-notifications-page-head{
    min-height:76px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin:0 0 18px;
}


.mc-account-shell
.mc-notifications-page-head > div{
    min-width:0;

    display:flex;
    align-items:center;

    gap:12px;
}


.mc-account-shell
.mc-notifications-page-head h1{
    margin:0 0 4px !important;

    color:#07182c;

    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:850 !important;

    letter-spacing:-.5px;
}


.mc-account-shell
.mc-notifications-page-head p{
    margin:0 !important;

    color:#71849a;

    font-size:12px !important;
    line-height:1.45 !important;
}


.mc-account-shell
.mc-notifications-back{
    width:36px;
    height:36px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:none;

    padding:0 !important;

    border:
        1px solid #dce5ee !important;

    border-radius:9px !important;

    background:#fff !important;

    color:#40546b !important;

    box-shadow:none !important;
}


.mc-account-shell
.mc-notifications-back svg{
    width:18px;
    height:18px;
}


.mc-account-shell
.mc-notifications-read-all{
    min-height:36px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    padding:
        0 13px !important;

    border:
        1px solid #d8e4ee !important;

    border-radius:8px !important;

    background:#fff !important;

    color:#0876e8 !important;

    box-shadow:none !important;

    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;

    text-transform:none !important;

    white-space:nowrap;
}


.mc-account-shell
.mc-notifications-read-all svg{
    width:15px;
    height:15px;
}


.mc-account-shell
.mc-notifications-read-all:hover{
    border-color:#bad5f2 !important;

    background:#f7fbff !important;
}


.mc-account-shell
.mc-notifications-read-all:disabled{
    opacity:.45;

    cursor:default;
}


/* CARD */

.mc-account-shell
.mc-notifications-page-card{
    overflow:hidden;

    border:
        1px solid #dce5ee;

    border-radius:10px;

    background:#fff;
}


/* TOOLBAR */

.mc-account-shell
.mc-notifications-toolbar{
    min-height:58px;

    display:flex;
    align-items:flex-end;

    padding:
        0 20px;

    border-bottom:
        1px solid #e9eef4;
}


.mc-account-shell
.mc-notifications-tabs{
    height:58px;

    display:flex;
    align-items:flex-end;

    gap:24px;
}


.mc-account-shell
.mc-notifications-tabs button{
    position:relative;

    height:58px;

    display:inline-flex;
    align-items:center;

    gap:7px;

    padding:
        0 1px !important;

    border:0 !important;

    background:transparent !important;

    color:#73849a !important;

    box-shadow:none !important;

    font-size:11px !important;
    font-weight:750 !important;

    text-transform:none !important;
}


.mc-account-shell
.mc-notifications-tabs button::after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-1px;

    height:2px;

    border-radius:2px;

    background:transparent;
}


.mc-account-shell
.mc-notifications-tabs button.active{
    color:#07182c !important;
}


.mc-account-shell
.mc-notifications-tabs button.active::after{
    background:#0876e8;
}


.mc-account-shell
.mc-notifications-tabs span{
    min-width:18px;
    height:18px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 5px;

    border-radius:9px;

    background:#eef3f8;

    color:#71849a;

    font-size:8px;
    line-height:18px;
    font-weight:800;
}


.mc-account-shell
.mc-notifications-tabs
button.active span{
    background:#e8f3ff;

    color:#0876e8;
}


/* LIST */

.mc-account-shell
.mc-notifications-page-list{
    width:100%;

    padding:
        4px 20px 10px;
}


.mc-account-shell
.mc-notifications-page-row{
    position:relative;

    width:100%;
    min-height:78px;

    display:grid;

    grid-template-columns:
        44px
        minmax(0,1fr)
        auto
        16px;

    align-items:center;

    gap:12px;

    padding:
        13px 5px !important;

    margin:0 !important;

    border:0 !important;

    border-bottom:
        1px solid #edf1f5 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    text-align:left !important;
    text-transform:none !important;
}


.mc-account-shell
.mc-notifications-page-row:last-child{
    border-bottom:0 !important;
}


.mc-account-shell
.mc-notifications-page-row:hover{
    background:#f9fbfd !important;
}


.mc-account-shell
.mc-notifications-page-row.is-unread::before{
    content:"";

    position:absolute;

    left:-8px;
    top:50%;

    width:5px;
    height:5px;

    transform:
        translateY(-50%);

    border-radius:50%;

    background:#00bd6c;
}


/* ICON */

.mc-account-shell
.mc-notifications-page-icon{
    width:44px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:10px;

    background:#eef4f8;

    color:#647990;
}


.mc-account-shell
.mc-notifications-page-icon svg{
    width:21px;
    height:21px;
}


.mc-account-shell
.mc-notifications-page-icon.is-match_finished{
    background:#e9fbf2;

    color:#00b86b;
}


.mc-account-shell
.mc-notifications-page-icon.is-match_starting{
    background:#eaf3ff;

    color:#1477e6;
}


.mc-account-shell
.mc-notifications-page-icon.is-lineup_confirmed{
    background:#f4ecff;

    color:#8c3bea;
}


/* COPY */

.mc-account-shell
.mc-notifications-page-copy{
    min-width:0;

    display:flex;
    flex-direction:column;

    gap:5px;
}


.mc-account-shell
.mc-notifications-page-copy strong{
    overflow:hidden;

    margin:0 !important;

    color:#102033;

    font-size:12px !important;
    line-height:1.3 !important;
    font-weight:750 !important;

    text-overflow:ellipsis;
    white-space:nowrap;
}


.mc-account-shell
.mc-notifications-page-row.is-unread
.mc-notifications-page-copy strong{
    color:#07182c;

    font-weight:850 !important;
}


.mc-account-shell
.mc-notifications-page-copy small{
    overflow:hidden;

    margin:0 !important;

    color:#71849a;

    font-size:10px !important;
    line-height:1.35 !important;

    text-overflow:ellipsis;
    white-space:nowrap;
}


/* TIME */

.mc-account-shell
.mc-notifications-page-row time{
    color:#8596aa;

    font-size:9px;
    line-height:1;
    font-weight:500;

    white-space:nowrap;
}


/* ARROW */

.mc-account-shell
.mc-notifications-page-arrow{
    width:14px;
    height:14px;

    color:#a2afbd;
}


.mc-account-shell
.mc-notifications-page-row:hover
.mc-notifications-page-arrow{
    color:#0876e8;
}


/* STATES */

.mc-account-shell
.mc-notifications-page-loading,
.mc-account-shell
.mc-notifications-page-error{
    min-height:160px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#7d8fa5;

    font-size:11px;
}


.mc-account-shell
.mc-notifications-page-empty{
    min-height:260px;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    padding:30px;

    text-align:center;
}


.mc-account-shell
.mc-notifications-page-empty > span{
    width:48px;
    height:48px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:13px;

    border-radius:12px;

    background:#eef4f8;

    color:#71849a;
}


.mc-account-shell
.mc-notifications-page-empty svg{
    width:22px;
    height:22px;
}


.mc-account-shell
.mc-notifications-page-empty strong{
    margin:0 0 5px;

    color:#16263a;

    font-size:12px;
    font-weight:800;
}


.mc-account-shell
.mc-notifications-page-empty small{
    color:#7c8da2;

    font-size:10px;
}


/* DASHBOARD NOTIFICATION PADDING */

.mc-account-shell
.mc-account-notifications-card{
    padding:
        0 18px 10px !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-card-title{
    min-height:58px;

    padding:
        0 2px !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-placeholder-list{
    padding:
        0 2px 5px !important;
}


/* MOBILE */

@media (max-width:767px){

    .mc-account-shell
    .mc-notifications-page-head{
        align-items:flex-start;
        flex-direction:column;

        gap:13px;
    }


    .mc-account-shell
    .mc-notifications-read-all{
        align-self:flex-end;
    }


    .mc-account-shell
    .mc-notifications-toolbar{
        padding:
            0 14px;
    }


    .mc-account-shell
    .mc-notifications-page-list{
        padding:
            4px 14px 8px;
    }


    .mc-account-shell
    .mc-notifications-page-row{
        grid-template-columns:
            40px
            minmax(0,1fr)
            12px;

        gap:10px;

        min-height:74px;
    }


    .mc-account-shell
    .mc-notifications-page-icon{
        width:40px;
        height:40px;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        grid-column:2;
        grid-row:2;

        margin-top:1px;
    }


    .mc-account-shell
    .mc-notifications-page-arrow{
        grid-column:3;
        grid-row:1 / 3;
    }


    .mc-account-shell
    .mc-notifications-page-copy{
        grid-column:2;
        grid-row:1;
    }
}


/* =========================================================
   DASHBOARD NOTIFICATIONS HEADER SPACING FIX
   ========================================================= */

.mc-account-shell
.mc-account-notifications-card{
    padding:0 !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-card-title{
    box-sizing:border-box !important;

    width:100% !important;
    min-height:62px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:12px !important;

    margin:0 !important;

    padding:
        16px 18px 14px !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-card-title > strong{
    margin:0 !important;

    font-size:15px !important;
    line-height:1.25 !important;

    white-space:nowrap !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-card-title > button{
    flex:none !important;

    margin:0 !important;
    padding:0 !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-account-placeholder-list{
    padding:
        0 16px 10px !important;
}


.mc-account-shell
.mc-account-notifications-card
.mc-notification-row{
    padding:
        16px 4px !important;
}


@media (max-width:767px){

    .mc-account-shell
    .mc-account-notifications-card
    .mc-account-card-title{
        padding:
            15px 14px 13px !important;
    }


    .mc-account-shell
    .mc-account-notifications-card
    .mc-account-placeholder-list{
        padding:
            0 12px 8px !important;
    }

}


/* =========================================================
   ACCOUNT APK DOWNLOAD BANNER
   ========================================================= */

.mc-account-shell
.mc-account-download-wide{
    position:relative;

    width:100%;
    min-width:0;

    display:block;

    overflow:hidden;

    margin:0 !important;
    padding:0 !important;

    border:
        1px solid #dbe5ef;

    border-radius:9px;

    background:#eef6ff;

    box-shadow:
        0 3px 14px
        rgba(20,52,90,.035);

    text-decoration:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}


.mc-account-shell
.mc-account-download-wide:hover{
    transform:
        translateY(-2px);

    border-color:#bfd7ef;

    box-shadow:
        0 8px 22px
        rgba(20,70,130,.10);
}


.mc-account-shell
.mc-account-download-wide img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
    object-position:center;

    border:0;
}


/*
 * Keep banner visually aligned with
 * Configurações rápidas / Dispositivos conectados
 */

.mc-account-shell
.mc-account-download-wide{
    min-height:100%;
}


@media (max-width:767px){

    .mc-account-shell
    .mc-account-download-wide{
        min-height:0;
    }


    .mc-account-shell
    .mc-account-download-wide img{
        height:auto;

        object-fit:contain;
    }

}


/* =========================================================
   DASHBOARD BOTTOM ROW - FINAL LAYOUT FIX
   ========================================================= */

/*
 * Three-column dashboard row:
 * Quick settings / APK / Devices
 */

.mc-account-shell
.mc-account-dashboard-grid{
    align-items:stretch !important;
}


/* =========================================================
   QUICK SETTINGS
   ========================================================= */

.mc-account-shell
.mc-account-quick{
    min-width:0 !important;
}


.mc-account-shell
.mc-account-quick-grid{
    display:grid !important;

    grid-template-columns:
        repeat(4, minmax(0,1fr)) !important;

    gap:8px !important;

    padding:
        8px 12px 14px !important;
}


.mc-account-shell
.mc-account-quick-grid > button{
    min-width:0 !important;
    min-height:108px !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:flex-start !important;
    justify-content:flex-start !important;

    gap:7px !important;

    padding:
        12px 10px !important;

    border:
        1px solid #dce5ee !important;

    border-radius:8px !important;

    background:#fff !important;

    box-shadow:none !important;

    text-align:left !important;

    overflow:hidden !important;
}


.mc-account-shell
.mc-account-quick-grid > button:hover{
    border-color:#bfd4e8 !important;

    background:#f8fbfe !important;
}


.mc-account-shell
.mc-account-quick-grid > button svg{
    width:20px !important;
    height:20px !important;

    flex:none !important;

    color:#0e1b2a !important;
}


.mc-account-shell
.mc-account-quick-grid > button strong{
    width:100% !important;

    display:block !important;

    margin:0 !important;

    color:#0d1c2d !important;

    font-size:10px !important;
    line-height:1.25 !important;
    font-weight:800 !important;

    text-transform:none !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


.mc-account-shell
.mc-account-quick-grid > button small{
    width:100% !important;

    display:block !important;

    margin:0 !important;

    color:#6f8197 !important;

    font-size:8.5px !important;
    line-height:1.35 !important;
    font-weight:500 !important;

    text-transform:none !important;

    white-space:normal !important;

    overflow:visible !important;
}


/* =========================================================
   APK BANNER
   ========================================================= */

.mc-account-shell
.mc-account-download-wide{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;

    display:block !important;

    overflow:hidden !important;

    margin:0 !important;
    padding:0 !important;

    border:
        1px solid #dbe5ef !important;

    border-radius:9px !important;

    background:#eef6ff !important;

    box-shadow:none !important;
}


.mc-account-shell
.mc-account-download-wide:hover{
    transform:none !important;

    border-color:#bfd7ef !important;

    box-shadow:
        0 4px 14px
        rgba(15,60,110,.08) !important;
}


.mc-account-shell
.mc-account-download-wide img{
    width:100% !important;
    height:100% !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center !important;

    background:#eef6ff !important;
}


/* =========================================================
   DEVICES
   ========================================================= */

.mc-account-shell
.mc-account-devices{
    min-width:0 !important;
}


/* =========================================================
   DESKTOP HEIGHT ALIGNMENT
   ========================================================= */

@media (min-width:768px){

    .mc-account-shell
    .mc-account-quick,

    .mc-account-shell
    .mc-account-download-wide,

    .mc-account-shell
    .mc-account-devices{
        height:100% !important;
    }


    .mc-account-shell
    .mc-account-download-wide img{
        min-height:150px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767px){

    .mc-account-shell
    .mc-account-quick-grid{
        grid-template-columns:
            repeat(2, minmax(0,1fr)) !important;

        gap:8px !important;
    }


    .mc-account-shell
    .mc-account-quick-grid > button{
        min-height:96px !important;
    }


    .mc-account-shell
    .mc-account-download-wide{
        height:auto !important;
    }


    .mc-account-shell
    .mc-account-download-wide img{
        width:100% !important;
        height:auto !important;

        object-fit:contain !important;
    }

}


/* =========================================================
   QUICK SETTINGS - 2x2 HORIZONTAL CARDS
   ========================================================= */

.mc-account-shell
.mc-account-quick{
    min-width:0 !important;
}


.mc-account-shell
.mc-account-quick-grid{
    display:grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap:10px !important;

    padding:
        10px 14px 16px !important;
}


.mc-account-shell
.mc-account-quick-grid > button{
    min-width:0 !important;
    min-height:74px !important;

    display:grid !important;

    grid-template-columns:
        34px
        minmax(0,1fr)
        16px !important;

    grid-template-rows:
        auto
        auto !important;

    align-items:center !important;

    column-gap:10px !important;
    row-gap:3px !important;

    padding:
        11px 12px !important;

    border:
        1px solid #dce5ee !important;

    border-radius:9px !important;

    background:#fff !important;

    box-shadow:none !important;

    text-align:left !important;

    overflow:hidden !important;

    transition:
        border-color .16s ease,
        background .16s ease,
        transform .16s ease !important;
}


.mc-account-shell
.mc-account-quick-grid > button:hover{
    border-color:#bfd4e8 !important;

    background:#f8fbfe !important;

    transform:
        translateY(-1px);
}


/* ICON */

.mc-account-shell
.mc-account-quick-grid > button svg{
    grid-column:1 !important;
    grid-row:1 / 3 !important;

    width:22px !important;
    height:22px !important;

    margin:0 auto !important;

    color:#102033 !important;

    flex:none !important;
}


/* TITLE */

.mc-account-shell
.mc-account-quick-grid > button strong{
    grid-column:2 !important;
    grid-row:1 !important;

    min-width:0 !important;

    display:block !important;

    margin:0 !important;

    color:#0d1c2d !important;

    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:800 !important;

    text-transform:none !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* SUBTITLE */

.mc-account-shell
.mc-account-quick-grid > button small{
    grid-column:2 !important;
    grid-row:2 !important;

    min-width:0 !important;

    display:block !important;

    margin:0 !important;

    color:#71849a !important;

    font-size:9px !important;
    line-height:1.25 !important;
    font-weight:500 !important;

    text-transform:none !important;

    white-space:nowrap !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
}


/* ARROW */

.mc-account-shell
.mc-account-quick-grid > button::after{
    content:"›";

    grid-column:3 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    color:#8ba0b6 !important;

    font-size:22px !important;
    line-height:1 !important;
    font-weight:400 !important;
}


.mc-account-shell
.mc-account-quick-grid > button:hover::after{
    color:#0876e8 !important;
}


/* MOBILE */

@media (max-width:767px){

    .mc-account-shell
    .mc-account-quick-grid{
        grid-template-columns:
            1fr !important;

        gap:8px !important;

        padding:
            10px 12px 14px !important;
    }


    .mc-account-shell
    .mc-account-quick-grid > button{
        min-height:68px !important;

        padding:
            10px 11px !important;
    }

}


/* =========================================================
   QUICK SETTINGS - COMPACT SPACING
   ========================================================= */

.mc-account-shell
.mc-account-quick-grid{
    gap:8px !important;

    padding:
        8px 12px 12px !important;
}


.mc-account-shell
.mc-account-quick-grid > button{
    min-height:64px !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        12px !important;

    column-gap:7px !important;
    row-gap:2px !important;

    padding:
        7px 9px !important;
}


.mc-account-shell
.mc-account-quick-grid > button svg{
    width:19px !important;
    height:19px !important;
}


.mc-account-shell
.mc-account-quick-grid > button strong{
    font-size:13px !important;
}


.mc-account-shell
.mc-account-quick-grid > button small{
    font-size:11px !important;
}


.mc-account-shell
.mc-account-quick-grid > button::after{
    font-size:18px !important;
}


@media (max-width:767px){

    .mc-account-shell
    .mc-account-quick-grid > button{
        min-height:62px !important;

        padding:
            7px 9px !important;
    }

}


/* =========================================================
   QUICK SETTINGS - REMOVE LEGACY BUTTON MARGINS
   ========================================================= */

.mc-account-shell
.mc-account-quick-grid > button{
    width:100% !important;
    max-width:none !important;

    margin:0 !important;

    justify-self:stretch !important;
    align-self:stretch !important;
}


/* spacing only comes from grid gap */
.mc-account-shell
.mc-account-quick-grid{
    column-gap:10px !important;
    row-gap:10px !important;
}


/* no legacy spacing from theme / old dashboard css */
.mc-account-shell
.mc-account-quick-grid > button:nth-child(n){
    margin-top:0 !important;
    margin-right:0 !important;
    margin-bottom:0 !important;
    margin-left:0 !important;
}



/* =========================================================
   DASHBOARD CONNECTED DEVICES
   ========================================================= */

.mc-account-shell
.mc-account-devices
[data-mc-auth-sessions]{
    padding:
        2px 12px 10px !important;
}


.mc-account-shell
.mc-dashboard-device{
    min-width:0;

    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr)
        12px;

    align-items:center;

    gap:8px;

    min-height:52px;

    padding:
        7px 0;

    border-bottom:
        1px solid #e5edf5;
}


.mc-account-shell
.mc-dashboard-device:last-child{
    border-bottom:0;
}


.mc-account-shell
.mc-dashboard-device-icon{
    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:7px;

    background:#f1f5f9;

    color:#122234;
}


.mc-account-shell
.mc-dashboard-device-icon svg{
    width:18px;
    height:18px;

    display:block;
}


.mc-account-shell
.mc-dashboard-device-copy{
    min-width:0;

    display:flex;

    flex-direction:column;

    gap:3px;
}


.mc-account-shell
.mc-dashboard-device-copy strong{
    display:block;

    min-width:0;

    margin:0;

    color:#102033;

    font-size:13px;
    line-height:1.25;
    font-weight:800;

    white-space:nowrap;

    overflow:hidden;
    text-overflow:ellipsis;
}


.mc-account-shell
.mc-dashboard-device-copy small{
    min-width:0;

    display:flex;

    align-items:center;

    gap:5px;

    margin:0;

    color:#788ba1;

    font-size:11px;
    line-height:1.25;
    font-weight:500;

    white-space:nowrap;

    overflow:hidden;
    text-overflow:ellipsis;
}


.mc-account-shell
.mc-dashboard-device-copy small i{
    width:5px;
    height:5px;

    flex:none;

    display:block;

    border-radius:50%;

    background:#9caebe;
}


.mc-account-shell
.mc-dashboard-device-copy small.is-current{
    color:#00a96b;
}


.mc-account-shell
.mc-dashboard-device-copy small.is-current i{
    background:#00b978;
}


.mc-account-shell
.mc-dashboard-device-more{
    color:#71869c;

    font-size:17px;
    line-height:1;

    text-align:center;
}


.mc-account-shell
.mc-dashboard-device-empty{
    padding:
        15px 2px;

    color:#77899d;

    font-size:10px;
}


.mc-account-shell
.mc-account-devices
.mc-auth-session-loading{
    min-height:100px;

    display:flex;

    align-items:center;
    justify-content:center;

    gap:7px;

    color:#71849a;

    font-size:9px;
}



/* =========================================================
 * MEUS FAVORITOS V1
 * ========================================================= */

.mc-account-shell .mc-favorites-view{
    padding:0 !important;
}

.mc-fav-page{
    width:100%;
    min-width:0;
    color:#132238;
}

.mc-fav-hero{
    padding:17px 2px 9px;
}

.mc-fav-breadcrumb{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:8px;
    color:#8190a4;
    font-size:10px;
}

.mc-fav-breadcrumb button{
    padding:0;
    border:0;
    background:none;
    color:#71849b;
    font:inherit;
    cursor:pointer;
}

.mc-fav-breadcrumb strong{
    color:#26384c;
}

.mc-fav-hero-row{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;
}

.mc-fav-hero h1{
    margin:0;
    color:#101d2d;
    font-size:30px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.8px;
}

.mc-fav-hero p{
    margin:5px 0 0;
    color:#71849c;
    font-size:13px;
    line-height:1.45;
}

.mc-fav-quote{
    padding-top:5px;
    color:#71849d;
    font-size:9px;
    line-height:1.4;
    font-style:italic;
    text-align:right;
}


/* TABS */

.mc-fav-tabs{
    display:flex;
    align-items:stretch;
    gap:3px;
    min-height:49px;
    margin-top:5px;
    border-bottom:1px solid #dfe7ef;
}

.mc-fav-tabs button{
    position:relative;
    min-width:105px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 16px;
    border:0;
    background:transparent;
    color:#536b84;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}

.mc-fav-tabs button svg{
    width:17px;
    height:17px;
}

.mc-fav-tabs button > span{
    color:currentColor;
    font-size:17px;
    line-height:1;
}

.mc-fav-tabs button b{
    min-width:15px;
    height:15px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 4px;
    border-radius:99px;
    background:#edf2f6;
    color:#708299;
    font-size:11px;
    line-height:15px;
}

.mc-fav-tabs button.active{
    border-radius:7px 7px 0 0;
    background:#eafaf0;
    color:#08af55;
}

.mc-fav-tabs button.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:-1px;
    height:2px;
    background:#08ba5b;
}

.mc-fav-tabs button.active b{
    background:#d8f5e3;
    color:#08a950;
}


/* STATS */

.mc-fav-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:14px 0;
}

.mc-fav-stats article{
    min-width:0;
    min-height:75px;
    display:grid;
    grid-template-columns:36px 33px minmax(0,1fr);
    align-items:center;
    gap:4px;
    padding:10px 12px;
    border:1px solid #dce5ee;
    border-radius:8px;
    background:#fff;
}

.mc-fav-stats article > svg{
    width:27px;
    height:27px;
    color:#08b859;
}

.mc-fav-stat-heart{
    color:#08b859;
    font-size:27px;
    line-height:1;
    text-align:center;
}

.mc-fav-stats article > strong{
    color:#101e30;
    font-size:22px;
    line-height:1;
    font-weight:900;
}

.mc-fav-stats article p{
    min-width:0;
    margin:0;
    color:#506984;
    font-size:11px;
    line-height:1.25;
}

.mc-fav-stats article small{
    display:block;
    margin-top:2px;
    color:#8494a8;
    font-size:9px;
}


/* MAIN */

.mc-fav-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 245px;
    gap:13px;
    align-items:start;
}

.mc-fav-content,
.mc-fav-side{
    min-width:0;
}

.mc-fav-content,
.mc-fav-side{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.mc-fav-section,
.mc-fav-notification-settings,
.mc-fav-suggestions{
    border:1px solid #dce5ee;
    border-radius:8px;
    background:#fff;
}

.mc-fav-section{
    padding:14px;
}

.mc-fav-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    margin-bottom:12px;
}

.mc-fav-section-heading{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:8px;
}

.mc-fav-section-heading > svg{
    width:19px;
    height:19px;
    flex:none;
    margin-top:1px;
    color:#182b42;
}

.mc-fav-section-heading h2{
    margin:0;
    color:#101f31;
    font-size:14px;
    line-height:1.2;
    font-weight:900;
}

.mc-fav-section-heading p{
    margin:3px 0 0;
    color:#75879e;
    font-size:11px;
    line-height:1.35;
}

.mc-fav-section-head > button{
    flex:none;
    display:flex;
    align-items:center;
    gap:5px;
    padding:2px 0;
    border:0;
    background:none;
    color:#0878e8;
    font-size:11px;
    font-weight:800;
    cursor:pointer;
}


/* TEAM + COMPETITION */

.mc-fav-team-grid,
.mc-fav-competition-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:9px;
}

.mc-fav-team-card,
.mc-fav-competition-card{
    min-width:0;
    min-height:105px;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:10px 6px;
    border:1px solid #dde6ee;
    border-radius:7px;
    background:#fff;
    text-align:center;
}

.mc-fav-team-card img,
.mc-fav-competition-card img{
    width:47px;
    height:47px;
    display:block;
    margin-bottom:7px;
    object-fit:contain;
}

.mc-fav-team-card strong,
.mc-fav-competition-card strong{
    width:100%;
    overflow:hidden;
    color:#132438;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-fav-team-card small,
.mc-fav-competition-card small{
    width:100%;
    overflow:hidden;
    margin-top:4px;
    color:#7a8ba0;
    font-size:10px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-fav-remove{
    position:absolute;
    top:6px;
    right:6px;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    background:transparent;
    color:#0bb55b;
    font-size:15px;
    cursor:pointer;
}


/* MATCHES */

.mc-fav-match-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.mc-fav-match-card{
    min-width:0;
    padding:10px;
    border:1px solid #dde6ee;
    border-radius:11px;
    background:#fff;
}

.mc-fav-match-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-bottom:9px;
    color:#77899f;
    font-size:11px;
}

.mc-fav-match-league{
    min-width:0;
    display:flex;
    align-items:center;
    gap:5px;
}

.mc-fav-match-league img{
    width:14px;
    height:14px;
    flex:none;
    object-fit:contain;
}

.mc-fav-match-league span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-fav-match-teams{
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
    align-items:center;
    gap:6px;
}

.mc-fav-match-team{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
}

.mc-fav-match-team.is-away{
    flex-direction:row-reverse;
    text-align:right;
}

.mc-fav-match-team img{
    width:26px;
    height:26px;
    flex:none;
    object-fit:contain;
}

.mc-fav-match-team strong{
    min-width:0;
    overflow:hidden;
    color:#132337;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-fav-match-score{
    color:#101e30;
    font-size:12px;
    line-height:1.1;
    font-weight:900;
    text-align:center;
}

.mc-fav-match-score small{
    display:block;
    margin-top:3px;
    color:#76899f;
    font-size:8px;
    font-weight:600;
}


/* RIGHT */

.mc-fav-notification-settings,
.mc-fav-suggestions{
    padding:14px;
}

.mc-fav-notification-settings > header,
.mc-fav-suggestions > header{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-bottom:8px;
}

.mc-fav-notification-settings > header svg{
    width:20px;
    height:20px;
    flex:none;
    color:#172b42;
}

.mc-fav-suggestions > header > span{
    color:#ffad00;
    font-size:18px;
}

.mc-fav-notification-settings h3,
.mc-fav-suggestions h3{
    margin:0;
    color:#102033;
    font-size:14px;
    font-weight:900;
}

.mc-fav-notification-settings header p,
.mc-fav-suggestions header p{
    margin:3px 0 0;
    color:#77899f;
    font-size:11px;
}

.mc-fav-notification-settings > label{
    min-height:49px;
    display:flex;
    align-items:center;
    gap:8px;
    border-top:1px solid #edf1f5;
    cursor:pointer;
}

.mc-fav-notification-settings > label > span{
    min-width:0;
    flex:1;
}

.mc-fav-notification-settings label b{
    display:block;
    color:#17283d;
    font-size:13px;
}

.mc-fav-notification-settings label small{
    display:block;
    margin-top:2px;
    color:#8191a5;
    font-size:10px;
}

.mc-fav-notification-settings input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.mc-fav-notification-settings label > i{
    position:relative;
    width:28px;
    height:16px;
    flex:none;
    border-radius:99px;
    background:#cad5df;
    transition:.15s ease;
}

.mc-fav-notification-settings label > i::after{
    content:"";
    position:absolute;
    top:2px;
    left:2px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.14);
    transition:.15s ease;
}

.mc-fav-notification-settings input:checked + i{
    background:#08b95a;
}

.mc-fav-notification-settings input:checked + i::after{
    transform:translateX(12px);
}


/* SUGGESTIONS */

.mc-fav-suggestion-row{
    min-height:47px;
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 24px;
    align-items:center;
    gap:7px;
    border-top:1px solid #edf1f5;
}

.mc-fav-suggestion-row img{
    width:27px;
    height:27px;
    object-fit:contain;
}

.mc-fav-suggestion-row strong{
    display:block;
    overflow:hidden;
    color:#17273a;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-fav-suggestion-row small{
    display:block;
    margin-top:2px;
    color:#8090a4;
    font-size:11px;
}

.mc-fav-suggestion-row button{
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid #10bd61;
    border-radius:50%;
    background:#fff;
    color:#08ad55;
    font-size:14px;
    cursor:pointer;
}


/* DOWNLOAD */

.mc-fav-download{
    width:100%;
    max-height:130px;
    display:block;
    overflow:hidden;
    border-radius:8px;
    background:#07121b;
}

.mc-fav-download img{
    width:100%;
    height:130px;
    display:block;
    object-fit:cover;
}


/* STATES */

.mc-fav-loading,
.mc-fav-empty{
    grid-column:1 / -1;
    min-height:80px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#7a8ca1;
    font-size:8px;
}


/* FILTER */

.mc-fav-page[data-active-tab="teams"]
[data-mc-fav-section]:not([data-mc-fav-section="teams"]),
.mc-fav-page[data-active-tab="competitions"]
[data-mc-fav-section]:not([data-mc-fav-section="competitions"]),
.mc-fav-page[data-active-tab="matches"]
[data-mc-fav-section]:not([data-mc-fav-section="matches"]){
    display:none !important;
}


/* RESPONSIVE */

@media(max-width:1100px){

    .mc-fav-layout{
        grid-template-columns:minmax(0,1fr) 220px;
    }

    .mc-fav-team-grid,
    .mc-fav-competition-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }

}

@media(max-width:850px){

    .mc-fav-layout{
        grid-template-columns:1fr;
    }

    .mc-fav-side{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}

@media(max-width:650px){

    .mc-fav-hero-row{
        display:block;
    }

    .mc-fav-quote{
        display:none;
    }

    .mc-fav-hero h1{
        font-size:25px;
    }

    .mc-fav-tabs{
        overflow-x:auto;
        scrollbar-width:none;
    }

    .mc-fav-tabs::-webkit-scrollbar{
        display:none;
    }

    .mc-fav-tabs button{
        min-width:max-content;
        padding:0 13px;
    }

    .mc-fav-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mc-fav-team-grid,
    .mc-fav-competition-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .mc-fav-match-grid{
        grid-template-columns:1fr;
    }

    .mc-fav-side{
        display:flex;
    }

}



/* =========================================================
 * ACCOUNT MOBILE V2
 * ========================================================= */

@media (max-width: 767px) {

    /* ---------- PAGE ---------- */

    .mc-account-shell{
        width:100% !important;
        max-width:none !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        background:#f4f8fc !important;
    }

    .mc-account-app{
        width:100% !important;
        max-width:none !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
    }


    /* ---------- ACCOUNT SIDEBAR -> MOBILE PROFILE HEADER ---------- */

    .mc-account-sidebar{
        position:relative !important;
        top:auto !important;
        left:auto !important;

        width:100% !important;
        min-width:0 !important;
        height:auto !important;
        min-height:0 !important;

        display:block !important;

        padding:20px 0 0 !important;

        background:#00171f !important;
        overflow:hidden !important;
    }

    .mc-account-profile{
        min-height:225px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:flex-start !important;

        padding:2px 20px 18px !important;
        text-align:center !important;
    }

    .mc-account-avatar-wrap{
        margin:0 auto 10px !important;
    }

    .mc-account-avatar{
        width:88px !important;
        height:88px !important;
    }

    .mc-account-profile strong{
        margin-top:0 !important;
        font-size:17px !important;
        line-height:1.25 !important;
    }

    .mc-account-profile > span,
    .mc-account-profile [data-mc-auth-account-email]{
        margin-top:8px !important;
        font-size:10px !important;
    }

    .mc-account-pro-badge{
        margin-top:14px !important;
    }


    /* ---------- MOBILE NAV ---------- */

    .mc-account-nav{
        width:100% !important;
        display:flex !important;
        align-items:stretch !important;
        gap:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        border-top:1px solid rgba(255,255,255,.05) !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch;
    }

    .mc-account-nav::-webkit-scrollbar{
        display:none !important;
    }

    .mc-account-nav button{
        width:auto !important;
        min-width:max-content !important;
        height:52px !important;

        flex:0 0 auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:9px !important;

        margin:0 !important;
        padding:0 18px !important;

        border:0 !important;
        border-radius:0 !important;

        font-size:12px !important;
        white-space:nowrap !important;
    }

    .mc-account-nav button svg{
        width:19px !important;
        height:19px !important;
        flex:none !important;
    }

    .mc-account-nav button.active{
        border-left:3px solid #00df78 !important;
        border-bottom:3px solid #00df78 !important;
        background:rgba(0,214,112,.10) !important;
    }

    .mc-account-nav button.active::before,
    .mc-account-nav button.active::after{
        display:none !important;
    }


    /* hide desktop sidebar-only extras */

    .mc-account-sidebar > .mc-account-logout,
    .mc-account-sidebar > .mc-account-pro-card{
        display:none !important;
    }


    /* ---------- MAIN ---------- */

    .mc-account-main{
        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:18px 15px 28px !important;

        background:#f4f8fc !important;
    }

    .mc-account-view{
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
    }


    /* ---------- HEADING ---------- */

    .mc-account-heading{
        margin:0 0 18px !important;
        padding:0 !important;
    }

    .mc-account-heading h1{
        margin:0 !important;
        font-size:30px !important;
        line-height:1.05 !important;
        letter-spacing:-1px !important;
    }

    .mc-account-heading p{
        max-width:310px !important;
        margin:7px 0 0 !important;
        font-size:13px !important;
        line-height:1.55 !important;
    }


    /* ---------- WELCOME ---------- */

    .mc-account-welcome{
        width:100% !important;
        height:188px !important;
        min-height:188px !important;

        margin:0 0 15px !important;
        padding:20px !important;

        border-radius:9px !important;

        background-position:center !important;
        background-size:cover !important;

        overflow:hidden !important;
    }

    .mc-account-welcome h2{
        max-width:210px !important;
        font-size:17px !important;
        line-height:1.25 !important;
    }

    .mc-account-welcome p{
        max-width:180px !important;
        font-size:10px !important;
        line-height:1.45 !important;
    }


    /* ---------- DASHBOARD GRID ---------- */

    .mc-account-dashboard-grid,
    .mc-account-dashboard-columns,
    .mc-account-dashboard-main,
    .mc-account-dashboard-side{
        width:100% !important;
        min-width:0 !important;

        display:flex !important;
        flex-direction:column !important;

        grid-template-columns:none !important;
        gap:14px !important;
    }


    /* ---------- GENERIC CARD ---------- */

    .mc-account-card,
    .mc-account-notifications-card,
    .mc-account-devices-card{
        width:100% !important;
        min-width:0 !important;

        margin:0 !important;
        padding:15px !important;

        border-radius:8px !important;
        box-sizing:border-box !important;
    }

    .mc-account-card-head{
        min-height:34px !important;
        margin:0 0 10px !important;
        padding:0 !important;
    }

    .mc-account-card-head h2,
    .mc-account-card-head h3{
        font-size:13px !important;
    }


    /* ---------- ACTIVITY ---------- */

    .mc-account-activity-grid{
        width:100% !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:0 !important;

        overflow:hidden !important;
    }

    .mc-account-activity-item{
        min-width:0 !important;
        min-height:72px !important;

        padding:10px 8px !important;

        border-bottom:1px solid #e5edf4 !important;
    }

    .mc-account-activity-item:nth-last-child(-n+2){
        border-bottom:0 !important;
    }


    /* ---------- FAVORITE TEAM / COMPETITION ---------- */

    .mc-account-favorite-items,
    .mc-account-team-list,
    .mc-account-competition-list{
        width:100% !important;

        display:flex !important;
        flex-wrap:nowrap !important;
        gap:13px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        padding:1px 1px 5px !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch;
    }

    .mc-account-favorite-items::-webkit-scrollbar,
    .mc-account-team-list::-webkit-scrollbar,
    .mc-account-competition-list::-webkit-scrollbar{
        display:none !important;
    }

    .mc-account-team-item,
    .mc-account-competition-item{
        width:58px !important;
        min-width:58px !important;
        max-width:58px !important;

        flex:0 0 58px !important;
    }

    .mc-account-team-item img,
    .mc-account-competition-item img{
        width:48px !important;
        height:48px !important;

        margin:0 auto 6px !important;
        object-fit:contain !important;
    }

    .mc-account-team-item strong,
    .mc-account-competition-item strong{
        width:58px !important;

        display:block !important;

        overflow:hidden !important;

        font-size:9px !important;
        line-height:1.2 !important;

        text-align:center !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }


    /* ---------- MATCH CARDS ---------- */

    .mc-account-matches-card{
        width:100% !important;
        min-width:0 !important;
    }

    .mc-account-match-list{
        width:100% !important;
        min-width:0 !important;
    }

    .mc-account-match-row{
        width:100% !important;
        min-width:0 !important;

        display:grid !important;

        grid-template-columns:
            38px
            18px
            minmax(0,1fr)
            22px
            42px
            22px
            minmax(0,1fr)
        !important;

        align-items:center !important;

        gap:5px !important;

        padding:9px 0 !important;

        box-sizing:border-box !important;
    }

    .mc-account-match-date{
        width:34px !important;
        min-width:34px !important;
    }

    .mc-account-match-league-logo{
        width:16px !important;
        height:16px !important;
        object-fit:contain !important;
    }

    .mc-account-match-team-name{
        min-width:0 !important;

        overflow:hidden !important;

        font-size:8px !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .mc-account-match-team-logo{
        width:20px !important;
        height:20px !important;
        object-fit:contain !important;
    }

    .mc-account-match-center{
        min-width:0 !important;

        font-size:9px !important;
        font-weight:800 !important;

        text-align:center !important;
        white-space:nowrap !important;
    }


    /* ---------- NOTIFICATIONS ---------- */

    .mc-account-notifications-card{
        padding:15px !important;
    }

    .mc-account-notifications-card
    .mc-account-card-head{
        min-height:34px !important;
        padding:0 !important;
        margin:0 0 5px !important;
    }

    .mc-account-notifications-card
    .mc-account-placeholder-list{
        width:100% !important;
        padding:0 !important;
    }

    .mc-notification-row{
        width:100% !important;
        min-width:0 !important;

        display:grid !important;

        grid-template-columns:
            42px
            minmax(0,1fr)
            56px
            12px
        !important;

        gap:9px !important;

        padding:12px 0 !important;

        box-sizing:border-box !important;
    }

    .mc-notification-row.is-unread::before{
        left:-9px !important;
    }

    .mc-notification-icon{
        width:42px !important;
        height:42px !important;
    }

    .mc-notification-copy{
        min-width:0 !important;
    }

    .mc-notification-copy strong{
        width:100% !important;

        display:block !important;

        overflow:hidden !important;

        font-size:13px !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .mc-notification-copy small{
        width:100% !important;

        display:block !important;

        margin-top:3px !important;

        overflow:hidden !important;

        font-size:11px !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .mc-notification-row time{
        font-size:10px !important;
        white-space:nowrap !important;
        text-align:right !important;
    }

    .mc-notification-arrow{
        width:11px !important;
        height:11px !important;
    }


    /* ---------- QUICK SETTINGS ---------- */

    .mc-account-quick-settings{
        width:100% !important;
        min-width:0 !important;

        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;

        gap:10px !important;

        padding:0 !important;
    }

    .mc-account-quick-settings button{
        width:100% !important;
        min-width:0 !important;
        height:64px !important;

        display:grid !important;

        grid-template-columns:
            28px
            minmax(0,1fr)
            12px
        !important;

        align-items:center !important;

        gap:8px !important;

        margin:0 !important;
        padding:9px 10px !important;

        border-radius:8px !important;

        box-sizing:border-box !important;
    }

    .mc-account-quick-settings button svg{
        width:21px !important;
        height:21px !important;
    }

    .mc-account-quick-settings button > div{
        min-width:0 !important;
        text-align:left !important;
    }

    .mc-account-quick-settings button strong{
        display:block !important;

        overflow:hidden !important;

        font-size:9px !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .mc-account-quick-settings button small{
        display:block !important;

        margin-top:3px !important;

        overflow:hidden !important;

        font-size:7px !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }


    /* ---------- APK ---------- */

    .mc-account-download-card,
    .mc-account-apk-card{
        width:100% !important;
        min-width:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        border-radius:8px !important;
    }

    .mc-account-download-card img,
    .mc-account-apk-card img{
        width:100% !important;
        height:auto !important;

        display:block !important;

        object-fit:cover !important;
    }


    /* ---------- DEVICES ---------- */

    .mc-account-devices-card{
        min-height:160px !important;
    }

    .mc-account-devices-card
    [data-mc-auth-sessions]{
        width:100% !important;
        min-width:0 !important;
    }

    .mc-account-devices-card
    .mc-auth-sessions-header{
        display:none !important;
    }

    .mc-account-devices-card
    .mc-auth-session-group > h4{
        display:none !important;
    }

    .mc-account-devices-card
    .mc-auth-session-item{
        width:100% !important;
        min-width:0 !important;

        display:grid !important;

        grid-template-columns:
            38px
            minmax(0,1fr)
            18px
        !important;

        gap:9px !important;

        padding:11px 0 !important;
    }


    /* ---------- FAVORITES PAGE MOBILE ---------- */

    .mc-fav-layout{
        display:block !important;
    }

    .mc-fav-content,
    .mc-fav-side{
        width:100% !important;
    }

    .mc-fav-stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
        !important;
    }

    .mc-fav-team-grid,
    .mc-fav-competition-grid{
        display:flex !important;
        flex-wrap:nowrap !important;

        overflow-x:auto !important;

        gap:9px !important;

        scrollbar-width:none !important;
    }

    .mc-fav-team-card,
    .mc-fav-competition-card{
        min-width:112px !important;
        flex:0 0 112px !important;
    }

    .mc-fav-match-grid{
        grid-template-columns:1fr !important;
    }

}


/* EXTRA SMALL PHONE */

@media (max-width: 420px) {

    .mc-account-main{
        padding-left:15px !important;
        padding-right:15px !important;
    }

    .mc-account-nav button{
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .mc-account-quick-settings{
        grid-template-columns:1fr !important;
    }

    .mc-account-quick-settings button{
        height:62px !important;
    }

}


@media (max-width:420px){

    .mc-account-quick-settings{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
        !important;
    }

    .mc-account-quick-settings button{
        height:66px !important;
        padding:8px !important;
    }

    .mc-account-quick-settings button strong{
        font-size:8px !important;
    }

    .mc-account-quick-settings button small{
        font-size:6.5px !important;
    }

}



/* =========================================================
   FAVORITES MOBILE POLISH V2
   ========================================================= */

@media(max-width:767px){

    /* =====================================================
       1. APK -> NOTIFICATIONS SPACING
       ===================================================== */

    .mc-fav-download{
        width:100% !important;
        height:auto !important;
        max-height:none !important;

        display:block !important;

        margin:0 0 14px !important;

        overflow:hidden !important;

        border-radius:8px !important;

        background:transparent !important;
    }

    /*
     * IMPORTANT:
     * Don't crop the download artwork.
     * Let original aspect ratio control height.
     */
    .mc-fav-download img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        display:block !important;

        object-fit:contain !important;
        object-position:center !important;
    }


    /* right column starts after APK with clean spacing */

    .mc-fav-side{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        gap:14px !important;

        margin-top:0 !important;
    }

    .mc-fav-notification-settings{
        margin-top:0 !important;
    }


    /* =====================================================
       2. SUGGESTIONS ARROW - NO CIRCLE
       ===================================================== */

    .mc-fav-suggestion-row{
        grid-template-columns:
            30px
            minmax(0,1fr)
            20px
        !important;

        column-gap:9px !important;
    }

    .mc-fav-suggestion-row button{
        width:20px !important;
        min-width:20px !important;
        height:28px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        color:#00b85b !important;

        box-shadow:none !important;

        font-size:0 !important;
        line-height:1 !important;
    }

    .mc-fav-suggestion-row button:hover,
    .mc-fav-suggestion-row button:focus{
        border:0 !important;
        background:transparent !important;
        box-shadow:none !important;
    }

    .mc-fav-suggestion-row button::before{
        content:"";

        width:15px !important;
        height:15px !important;

        display:block !important;

        background-color:currentColor !important;

        -webkit-mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
            center / contain
            no-repeat !important;

        mask:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
            center / contain
            no-repeat !important;
    }


    /* suggestion box breathing room */

    .mc-fav-suggestions{
        padding:
            14px
            14px
            12px
        !important;
    }

    .mc-fav-suggestions > header{
        margin-bottom:5px !important;
    }

    .mc-fav-suggestion-row{
        min-height:52px !important;
    }

}


/* =========================================================
   DOWNLOAD ARTWORK - NEVER CROP
   DESKTOP + TABLET TOO
   ========================================================= */

.mc-fav-download{
    height:auto !important;
    max-height:none !important;
}

.mc-fav-download img{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    display:block !important;

    object-fit:contain !important;
    object-position:center center !important;
}



/* REAL SVG ARROW */

.mc-fav-suggestion-row button::before{
    display:none !important;
    content:none !important;
}

.mc-fav-suggestion-row button svg{
    width:16px !important;
    height:16px !important;

    display:block !important;

    color:#00b85b !important;
}



/* =========================================================
   FAVORITES FINAL HEADER + SUGGESTION ARROW FIX
   ========================================================= */


/* ---------------------------------------------------------
   1. REMOVE BREADCRUMB
   --------------------------------------------------------- */

.mc-favorites-view .mc-fav-breadcrumb{
    display:none !important;
}

.mc-favorites-view .mc-fav-hero{
    padding-top:18px !important;
}

.mc-favorites-view .mc-fav-hero-row{
    margin-top:0 !important;
}


/* ---------------------------------------------------------
   2. SUGGESTION ROW
   --------------------------------------------------------- */

.mc-favorites-view .mc-fav-suggestion-row{
    width:100% !important;
    min-width:0 !important;

    display:grid !important;

    grid-template-columns:
        32px
        minmax(0,1fr)
        18px
    !important;

    align-items:center !important;

    column-gap:9px !important;

    min-height:53px !important;

    padding:7px 0 !important;

    box-sizing:border-box !important;
}


/* team logo */

.mc-favorites-view
.mc-fav-suggestion-row > img{
    width:29px !important;
    height:29px !important;

    display:block !important;

    object-fit:contain !important;
}


/* text */

.mc-favorites-view
.mc-fav-suggestion-row > div{
    min-width:0 !important;
}

.mc-favorites-view
.mc-fav-suggestion-row strong{
    display:block !important;

    overflow:hidden !important;

    color:#142338 !important;

    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:800 !important;

    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.mc-favorites-view
.mc-fav-suggestion-row small{
    display:block !important;

    margin-top:3px !important;

    color:#8393a7 !important;

    font-size:11px !important;
    line-height:1.2 !important;
}


/* ---------------------------------------------------------
   REMOVE EVERY OLD CIRCLE/BUTTON STYLE
   --------------------------------------------------------- */

.mc-favorites-view
.mc-fav-suggestion-row > button{
    appearance:none !important;
    -webkit-appearance:none !important;

    position:static !important;

    width:18px !important;
    min-width:18px !important;
    max-width:18px !important;

    height:24px !important;
    min-height:0 !important;
    max-height:24px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    align-self:center !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    outline:0 !important;
    border-radius:0 !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    box-shadow:none !important;

    color:#00b85b !important;

    font-size:0 !important;
    line-height:0 !important;

    transform:none !important;

    cursor:pointer !important;
}


/* remove old pseudo arrows / circles */

.mc-favorites-view
.mc-fav-suggestion-row > button::before,
.mc-favorites-view
.mc-fav-suggestion-row > button::after{
    content:none !important;

    display:none !important;

    width:0 !important;
    height:0 !important;

    border:0 !important;
    background:none !important;

    box-shadow:none !important;
}


/* real SVG */

.mc-favorites-view
.mc-fav-suggestion-row > button svg{
    width:16px !important;
    height:16px !important;

    display:block !important;

    flex:none !important;

    overflow:visible !important;

    color:#00b85b !important;

    stroke:currentColor !important;

    pointer-events:none !important;
}


/* hover = only move arrow, no circle */

.mc-favorites-view
.mc-fav-suggestion-row > button:hover,
.mc-favorites-view
.mc-fav-suggestion-row > button:focus,
.mc-favorites-view
.mc-fav-suggestion-row > button:active{
    border:0 !important;

    border-radius:0 !important;

    background:transparent !important;

    box-shadow:none !important;

    color:#009d4d !important;
}

.mc-favorites-view
.mc-fav-suggestion-row > button:hover svg{
    transform:translateX(2px);
}


/* ---------------------------------------------------------
   SUGGESTION CARD SPACING
   --------------------------------------------------------- */

.mc-favorites-view .mc-fav-suggestions{
    overflow:hidden !important;

    padding:
        14px
        15px
        10px
    !important;
}

.mc-favorites-view
.mc-fav-suggestions > header{
    margin-bottom:5px !important;
}

.mc-favorites-view
.mc-fav-suggestions
[data-mc-fav-suggestions]{
    width:100% !important;
    min-width:0 !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:767px){

    .mc-favorites-view .mc-fav-hero{
        padding-top:5px !important;
    }

    .mc-favorites-view
    .mc-fav-suggestion-row{
        grid-template-columns:
            32px
            minmax(0,1fr)
            20px
        !important;

        min-height:54px !important;
    }

    .mc-favorites-view
    .mc-fav-suggestion-row > button{
        width:20px !important;
        min-width:20px !important;
        max-width:20px !important;
    }

    .mc-favorites-view
    .mc-fav-suggestion-row > button svg{
        width:17px !important;
        height:17px !important;
    }

}



/* =========================================================
   MEUS TIMES V1
   ========================================================= */

.mc-teams-view{
    padding:0 !important;
}

.mc-teams-page{
    width:100%;
    min-width:0;
    color:#102033;
}


/* HEADER */

.mc-teams-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:30px;

    padding:18px 2px 15px;
}

.mc-teams-header h1{
    margin:0;

    color:#101d2d;

    font-size:29px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.8px;
}

.mc-teams-header p{
    margin:6px 0 0;

    color:#71849c;

    font-size:13px;
    line-height:1.45;
}

.mc-teams-header-quote{
    padding-top:8px;

    color:#77899f;

    font-size:9px;
    line-height:1.4;
    font-style:italic;
    text-align:right;
}


/* HERO */

.mc-teams-hero{
    position:relative;

    min-height:155px;

    display:grid;

    grid-template-columns:
        minmax(260px,1fr)
        minmax(340px,.9fr);

    align-items:center;

    gap:30px;

    margin-bottom:27px;
    padding:22px 34px;

    overflow:hidden;

    border-radius:8px;

    background:
        radial-gradient(
            circle at 50% 120%,
            rgba(0,220,120,.16),
            transparent 37%
        ),
        linear-gradient(
            105deg,
            #03131c 0%,
            #071d26 55%,
            #03131c 100%
        );

    color:#fff;
}

.mc-teams-hero::before{
    content:"";

    position:absolute;

    left:44%;
    bottom:-72px;

    width:250px;
    height:250px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,234,126,.12),
            transparent 65%
        );

    pointer-events:none;
}

.mc-teams-hero-copy{
    position:relative;
    z-index:2;
}

.mc-teams-hero-copy strong{
    display:block;

    color:#fff;

    font-size:28px;
    line-height:.98;
    font-weight:900;
    font-style:italic;
}

.mc-teams-hero-copy strong span{
    display:block;

    margin-top:5px;

    color:#00e777;
}

.mc-teams-hero-copy p{
    max-width:270px;

    margin:12px 0 0;

    color:#d7e1e6;

    font-size:10px;
    line-height:1.5;
}

.mc-teams-hero-features{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:18px;
}

.mc-teams-hero-features > div{
    text-align:center;
}

.mc-teams-hero-features svg{
    width:30px;
    height:30px;

    margin-bottom:7px;

    color:#00e77b;
}

.mc-teams-hero-features span{
    display:block;

    color:#fff;

    font-size:9px;
    line-height:1.3;
    font-weight:700;
}


/* BLOCK */

.mc-teams-block{
    margin-bottom:25px;
}

.mc-teams-block-head{
    min-height:40px;

    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:15px;

    margin-bottom:11px;
}

.mc-teams-block-title{
    display:flex;
    align-items:flex-start;

    gap:9px;
}

.mc-teams-title-icon{
    width:24px;
    height:24px;

    flex:none;

    display:flex;
    align-items:center;
    justify-content:center;
}

.mc-teams-title-icon.is-star{
    color:#08bf5d;

    font-size:24px;
    line-height:1;
}

.mc-teams-title-icon.is-heart{
    color:#ff3370;

    font-size:24px;
    line-height:1;
}

.mc-teams-title-icon.is-trend{
    color:#1675f3;
}

.mc-teams-block-title h2{
    margin:0;

    color:#102033;

    font-size:14px;
    line-height:1.2;
    font-weight:900;
}

.mc-teams-block-title p{
    margin:3px 0 0;

    color:#7b8da2;

    font-size:11px;
    line-height:1.35;
}

.mc-teams-count{
    color:#7b8da2;

    font-size:8px;
    font-weight:700;
}


/* SMALL TEAM CARDS */

.mc-teams-slider-wrap{
    width:100%;
    min-width:0;
}

.mc-teams-small-grid{
    width:100%;

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:9px;
}

.mc-teams-small-card{
    position:relative;

    min-width:0;
    min-height:154px;

    display:flex;
    flex-direction:column;
    align-items:center;

    padding:14px 8px 10px;

    border:1px solid #dce5ee;
    border-radius:7px;

    background:#fff;

    text-align:center;
}

.mc-teams-small-card-logo{
    width:58px;
    height:58px;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:8px;
}

.mc-teams-small-card-logo img{
    width:100%;
    height:100%;

    object-fit:contain;
}

.mc-teams-small-card strong{
    width:100%;

    overflow:hidden;

    color:#102033;

    font-size:9px;
    line-height:1.25;
    font-weight:900;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-teams-small-card small{
    width:100%;

    margin-top:4px;

    overflow:hidden;

    color:#7c8ea3;

    font-size:7px;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-teams-small-card button{
    width:100%;
    height:25px;

    margin-top:auto;
    padding:0 7px;

    border:1px solid #05c766;
    border-radius:4px;

    background:#fff;

    color:#05ad58;

    font-size:8px;
    font-weight:800;

    cursor:pointer;
}

.mc-teams-small-card button.is-following{
    border-color:#dce6ed;

    background:#f3f7fa;

    color:#72869b;
}

.mc-teams-small-badge{
    position:absolute;

    top:8px;
    right:8px;

    color:#ffb000;

    font-size:12px;
}


/* FAVORITE TEAMS */

.mc-teams-favorite-grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:12px;
}

.mc-teams-favorite-card{
    position:relative;

    min-width:0;
    min-height:120px;

    display:grid;

    grid-template-columns:
        88px
        minmax(0,1fr)
        24px;

    align-items:center;

    gap:14px;

    padding:15px 18px;

    overflow:hidden;

    border:1px solid #dce5ee;
    border-radius:8px;

    background:
        linear-gradient(
            90deg,
            #fff 0%,
            #fff 48%,
            #f5f8fb 100%
        );
}

.mc-teams-favorite-card::after{
    content:"";

    position:absolute;

    top:-55px;
    right:-20px;

    width:190px;
    height:190px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,190,95,.08),
            transparent 67%
        );

    pointer-events:none;
}

.mc-teams-favorite-logo{
    position:relative;
    z-index:2;

    width:82px;
    height:82px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.mc-teams-favorite-logo img{
    width:100%;
    height:100%;

    object-fit:contain;
}

.mc-teams-favorite-copy{
    position:relative;
    z-index:2;

    min-width:0;
}

.mc-teams-favorite-copy strong{
    display:block;

    overflow:hidden;

    color:#102033;

    font-size:14px;
    line-height:1.2;
    font-weight:900;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.mc-teams-favorite-copy small{
    display:block;

    margin-top:6px;

    color:#72859c;

    font-size:8px;
}

.mc-teams-favorite-heart{
    position:relative;
    z-index:2;

    width:28px;
    height:28px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#e8fbf1;

    color:#08b85b;

    font-size:17px;
}

.mc-teams-favorite-card-link{
    position:absolute;
    inset:0;

    z-index:3;
}


/* DISCOVER */

.mc-teams-discover{
    position:relative;

    min-height:140px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:30px;

    padding:24px 30px;

    overflow:hidden;

    border-radius:8px;

    background:
        radial-gradient(
            circle at 70% 120%,
            rgba(0,220,120,.18),
            transparent 35%
        ),
        linear-gradient(
            110deg,
            #04131c,
            #071b25 55%,
            #03131b
        );

    color:#fff;
}

.mc-teams-discover-copy{
    position:relative;
    z-index:2;

    max-width:420px;
}

.mc-teams-discover h2{
    margin:0;

    color:#fff;

    font-size:18px;
    line-height:1.15;
    font-weight:900;
}

.mc-teams-discover p{
    margin:7px 0 15px;

    color:#d3dee4;

    font-size:9px;
    line-height:1.5;
}

.mc-teams-discover button{
    height:36px;

    display:inline-flex;
    align-items:center;

    gap:9px;

    padding:0 22px;

    border:0;
    border-radius:4px;

    background:#00c866;

    color:#fff;

    font-size:9px;
    font-weight:800;

    cursor:pointer;
}

.mc-teams-discover button svg{
    width:15px;
    height:15px;
}

.mc-teams-discover-art{
    position:relative;
    z-index:2;

    padding-right:25px;

    color:#fff;

    font-size:22px;
    line-height:.95;

    text-align:right;

    transform:rotate(-5deg);
}

.mc-teams-discover-art span,
.mc-teams-discover-art strong{
    display:block;
}

.mc-teams-discover-art strong{
    margin-top:6px;

    color:#9fb1bf;
}


/* STATES */

.mc-teams-loading,
.mc-teams-empty{
    grid-column:1 / -1;

    min-height:110px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#7d8fa3;

    font-size:9px;
}


/* MOBILE */

@media(max-width:767px){

    .mc-teams-header{
        padding:
            5px
            0
            15px;
    }

    .mc-teams-header h1{
        font-size:27px;
    }

    .mc-teams-header p{
        max-width:300px;

        font-size:13px;
    }

    .mc-teams-header-quote{
        display:none;
    }


    .mc-teams-hero{
        min-height:200px;

        display:flex;
        flex-direction:column;
        align-items:flex-start;

        gap:22px;

        padding:22px 20px;
    }

    .mc-teams-hero-copy strong{
        font-size:25px;
    }

    .mc-teams-hero-features{
        width:100%;

        gap:7px;
    }

    .mc-teams-hero-features svg{
        width:24px;
        height:24px;
    }

    .mc-teams-hero-features span{
        font-size:7px;
    }


    .mc-teams-small-grid{
        display:flex;

        gap:9px;

        overflow-x:auto;

        padding-bottom:5px;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .mc-teams-small-grid::-webkit-scrollbar{
        display:none;
    }

    .mc-teams-small-card{
        width:128px;
        min-width:128px;
        flex:0 0 128px;
    }


    .mc-teams-favorite-grid{
        grid-template-columns:1fr;

        gap:10px;
    }

    .mc-teams-favorite-card{
        min-height:102px;

        grid-template-columns:
            68px
            minmax(0,1fr)
            24px;

        padding:13px 15px;
    }

    .mc-teams-favorite-logo{
        width:62px;
        height:62px;
    }


    .mc-teams-discover{
        min-height:160px;

        padding:22px 20px;
    }

    .mc-teams-discover-copy{
        max-width:250px;
    }

    .mc-teams-discover-art{
        display:none;
    }

}



/* MEUS TIMES - VIEW ALL */

.mc-teams-view-all{
    display:inline-flex;
    align-items:center;
    gap:6px;

    margin-top:3px;

    color:#0877ed !important;

    font-size:8px;
    line-height:1;
    font-weight:800;

    text-decoration:none !important;

    white-space:nowrap;
}

.mc-teams-view-all svg{
    width:13px;
    height:13px;

    flex:none;

    transition:transform .18s ease;
}

.mc-teams-view-all:hover{
    color:#005fcb !important;
}

.mc-teams-view-all:hover svg{
    transform:translateX(2px);
}


@media(max-width:767px){

    .mc-teams-view-all{
        font-size:11px;
    }

}


/* MEUS TIMES - HERO IMAGE */
.mc-account-shell .mc-teams-hero{
    width:100% !important;
    min-height:0 !important;
    aspect-ratio:1500 / 240;
    padding:0 !important;
    display:block !important;

    background:
        url("/wp-content/uploads/multicanais/common/menustimes.png")
        center center / cover
        no-repeat !important;

    border-radius:8px;
    overflow:hidden;
}

.mc-account-shell .mc-teams-hero-copy,
.mc-account-shell .mc-teams-hero-features{
    display:none !important;
}

@media(max-width:767px){
    .mc-account-shell .mc-teams-hero{
        aspect-ratio:1500 / 240;
        min-height:0 !important;
        border-radius:7px;
        background-size:cover !important;
        background-position:center !important;
    }
}



/* =========================================================
   MEUS TIMES - REAL RECOMMENDATIONS
   ========================================================= */

.mc-teams-recommended-card{
    position:relative;
}

.mc-teams-recommended-card
.mc-teams-recommended-link{
    position:absolute;
    inset:0 0 38px;

    z-index:2;

    border-radius:7px;
}

.mc-teams-recommended-card
.mc-teams-recommend-follow{
    position:relative;
    z-index:4;

    width:100%;

    margin-top:auto;

    border:1px solid #00c967 !important;

    background:#fff !important;

    color:#00ad59 !important;

    font-weight:800 !important;

    cursor:pointer !important;
}

.mc-teams-recommended-card
.mc-teams-recommend-follow:hover{
    background:#00c967 !important;

    color:#fff !important;
}

/* V2 recommended cards don't need old star */
.mc-teams-recommended-card
.mc-teams-small-badge{
    display:none !important;
}



/* =========================================================
   MEUS TIMES - MOBILE V3
   Desktop untouched
   ========================================================= */

@media (max-width: 767px) {

    .mc-teams-page-head{
        margin-bottom:14px !important;
    }

    .mc-teams-page-head h1{
        margin:0 0 4px !important;
        font-size:27px !important;
        line-height:1.05 !important;
        letter-spacing:-.7px;
    }

    .mc-teams-page-head p{
        max-width:320px;
        margin:0 !important;

        font-size:11px !important;
        line-height:1.55 !important;
    }


    /* ---------- HERO ---------- */

    .mc-account-shell .mc-teams-hero{
        width:100% !important;

        /*
         * Mobile needs more height than desktop.
         * Use same menustimes.png.
         */
        aspect-ratio:auto !important;
        height:118px !important;

        margin:0 0 24px !important;
        padding:0 !important;

        background-image:
            url("/wp-content/uploads/multicanais/common/menustimes.png")
            !important;

        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;

        border-radius:10px !important;
    }


    /* ---------- SECTION ---------- */

    .mc-teams-block{
        margin-top:0 !important;
        margin-bottom:28px !important;
    }

    .mc-teams-block-head{
        display:flex !important;
        align-items:flex-start !important;
        justify-content:space-between !important;

        gap:10px !important;

        margin:0 2px 14px !important;
    }

    .mc-teams-block-title{
        display:flex !important;
        align-items:flex-start !important;
        gap:10px !important;

        min-width:0;
    }

    .mc-teams-block-title > svg{
        width:22px !important;
        height:22px !important;
        flex:0 0 22px !important;
    }

    .mc-teams-block-title h2{
        margin:0 0 3px !important;

        font-size:14px !important;
        line-height:1.15 !important;
    }

    .mc-teams-block-title p{
        margin:0 !important;

        font-size:11px !important;
        line-height:1.35 !important;
    }

    .mc-teams-view-all{
        margin-top:3px !important;

        font-size:11px !important;
        font-weight:800 !important;
    }

    .mc-teams-view-all svg{
        width:13px !important;
        height:13px !important;
    }


    /* =====================================================
       RECOMMENDED
       horizontal swipe
       ===================================================== */

    .mc-teams-slider-wrap{
        width:100% !important;

        overflow:visible !important;
    }

    .mc-teams-small-grid,
    [data-mc-teams-recommended]{
        display:flex !important;

        width:auto !important;

        gap:10px !important;

        padding:
            0 15px 6px
            0 !important;

        margin:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scroll-snap-type:x proximity;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;
    }

    .mc-teams-small-grid::-webkit-scrollbar,
    [data-mc-teams-recommended]::-webkit-scrollbar{
        display:none;
    }

    .mc-teams-small-card,
    .mc-teams-recommended-card{
        flex:
            0 0
            142px !important;

        width:142px !important;
        min-width:142px !important;

        min-height:184px !important;

        padding:
            14px 10px
            10px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        scroll-snap-align:start;

        border-radius:10px !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    .mc-teams-small-card-logo{
        width:68px !important;
        height:68px !important;

        margin:
            0 auto
            7px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .mc-teams-small-card-logo img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
    }

    .mc-teams-small-card strong{
        display:block !important;

        width:100% !important;

        margin:0 !important;

        overflow:hidden;

        font-size:12px !important;
        line-height:1.3 !important;
        font-weight:800 !important;

        text-align:center !important;

        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .mc-teams-small-card small{
        display:block !important;

        min-height:18px;

        margin:
            3px 0
            7px !important;

        font-size:10px !important;
        line-height:1.2 !important;

        text-align:center !important;
    }

    .mc-teams-recommend-follow{
        width:100% !important;
        height:30px !important;

        margin-top:auto !important;

        border-radius:5px !important;

        font-size:10px !important;
        line-height:28px !important;
    }


    /* =====================================================
       YOUR TEAMS
       ===================================================== */

    .mc-teams-all-head{
        margin-bottom:12px !important;
    }

    .mc-teams-all-count{
        padding-top:4px;

        font-size:9px !important;
    }

    .mc-teams-favorite-grid,
    [data-mc-teams-all]{
        display:grid !important;

        grid-template-columns:
            1fr !important;

        gap:10px !important;
    }

    .mc-teams-favorite-card{
        width:100% !important;
        min-height:94px !important;

        padding:
            11px 14px !important;

        display:grid !important;

        grid-template-columns:
            66px
            minmax(0,1fr)
            auto !important;

        align-items:center !important;

        gap:12px !important;

        border-radius:9px !important;

        box-sizing:border-box !important;
    }

    .mc-teams-favorite-card-logo{
        width:64px !important;
        height:64px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .mc-teams-favorite-card-logo img{
        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
    }

    .mc-teams-favorite-card-copy{
        min-width:0 !important;
    }

    .mc-teams-favorite-card-copy strong{
        display:block !important;

        margin-bottom:5px !important;

        overflow:hidden;

        color:#102034;

        font-size:14px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        white-space:nowrap;
        text-overflow:ellipsis;
    }

    .mc-teams-favorite-card-copy small{
        font-size:9px !important;
        line-height:1.2 !important;
    }


    /* right favorite state */

    .mc-teams-favorite-card-heart{
        display:flex !important;
        align-items:center !important;
        gap:6px !important;

        color:#00bd67 !important;
    }

    .mc-teams-favorite-card-heart::after{
        content:"Seguindo";

        color:#718096;

        font-size:12px;
        font-weight:500;
    }


    /* =====================================================
       DISCOVER BANNER
       ===================================================== */

    .mc-teams-discover{
        min-height:150px !important;

        margin-top:25px !important;

        padding:
            20px
            18px !important;

        border-radius:10px !important;

        background-position:
            58% center !important;

        overflow:hidden !important;
    }

    .mc-teams-discover-copy{
        position:relative;
        z-index:2;

        width:57% !important;
        max-width:none !important;
    }

    .mc-teams-discover h2{
        margin:
            0 0
            7px !important;

        font-size:19px !important;
        line-height:1.1 !important;
    }

    .mc-teams-discover p{
        margin:
            0 0
            12px !important;

        font-size:10px !important;
        line-height:1.45 !important;
    }

    .mc-teams-discover a{
        min-height:34px !important;

        padding:
            0 14px !important;

        font-size:11px !important;
    }

}



/* =========================================================
   MEUS TIMES MOBILE V4 - COMPACT
   ========================================================= */

@media(max-width:767px){

    /* TITLE */
    .mc-teams-header{
        padding:
            0 0
            11px !important;
    }

    .mc-teams-header h1{
        font-size:25px !important;
        line-height:1.05 !important;
    }

    .mc-teams-header p{
        margin-top:5px !important;

        font-size:13px !important;
        line-height:1.4 !important;
    }


    /* HERO - smaller */
    .mc-account-shell .mc-teams-hero{
        height:105px !important;

        margin:
            0 0
            18px !important;

        border-radius:8px !important;

        background-size:cover !important;
        background-position:center !important;
    }


    /* SECTION HEADER */
    .mc-teams-block{
        margin-bottom:22px !important;
    }

    .mc-teams-block-head{
        min-height:0 !important;

        margin:
            0 2px
            10px !important;
    }

    .mc-teams-block-title{
        gap:8px !important;
    }

    .mc-teams-title-icon{
        width:20px !important;
        height:20px !important;

        font-size:20px !important;
    }

    .mc-teams-block-title h2{
        font-size:14px !important;
        line-height:1.15 !important;
    }

    .mc-teams-block-title p{
        margin-top:2px !important;

        font-size:11px !important;
        line-height:1.3 !important;
    }

    .mc-teams-view-all{
        margin-top:2px !important;

        font-size:11px !important;
    }


    /* =====================================================
       RECOMMENDED CARDS
       ===================================================== */

    .mc-teams-small-grid,
    [data-mc-teams-recommended]{
        gap:8px !important;

        padding:
            0 12px 3px
            0 !important;
    }

    .mc-teams-small-card,
    .mc-teams-recommended-card{
        flex:
            0 0
            118px !important;

        width:118px !important;
        min-width:118px !important;

        min-height:151px !important;

        padding:
            10px 7px
            8px !important;

        border-radius:8px !important;
    }

    .mc-teams-small-card-logo{
        width:55px !important;
        height:55px !important;

        margin-bottom:5px !important;
    }

    .mc-teams-small-card strong{
        font-size:12px !important;
        line-height:1.2 !important;
    }

    .mc-teams-small-card small{
        min-height:13px !important;

        margin:
            2px 0
            5px !important;

        color:#70849c !important;

        font-size:10px !important;
    }

    .mc-teams-recommend-follow{
        height:25px !important;
        min-height:25px !important;

        margin-top:auto !important;

        padding:0 5px !important;

        font-size:12px !important;
        line-height:23px !important;

        border-radius:4px !important;
    }


    /* =====================================================
       SEUS TIMES
       change big rows -> compact horizontal cards
       ===================================================== */

    .mc-teams-yours{
        margin-top:2px !important;
    }

    .mc-teams-count{
        padding-top:2px !important;

        font-size:7px !important;
    }

    .mc-teams-favorite-grid{
        display:flex !important;

        grid-template-columns:none !important;

        gap:8px !important;

        width:auto !important;

        padding:
            0 12px 4px
            0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scroll-snap-type:x proximity;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .mc-teams-favorite-grid::-webkit-scrollbar{
        display:none;
    }

    .mc-teams-favorite-card{
        flex:
            0 0
            118px !important;

        width:118px !important;
        min-width:118px !important;

        min-height:145px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        gap:0 !important;

        padding:
            10px 7px
            8px !important;

        border-radius:8px !important;

        text-align:center !important;

        scroll-snap-align:start;
    }

    .mc-teams-favorite-logo{
        width:58px !important;
        height:58px !important;

        margin:
            0 auto
            5px !important;
    }

    .mc-teams-favorite-copy{
        width:100% !important;

        text-align:center !important;
    }

    .mc-teams-favorite-copy strong{
        width:100% !important;

        margin:0 !important;

        font-size:9px !important;
        line-height:1.2 !important;

        text-align:center !important;
    }

    .mc-teams-favorite-copy small{
        display:block !important;

        margin-top:3px !important;

        color:#71849b !important;

        font-size:7px !important;

        text-align:center !important;
    }


    /* heart becomes top-right star/heart */
    .mc-teams-favorite-heart{
        position:absolute !important;

        top:8px !important;
        right:8px !important;

        width:auto !important;
        height:auto !important;

        padding:0 !important;

        background:transparent !important;

        color:#00c96b !important;

        font-size:13px !important;
    }

    .mc-teams-favorite-card-heart::after,
    .mc-teams-favorite-heart::after{
        content:none !important;
        display:none !important;
    }


    /* =====================================================
       DISCOVER
       ===================================================== */

    .mc-teams-discover{
        min-height:125px !important;

        margin-top:18px !important;

        padding:
            16px
            15px !important;

        border-radius:8px !important;
    }

    .mc-teams-discover-copy{
        width:60% !important;
    }

    .mc-teams-discover h2{
        font-size:15px !important;
    }

    .mc-teams-discover p{
        margin:
            5px 0
            10px !important;

        font-size:11px !important;
        line-height:1.4 !important;
    }

    .mc-teams-discover button,
    .mc-teams-discover a{
        height:29px !important;
        min-height:29px !important;

        padding:
            0 13px !important;

        font-size:11px !important;
    }

}



/* =========================================================
   MEUS TIMES - MOBILE FINAL
   ========================================================= */

@media(max-width:767px){

    /* MOBILE HERO */
    .mc-account-shell .mc-teams-hero{
        width:100% !important;
        height:auto !important;
        aspect-ratio:2.55 / 1 !important;

        margin:0 0 18px !important;
        padding:0 !important;

        background-image:
            url("/wp-content/uploads/multicanais/common/menustimes-mobile.png")
            !important;

        background-size:100% 100% !important;
        background-position:center !important;
        background-repeat:no-repeat !important;

        border-radius:8px !important;
    }


    /* SEUS TIMES - COMPACT HORIZONTAL CARDS */

    .mc-teams-favorite-grid,
    [data-mc-teams-all]{
        display:flex !important;
        gap:8px !important;

        width:auto !important;

        padding:0 10px 4px 0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x proximity;
    }

    .mc-teams-favorite-grid::-webkit-scrollbar,
    [data-mc-teams-all]::-webkit-scrollbar{
        display:none;
    }


    .mc-teams-favorite-card{
        position:relative !important;

        flex:0 0 108px !important;

        width:108px !important;
        min-width:108px !important;
        min-height:142px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        gap:0 !important;

        padding:
            9px 7px
            7px !important;

        background:#fff !important;

        border:1px solid #dce5ee !important;
        border-radius:8px !important;

        text-align:center !important;

        box-sizing:border-box !important;

        scroll-snap-align:start;
    }


    /* TEAM LOGO */

    .mc-teams-favorite-logo,
    .mc-teams-favorite-card-logo{
        width:52px !important;
        height:52px !important;

        margin:
            0 auto
            4px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .mc-teams-favorite-logo img,
    .mc-teams-favorite-card-logo img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:contain !important;
    }


    /* TEAM NAME */

    .mc-teams-favorite-copy{
        width:100% !important;
        min-width:0 !important;

        text-align:center !important;
    }

    .mc-teams-favorite-copy strong{
        display:block !important;

        width:100% !important;

        margin:0 !important;

        overflow:hidden;

        color:#102033 !important;

        font-size:9px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        text-align:center !important;

        white-space:nowrap;
        text-overflow:ellipsis;
    }


    /* COUNTRY */

    .mc-teams-favorite-copy small{
        display:block !important;

        margin:
            3px 0
            5px !important;

        color:#6f839a !important;

        font-size:7px !important;
        line-height:1.15 !important;

        text-align:center !important;
    }


    /* GREEN FAVORITE STAR/HEART */

    .mc-teams-favorite-heart{
        position:absolute !important;

        top:6px !important;
        right:6px !important;

        width:14px !important;
        height:14px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:transparent !important;
        border:0 !important;

        color:#00c96b !important;

        font-size:12px !important;
        line-height:1 !important;
    }


    /* =====================================================
       SEGUINDO BUTTON
       ===================================================== */

    .mc-teams-favorite-card::after{
        content:"✓  Seguindo";

        width:100% !important;
        height:23px !important;

        margin-top:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        box-sizing:border-box !important;

        background:#fff !important;

        border:1px solid #d7e1eb !important;
        border-radius:4px !important;

        color:#8294aa !important;

        font-size:12px !important;
        line-height:1 !important;
        font-weight:700 !important;

        white-space:nowrap;
    }


    /* Remove previous generated Seguindo text */
    .mc-teams-favorite-card-heart::after,
    .mc-teams-favorite-heart::after{
        content:none !important;
        display:none !important;
    }

}



/* =========================================================
   MEUS TIMES MOBILE FINAL FIX
   ========================================================= */

@media(max-width:767px){

    /* =====================================================
       MOBILE HERO
       menustimes-mobile.png
       keep original proportion, DON'T STRETCH
       ===================================================== */

    .mc-account-shell .mc-teams-hero{
        width:100% !important;

        height:auto !important;
        min-height:0 !important;

        /*
         * mobile artwork ~ 640 x 140
         */
        aspect-ratio:640 / 140 !important;

        margin:
            0 0
            17px !important;

        padding:0 !important;

        background-image:
            url("/wp-content/uploads/multicanais/common/menustimes-mobile.png")
            !important;

        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;

        border-radius:8px !important;

        overflow:hidden !important;
    }

    .mc-teams-hero-copy,
    .mc-teams-hero-features{
        display:none !important;
    }


    /* =====================================================
       YOUR TEAM CARD
       ===================================================== */

    .mc-teams-favorite-card{
        position:relative !important;

        flex:
            0 0
            108px !important;

        width:108px !important;
        min-width:108px !important;

        height:151px !important;
        min-height:151px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;

        padding:
            9px 7px
            7px !important;

        gap:0 !important;

        background:#fff !important;

        border:
            1px solid
            #dce5ee !important;

        border-radius:8px !important;

        overflow:hidden !important;

        text-align:center !important;

        box-sizing:border-box !important;
    }


    /* logo */

    .mc-teams-favorite-logo{
        width:50px !important;
        height:50px !important;

        flex:
            0 0
            50px !important;

        margin:
            0 auto
            4px !important;

        position:relative !important;
        z-index:2 !important;
    }

    .mc-teams-favorite-logo img{
        width:100% !important;
        height:100% !important;

        display:block !important;

        object-fit:contain !important;
    }


    /* team text */

    .mc-teams-favorite-copy{
        width:100% !important;
        min-width:0 !important;

        position:relative !important;
        z-index:2 !important;

        text-align:center !important;
    }

    .mc-teams-favorite-copy strong{
        width:100% !important;

        display:block !important;

        margin:0 !important;

        overflow:hidden !important;

        color:#102033 !important;

        font-size:9px !important;
        line-height:1.2 !important;
        font-weight:800 !important;

        text-align:center !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    .mc-teams-favorite-copy small{
        width:100% !important;

        display:block !important;

        margin:
            3px 0
            5px !important;

        overflow:hidden !important;

        color:#6e829a !important;

        font-size:7px !important;
        line-height:1.15 !important;

        text-align:center !important;

        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }


    /* green favorite */

    .mc-teams-favorite-heart{
        position:absolute !important;

        top:6px !important;
        right:6px !important;

        z-index:5 !important;

        width:auto !important;
        height:auto !important;

        padding:0 !important;
        margin:0 !important;

        background:none !important;

        color:#00c86a !important;

        font-size:12px !important;
        line-height:1 !important;
    }


    /* =====================================================
       ✓ SEGUINDO
       IMPORTANT: reset old desktop ::after decoration
       ===================================================== */

    .mc-teams-favorite-card::after{
        content:"✓ Seguindo" !important;

        position:static !important;

        inset:auto !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        width:100% !important;
        height:23px !important;
        min-height:23px !important;

        flex:
            0 0
            23px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:
            auto 0 0 !important;

        padding:0 !important;

        box-sizing:border-box !important;

        border:
            1px solid
            #d4dee9 !important;

        border-radius:4px !important;

        background:#fff !important;

        color:#8192a7 !important;

        box-shadow:none !important;

        font-size:12px !important;
        line-height:1 !important;
        font-weight:700 !important;

        white-space:nowrap !important;

        opacity:1 !important;

        pointer-events:none !important;

        z-index:4 !important;
    }


    /* don't generate a second label */

    .mc-teams-favorite-heart::after{
        content:none !important;
        display:none !important;
    }


    /* invisible card link must not cover status */

    .mc-teams-favorite-card-link{
        z-index:3 !important;
    }

}



/* =========================================================
   MINHAS COMPETICOES V1
   ========================================================= */

.mc-competitions-page{
    width:100%;
    min-width:0;
}

.mc-competitions-header{
    display:flex;
    justify-content:space-between;
    gap:25px;

    padding:18px 2px 15px;
}

.mc-competitions-header h1{
    margin:0;

    color:#102033;

    font-size:29px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:-.8px;
}

.mc-competitions-header p{
    margin:6px 0 0;

    color:#71849c;

    font-size:13px;
}

.mc-competitions-quote{
    padding-top:7px;

    color:#75889f;

    font-size:9px;
    line-height:1.4;

    text-align:right;
    font-style:italic;
}


/* SAME IMAGE AS TEAMS */

.mc-competitions-hero{
    width:100%;

    aspect-ratio:1500 / 240;

    margin-bottom:25px;

    border-radius:8px;

    background:
        url("/wp-content/uploads/multicanais/common/menustimes.png")
        center / cover
        no-repeat;

    overflow:hidden;
}


/* BLOCK */

.mc-competitions-block{
    margin-bottom:26px;
}

.mc-competitions-block-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:12px;

    margin-bottom:11px;
}

.mc-competitions-block-title{
    display:flex;
    align-items:flex-start;

    gap:9px;
}

.mc-competitions-block-title h2{
    margin:0;

    color:#102033;

    font-size:14px;
    line-height:1.2;
    font-weight:900;
}

.mc-competitions-block-title p{
    margin:3px 0 0;

    color:#7a8da3;

    font-size:11px;
}

.mc-competitions-star,
.mc-competitions-heart{
    width:24px;
    flex:none;

    font-size:24px;
    line-height:1;
}

.mc-competitions-star{
    color:#00c467;
}

.mc-competitions-heart{
    color:#ff3472;
}

.mc-competitions-view-all{
    display:flex;
    align-items:center;

    gap:5px;

    margin-top:3px;

    color:#0877ed !important;

    font-size:8px;
    font-weight:800;

    text-decoration:none !important;
}

.mc-competitions-view-all svg{
    width:13px;
    height:13px;
}

.mc-competitions-count{
    color:#72859c;

    font-size:8px;
}


/* CARDS */

.mc-competitions-grid{
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:9px;
}

.mc-competition-user-card{
    position:relative;

    min-width:0;
    min-height:155px;

    display:flex;
    flex-direction:column;
    align-items:center;

    padding:13px 8px 9px;

    border:1px solid #dce5ee;
    border-radius:8px;

    background:#fff;

    text-align:center;
}

.mc-competition-user-card img{
    width:60px;
    height:60px;

    margin-bottom:8px;

    object-fit:contain;
}

.mc-competition-user-card strong{
    width:100%;

    overflow:hidden;

    color:#102033;

    font-size:12px;
    line-height:1.2;
    font-weight:900;

    white-space:nowrap;
    text-overflow:ellipsis;
}

.mc-competition-user-card small{
    width:100%;

    margin:4px 0 7px;

    overflow:hidden;

    color:#73879e;

    font-size:10px;

    white-space:nowrap;
    text-overflow:ellipsis;
}

.mc-competition-follow{
    width:100%;
    height:25px;

    margin-top:auto;

    border:1px solid #00c967;
    border-radius:4px;

    background:#fff;

    color:#00ad59;

    font-size:10px;
    font-weight:800;

    cursor:pointer;
}

.mc-competition-follow.is-following{
    border-color:#d6e1ea;

    color:#8294a7;

    cursor:default;
}

.mc-competition-fav{
    position:absolute;

    top:7px;
    right:7px;

    color:#00c96a;

    font-size:12px;
}


/* DISCOVER */

.mc-competitions-discover{
    min-height:135px;

    display:flex;
    align-items:center;

    padding:22px 28px;

    border-radius:8px;

    background:
        radial-gradient(
            circle at 70% 100%,
            rgba(0,215,110,.18),
            transparent 38%
        ),
        #031923;

    color:#fff !important;

    text-decoration:none !important;
}

.mc-competitions-discover h2{
    margin:0;

    color:#fff;

    font-size:18px;
    font-weight:900;
}

.mc-competitions-discover p{
    margin:6px 0 13px;

    color:#d4e0e7;

    font-size:11px;
}

.mc-competitions-discover span{
    display:inline-flex;

    padding:9px 17px;

    border-radius:4px;

    background:#00c96a;

    color:#fff;

    font-size:11px;
    font-weight:800;
}


/* STATES */

.mc-competitions-loading,
.mc-competitions-empty{
    grid-column:1 / -1;

    min-height:100px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#74879d;

    font-size:9px;
}


/* MOBILE */

@media(max-width:767px){

    .mc-competitions-header{
        padding:0 0 11px;
    }

    .mc-competitions-header h1{
        font-size:25px;
    }

    .mc-competitions-header p{
        font-size:13px;
        line-height:1.4;
    }

    .mc-competitions-quote{
        display:none;
    }


    .mc-competitions-hero{
        aspect-ratio:640 / 140;

        margin-bottom:18px;

        background-image:
            url("/wp-content/uploads/multicanais/common/menustimes-mobile.png");

        background-size:cover;
    }


    .mc-competitions-block{
        margin-bottom:22px;
    }

    .mc-competitions-block-head{
        margin-bottom:10px;
    }

    .mc-competitions-block-title{
        gap:8px;
    }

    .mc-competitions-block-title h2{
        font-size:14px;
    }

    .mc-competitions-block-title p{
        font-size:11px;
    }

    .mc-competitions-view-all{
        font-size:11px;
    }


    .mc-competitions-grid{
        display:flex;

        gap:8px;

        overflow-x:auto;
        overflow-y:hidden;

        padding:0 10px 4px 0;

        scrollbar-width:none;

        -webkit-overflow-scrolling:touch;
    }

    .mc-competitions-grid::-webkit-scrollbar{
        display:none;
    }


    .mc-competition-user-card{
        flex:0 0 108px;

        width:108px;
        min-width:108px;
        min-height:148px;

        padding:9px 7px 7px;
    }

    .mc-competition-user-card img{
        width:52px;
        height:52px;

        margin-bottom:5px;
    }

    .mc-competition-user-card strong{
        font-size:12px;
    }

    .mc-competition-user-card small{
        margin:3px 0 5px;

        font-size:10px;
    }

    .mc-competition-follow{
        height:23px;

        font-size:10px;
    }


    .mc-competitions-discover{
        min-height:120px;

        padding:16px 15px;
    }

    .mc-competitions-discover h2{
        font-size:15px;
    }

    .mc-competitions-discover p{
        font-size:11px;
    }

}



/* =========================================================
   MEUS JOGOS V2 - HARD RESET
   ========================================================= */

.mc-account-shell .mc-games-page{
    width:100% !important;
    min-width:0 !important;

    color:#102033 !important;

    font-family:inherit !important;
}


/* HEADER */

.mc-account-shell .mc-games-header{
    width:100% !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:30px !important;

    margin:0 !important;
    padding:18px 2px 15px !important;
}

.mc-account-shell .mc-games-header h1{
    margin:0 !important;

    color:#102033 !important;

    font-size:29px !important;
    line-height:1.05 !important;
    font-weight:900 !important;

    letter-spacing:-.8px !important;
}

.mc-account-shell .mc-games-header p{
    margin:6px 0 0 !important;

    color:#71849c !important;

    font-size:10px !important;
    line-height:1.45 !important;
}

.mc-account-shell .mc-games-quote{
    display:block !important;

    color:#75889f !important;

    font-size:9px !important;
    line-height:1.4 !important;

    text-align:right !important;
    font-style:italic !important;
}


/* HERO */

.mc-account-shell .mc-games-hero{
    width:100% !important;

    height:auto !important;
    min-height:0 !important;

    aspect-ratio:1500 / 240 !important;

    display:block !important;

    margin:
        0 0
        24px !important;

    padding:0 !important;

    border:0 !important;
    border-radius:8px !important;

    background-image:
        url("/wp-content/uploads/multicanais/common/menustimes.png")
        !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    overflow:hidden !important;
}


/* SECTIONS */

.mc-account-shell .mc-games-main,
.mc-account-shell .mc-games-team-section{
    width:100% !important;
    min-width:0 !important;

    margin:
        0 0
        27px !important;

    padding:0 !important;
}

.mc-account-shell .mc-games-section-head{
    width:100% !important;

    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:15px !important;

    margin:
        0 0
        12px !important;

    padding:0 !important;
}

.mc-account-shell .mc-games-section-title{
    display:flex !important;
    align-items:flex-start !important;

    gap:9px !important;
}

.mc-account-shell .mc-games-section-title h2{
    margin:0 !important;

    color:#102033 !important;

    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
}

.mc-account-shell .mc-games-section-title p{
    margin:3px 0 0 !important;

    color:#71849b !important;

    font-size:8px !important;
    line-height:1.35 !important;
}

.mc-account-shell .mc-games-ball,
.mc-account-shell .mc-games-heart{
    width:22px !important;

    flex:none !important;

    font-size:20px !important;
    line-height:1 !important;
}

.mc-account-shell .mc-games-heart{
    color:#ff3472 !important;
}

.mc-account-shell .mc-games-count{
    color:#71849b !important;

    font-size:8px !important;
}


/* FILTERS */

.mc-account-shell .mc-games-tabs{
    width:100% !important;

    display:flex !important;

    gap:7px !important;

    margin:
        0 0
        14px !important;

    padding:0 !important;
}

.mc-account-shell .mc-games-tabs button{
    width:auto !important;
    min-width:auto !important;
    height:31px !important;
    min-height:31px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:5px !important;

    margin:0 !important;

    padding:
        0 14px !important;

    border:
        1px solid
        #dce5ee !important;

    border-radius:6px !important;

    background:#fff !important;

    color:#62778f !important;

    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;

    box-shadow:none !important;

    cursor:pointer !important;
}

.mc-account-shell .mc-games-tabs button.active{
    border-color:#00c266 !important;

    background:#eafbf2 !important;

    color:#00a856 !important;
}

.mc-account-shell .mc-games-tabs button i{
    width:6px !important;
    height:6px !important;

    display:block !important;

    border-radius:50% !important;

    background:#00c768 !important;
}


/* DATE GROUP */

.mc-account-shell .mc-games-date-group{
    width:100% !important;

    margin:
        0 0
        12px !important;

    padding:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce5ee !important;

    border-radius:8px !important;

    background:#fff !important;
}

.mc-account-shell .mc-games-date-title{
    min-height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:
        0 13px !important;

    border-bottom:
        1px solid
        #e7edf3 !important;

    background:#f7fafc !important;
}

.mc-account-shell .mc-games-date-title strong{
    color:#102033 !important;

    font-size:9px !important;
    font-weight:900 !important;
}

.mc-account-shell .mc-games-date-title small{
    color:#75889e !important;

    font-size:7px !important;
}


/* =========================================================
   MATCH ROW
   ========================================================= */

.mc-account-shell .mc-games-row{
    position:relative !important;

    width:100% !important;
    min-width:0 !important;

    min-height:72px !important;

    display:grid !important;

    grid-template-columns:
        130px
        minmax(0,1fr)
        70px
        minmax(0,1fr)
        16px
    !important;

    align-items:center !important;

    gap:10px !important;

    margin:0 !important;

    padding:
        10px 13px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf1f5 !important;

    background:#fff !important;

    box-sizing:border-box !important;
}

.mc-account-shell .mc-games-row:last-child{
    border-bottom:0 !important;
}


/* LEAGUE */

.mc-account-shell .mc-games-competition{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}

.mc-account-shell .mc-games-competition img{
    width:24px !important;
    min-width:24px !important;
    max-width:24px !important;

    height:24px !important;
    min-height:24px !important;
    max-height:24px !important;

    margin:0 !important;

    display:block !important;

    object-fit:contain !important;
}

.mc-account-shell .mc-games-competition span{
    min-width:0 !important;

    overflow:hidden !important;

    color:#677b91 !important;

    font-size:7px !important;
    line-height:1.2 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* TEAM */

.mc-account-shell .mc-games-team{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:8px !important;
}

.mc-account-shell .mc-games-team.is-away{
    flex-direction:row-reverse !important;

    text-align:right !important;
}

.mc-account-shell .mc-games-team img{
    width:34px !important;
    min-width:34px !important;
    max-width:34px !important;

    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;

    margin:0 !important;
    padding:0 !important;

    display:block !important;

    object-fit:contain !important;

    transform:none !important;
}

.mc-account-shell .mc-games-team strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#102033 !important;

    font-size:9px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* SCORE / TIME */

.mc-account-shell .mc-games-center{
    min-width:0 !important;

    text-align:center !important;
}

.mc-account-shell .mc-games-center strong{
    display:block !important;

    color:#102033 !important;

    font-size:11px !important;
    line-height:1.1 !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}

.mc-account-shell .mc-games-center strong.is-live{
    color:#00b95d !important;
}

.mc-account-shell .mc-games-center small{
    display:block !important;

    margin-top:3px !important;

    color:#7b8da2 !important;

    font-size:6px !important;
    line-height:1.15 !important;

    white-space:nowrap !important;
}


/* ARROW */

.mc-account-shell .mc-games-arrow{
    width:14px !important;
    height:14px !important;

    color:#91a1b2 !important;
}


/* EMPTY */

.mc-account-shell .mc-games-loading,
.mc-account-shell .mc-games-empty{
    width:100% !important;

    min-height:100px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#71849b !important;

    font-size:9px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell .mc-games-header{
        padding:
            0 0
            11px !important;
    }

    .mc-account-shell .mc-games-header h1{
        font-size:25px !important;
    }

    .mc-account-shell .mc-games-header p{
        max-width:310px !important;

        font-size:9px !important;
    }

    .mc-account-shell .mc-games-quote{
        display:none !important;
    }


    /* MOBILE ART */

    .mc-account-shell .mc-games-hero{
        aspect-ratio:
            640 / 140 !important;

        margin-bottom:
            18px !important;

        background-image:
            url("/wp-content/uploads/multicanais/common/menustimes-mobile.png")
            !important;

        background-size:cover !important;
        background-position:center !important;
    }


    .mc-account-shell .mc-games-section-title h2{
        font-size:15px !important;
    }

    .mc-account-shell .mc-games-section-title p{
        font-size:7.5px !important;
    }


    /* TABS SCROLL */

    .mc-account-shell .mc-games-tabs{
        overflow-x:auto !important;

        padding-bottom:3px !important;

        scrollbar-width:none !important;
    }

    .mc-account-shell .mc-games-tabs::-webkit-scrollbar{
        display:none !important;
    }

    .mc-account-shell .mc-games-tabs button{
        flex:
            0 0
            auto !important;

        min-width:max-content !important;

        height:29px !important;
        min-height:29px !important;

        padding:
            0 11px !important;

        font-size:7px !important;
    }


    /* MOBILE MATCH */

    .mc-account-shell .mc-games-row{
        grid-template-columns:
            minmax(0,1fr)
            48px
            minmax(0,1fr)
            12px
        !important;

        grid-template-areas:
            "league league league league"
            "home score away arrow"
        !important;

        row-gap:8px !important;
        column-gap:5px !important;

        min-height:88px !important;

        padding:
            9px 10px !important;
    }

    .mc-account-shell .mc-games-competition{
        grid-area:league !important;
    }

    .mc-account-shell .mc-games-competition img{
        width:14px !important;
        min-width:14px !important;
        max-width:14px !important;

        height:14px !important;
        min-height:14px !important;
        max-height:14px !important;
    }

    .mc-account-shell .mc-games-competition span{
        font-size:6.5px !important;
    }


    .mc-account-shell .mc-games-team{
        grid-area:home !important;

        gap:5px !important;
    }

    .mc-account-shell .mc-games-team.is-away{
        grid-area:away !important;
    }

    .mc-account-shell .mc-games-team img{
        width:25px !important;
        min-width:25px !important;
        max-width:25px !important;

        height:25px !important;
        min-height:25px !important;
        max-height:25px !important;
    }

    .mc-account-shell .mc-games-team strong{
        font-size:7.5px !important;
    }


    .mc-account-shell .mc-games-center{
        grid-area:score !important;
    }

    .mc-account-shell .mc-games-center strong{
        font-size:9px !important;
    }

    .mc-account-shell .mc-games-center small{
        font-size:5.5px !important;
    }


    .mc-account-shell .mc-games-arrow{
        grid-area:arrow !important;

        width:11px !important;
        height:11px !important;
    }

}



/* =========================================================
   MEUS JOGOS V3
   MATCH CENTER CARD DESIGN
   ========================================================= */

.mc-account-shell .mc-games-page{
    color:#102033 !important;
}


/* ---------------------------------------------------------
   SECTION
   --------------------------------------------------------- */

.mc-account-shell .mc-games-main,
.mc-account-shell .mc-games-team-section{
    margin-bottom:30px !important;
}

.mc-account-shell .mc-games-section-head{
    margin-bottom:12px !important;
}

.mc-account-shell .mc-games-section-title h2{
    font-size:17px !important;
}

.mc-account-shell .mc-games-section-title p{
    margin-top:3px !important;
    font-size:8px !important;
}


/* ---------------------------------------------------------
   FILTERS
   --------------------------------------------------------- */

.mc-account-shell .mc-games-tabs{
    gap:7px !important;
    margin-bottom:16px !important;
}

.mc-account-shell .mc-games-tabs button{
    height:32px !important;
    min-height:32px !important;

    padding:0 15px !important;

    border-radius:7px !important;

    font-size:8px !important;
}

.mc-account-shell .mc-games-tabs button.active{
    border-color:#00c568 !important;
    background:#e9fbf1 !important;
    color:#00a958 !important;
}


/* =========================================================
   DATE GROUPS = CARDS
   ========================================================= */

.mc-account-shell .mc-games-groups{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr))
    !important;

    gap:12px !important;

    width:100% !important;
}


.mc-account-shell .mc-games-date-group{
    width:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce5ee !important;

    border-radius:10px !important;

    background:#fff !important;

    box-shadow:
        0 2px 8px
        rgba(20,44,70,.025)
    !important;
}


/* date heading */

.mc-account-shell .mc-games-date-title{
    min-height:39px !important;

    padding:
        0 13px !important;

    background:#f7fafc !important;

    border-bottom:
        1px solid
        #e7edf3 !important;
}

.mc-account-shell .mc-games-date-title strong{
    color:#14263a !important;

    font-size:9px !important;
    font-weight:900 !important;

    letter-spacing:.15px !important;
}

.mc-account-shell .mc-games-date-title small{
    color:#8091a5 !important;

    font-size:7px !important;
}


/* =========================================================
   MATCH ROW
   compact game card
   ========================================================= */

.mc-account-shell .mc-games-row{
    position:relative !important;

    width:100% !important;
    min-width:0 !important;

    min-height:104px !important;

    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        68px
        minmax(0,1fr)
    !important;

    grid-template-areas:
        "league league league"
        "home score away"
    !important;

    align-items:center !important;

    row-gap:10px !important;
    column-gap:8px !important;

    margin:0 !important;

    padding:
        12px 14px
        14px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf1f5 !important;

    background:#fff !important;

    box-sizing:border-box !important;
}

.mc-account-shell
.mc-games-row:last-child{
    border-bottom:0 !important;
}


/* ---------------------------------------------------------
   LEAGUE
   --------------------------------------------------------- */

.mc-account-shell
.mc-games-competition{
    grid-area:league !important;

    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:6px !important;

    padding-bottom:2px !important;
}

.mc-account-shell
.mc-games-competition img{
    width:17px !important;
    min-width:17px !important;
    max-width:17px !important;

    height:17px !important;
    min-height:17px !important;
    max-height:17px !important;

    margin:0 !important;

    object-fit:contain !important;
}

.mc-account-shell
.mc-games-competition span{
    min-width:0 !important;

    overflow:hidden !important;

    color:#6f8399 !important;

    font-size:7px !important;
    font-weight:700 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* ---------------------------------------------------------
   TEAMS
   --------------------------------------------------------- */

.mc-account-shell .mc-games-team{
    grid-area:home !important;

    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    text-align:center !important;
}

.mc-account-shell
.mc-games-team.is-away{
    grid-area:away !important;

    flex-direction:column !important;

    text-align:center !important;
}

.mc-account-shell
.mc-games-team img{
    width:39px !important;
    min-width:39px !important;
    max-width:39px !important;

    height:39px !important;
    min-height:39px !important;
    max-height:39px !important;

    margin:0 !important;

    object-fit:contain !important;

    transform:none !important;
}

.mc-account-shell
.mc-games-team strong{
    width:100% !important;
    min-width:0 !important;

    overflow:hidden !important;

    color:#15253a !important;

    font-size:8.5px !important;
    line-height:1.2 !important;
    font-weight:800 !important;

    text-align:center !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* ---------------------------------------------------------
   TIME / SCORE
   --------------------------------------------------------- */

.mc-account-shell
.mc-games-center{
    grid-area:score !important;

    align-self:center !important;

    text-align:center !important;
}

.mc-account-shell
.mc-games-center strong{
    display:block !important;

    color:#102033 !important;

    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}

.mc-account-shell
.mc-games-center strong.is-live{
    color:#00b95f !important;
}

.mc-account-shell
.mc-games-center small{
    display:block !important;

    margin-top:5px !important;

    color:#8192a5 !important;

    font-size:5.8px !important;
    line-height:1.2 !important;

    white-space:normal !important;
}


/* remove useless side arrow in desktop card */

.mc-account-shell .mc-games-arrow{
    display:none !important;
}


/* subtle hover */

.mc-account-shell
.mc-games-row:hover{
    background:#fbfdff !important;
}


/* ---------------------------------------------------------
   SECOND SECTION
   --------------------------------------------------------- */

.mc-account-shell
.mc-games-team-section{
    margin-top:4px !important;
}


/* =========================================================
   EMPTY
   ========================================================= */

.mc-account-shell
.mc-games-empty{
    grid-column:1 / -1 !important;

    min-height:120px !important;

    border:
        1px dashed
        #d9e3ec !important;

    border-radius:9px !important;

    background:#fff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-games-groups{
        grid-template-columns:
            1fr
        !important;

        gap:10px !important;
    }


    .mc-account-shell
    .mc-games-date-group{
        border-radius:8px !important;
    }


    .mc-account-shell
    .mc-games-date-title{
        min-height:35px !important;

        padding:
            0 10px !important;
    }


    .mc-account-shell
    .mc-games-row{
        min-height:98px !important;

        grid-template-columns:
            minmax(0,1fr)
            58px
            minmax(0,1fr)
        !important;

        grid-template-areas:
            "league league league"
            "home score away"
        !important;

        row-gap:8px !important;
        column-gap:5px !important;

        padding:
            10px
            9px
            12px
        !important;
    }


    .mc-account-shell
    .mc-games-team img{
        width:34px !important;
        min-width:34px !important;
        max-width:34px !important;

        height:34px !important;
        min-height:34px !important;
        max-height:34px !important;
    }


    .mc-account-shell
    .mc-games-team strong{
        font-size:7.5px !important;
    }


    .mc-account-shell
    .mc-games-center strong{
        font-size:11px !important;
    }


    .mc-account-shell
    .mc-games-center small{
        margin-top:4px !important;

        font-size:5.3px !important;
    }


    .mc-account-shell
    .mc-games-competition img{
        width:14px !important;
        min-width:14px !important;
        max-width:14px !important;

        height:14px !important;
        min-height:14px !important;
        max-height:14px !important;
    }


    .mc-account-shell
    .mc-games-competition span{
        font-size:6.5px !important;
    }

}


/* FAVORITE COMPETITION MATCHES */
.mc-account-shell
.mc-games-competition-section{
    width:100% !important;

    margin:
        0 0
        28px !important;
}

.mc-account-shell
.mc-games-trophy{
    width:22px !important;

    flex:none !important;

    font-size:19px !important;
    line-height:1 !important;
}



/* =========================================================
   FAVORITES CLICKABLE ENTITY CARDS
   ========================================================= */

.mc-account-shell .mc-fav-team-card[data-mc-fav-slug],
.mc-account-shell .mc-fav-competition-card[data-mc-fav-slug] {
    cursor: pointer;
    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.mc-account-shell .mc-fav-team-card[data-mc-fav-slug]:hover,
.mc-account-shell .mc-fav-competition-card[data-mc-fav-slug]:hover {
    border-color: #b9cbdc;
    box-shadow:
        0 5px 16px
        rgba(15, 35, 55, .07);
    transform: translateY(-1px);
}

.mc-account-shell .mc-fav-team-card[data-mc-fav-slug]:focus-visible,
.mc-account-shell .mc-fav-competition-card[data-mc-fav-slug]:focus-visible {
    outline: 2px solid #00c96b;
    outline-offset: 2px;
}

.mc-account-shell .mc-fav-remove {
    position: relative;
    z-index: 3;
}


/* =========================================================
   CLICKABLE FAVORITE MATCH CARDS
   ========================================================= */

.mc-account-shell .mc-fav-match-card{
    position:relative !important;

    cursor:pointer;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}

.mc-account-shell
.mc-fav-match-card:hover{
    border-color:#b9cbdc !important;

    box-shadow:
        0 5px 16px
        rgba(15,35,55,.07);

    transform:translateY(-1px);
}

.mc-account-shell
.mc-fav-match-card-link{
    position:absolute;

    inset:0;

    z-index:5;

    display:block;

    border-radius:inherit;
}


/* keep text/logo under overlay but visible */

.mc-account-shell
.mc-fav-match-card > *:not(
    .mc-fav-match-card-link
){
    position:relative;
    z-index:1;
}


/* Meus Jogos already has overlay link */

.mc-account-shell
.mc-games-row{
    cursor:pointer;
}



/* =========================================================
   ACCOUNT - NOTIFICATIONS PAGE V1
   ========================================================= */

.mc-account-shell
.mc-notifications-page{
    width:100% !important;
    min-width:0 !important;

    padding:
        18px 2px
        32px !important;

    color:#102033 !important;
}


/* HEADER */

.mc-account-shell
.mc-notifications-page-header{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;

    margin:
        0 0
        20px !important;
}

.mc-account-shell
.mc-notifications-page-heading h1{
    margin:0 !important;

    color:#102033 !important;

    font-size:29px !important;
    line-height:1.05 !important;
    font-weight:900 !important;

    letter-spacing:-.8px !important;
}

.mc-account-shell
.mc-notifications-page-heading p{
    margin:
        7px 0
        0 !important;

    color:#75889d !important;

    font-size:10px !important;
    line-height:1.45 !important;
}


/* READ ALL */

.mc-account-shell
.mc-notifications-read-all{
    min-height:34px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    margin:0 !important;

    padding:
        0 13px !important;

    border:
        1px solid
        #d9e4ed !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#526b82 !important;

    font-size:8px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    box-shadow:none !important;
}

.mc-account-shell
.mc-notifications-read-all svg{
    width:14px !important;
    height:14px !important;

    flex:none !important;

    color:#00b963 !important;
}

.mc-account-shell
.mc-notifications-read-all:hover{
    border-color:#b9cbd9 !important;

    background:#f9fbfd !important;
}

.mc-account-shell
.mc-notifications-read-all:disabled{
    opacity:.45 !important;

    cursor:default !important;
}


/* =========================================================
   SUMMARY
   ========================================================= */

.mc-account-shell
.mc-notifications-summary{
    width:100% !important;

    min-height:67px !important;

    display:flex !important;
    align-items:center !important;

    gap:20px !important;

    margin:
        0 0
        14px !important;

    padding:
        11px 16px !important;

    border:
        1px solid
        #dce5ed !important;

    border-radius:9px !important;

    background:#fff !important;

    box-sizing:border-box !important;
}

.mc-account-shell
.mc-notifications-summary-item{
    display:flex !important;
    align-items:center !important;

    gap:9px !important;
}

.mc-account-shell
.mc-notifications-summary-icon{
    width:34px !important;
    height:34px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:none !important;

    border-radius:8px !important;

    background:#eef5ff !important;

    color:#4d7eb6 !important;
}

.mc-account-shell
.mc-notifications-summary-icon.is-unread{
    background:#eafbf2 !important;

    color:#00bd63 !important;
}

.mc-account-shell
.mc-notifications-summary-icon svg{
    width:17px !important;
    height:17px !important;
}

.mc-account-shell
.mc-notifications-summary-item > span:last-child{
    display:flex !important;
    flex-direction:column !important;

    gap:1px !important;
}

.mc-account-shell
.mc-notifications-summary-item strong{
    color:#102033 !important;

    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.mc-account-shell
.mc-notifications-summary-item small{
    color:#8293a5 !important;

    font-size:7px !important;
}

.mc-account-shell
.mc-notifications-summary-line{
    width:1px !important;
    height:30px !important;

    background:#e5ebf1 !important;
}


/* =========================================================
   FILTER
   ========================================================= */

.mc-account-shell
.mc-notifications-toolbar{
    display:flex !important;
    align-items:center !important;

    margin:
        0 0
        11px !important;
}

.mc-account-shell
.mc-notifications-filters{
    display:flex !important;

    gap:7px !important;
}

.mc-account-shell
.mc-notifications-filters button{
    min-width:0 !important;
    min-height:31px !important;

    display:inline-flex !important;
    align-items:center !important;

    gap:6px !important;

    margin:0 !important;

    padding:
        0 12px !important;

    border:
        1px solid
        #dce5ed !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#6d8197 !important;

    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;

    cursor:pointer !important;
}

.mc-account-shell
.mc-notifications-filters button span{
    min-width:17px !important;
    height:17px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:
        0 4px !important;

    border-radius:5px !important;

    background:#eef2f6 !important;

    color:#718399 !important;

    font-size:6px !important;
}

.mc-account-shell
.mc-notifications-filters button.active{
    border-color:#00c66a !important;

    background:#ebfbf3 !important;

    color:#00a95a !important;
}

.mc-account-shell
.mc-notifications-filters button.active span{
    background:#d6f6e5 !important;

    color:#009c52 !important;
}


/* =========================================================
   LIST CARD
   ========================================================= */

.mc-account-shell
.mc-notifications-list-card{
    width:100% !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce5ed !important;

    border-radius:9px !important;

    background:#fff !important;
}

.mc-account-shell
.mc-notifications-list-head{
    min-height:53px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:15px !important;

    padding:
        10px 14px !important;

    border-bottom:
        1px solid
        #e8edf2 !important;

    background:#f8fafc !important;
}

.mc-account-shell
.mc-notifications-list-head > div{
    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}

.mc-account-shell
.mc-notifications-list-head strong{
    color:#17283b !important;

    font-size:10px !important;
    font-weight:900 !important;
}

.mc-account-shell
.mc-notifications-list-head small{
    color:#8494a5 !important;

    font-size:7px !important;
}

.mc-account-shell
.mc-notifications-live-dot{
    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    color:#7b8da0 !important;

    font-size:6.5px !important;
    font-weight:700 !important;
}

.mc-account-shell
.mc-notifications-live-dot i{
    width:6px !important;
    height:6px !important;

    display:block !important;

    border-radius:50% !important;

    background:#00c66a !important;
}


/* =========================================================
   NOTIFICATION ROW
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row{
    position:relative !important;

    width:100% !important;
    min-width:0 !important;

    min-height:69px !important;

    display:grid !important;

    grid-template-columns:
        36px
        minmax(0,1fr)
        auto
        14px
    !important;

    align-items:center !important;

    gap:11px !important;

    margin:0 !important;

    padding:
        10px 14px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf1f4 !important;

    border-radius:0 !important;

    background:#fff !important;

    color:inherit !important;

    text-align:left !important;

    box-shadow:none !important;

    cursor:pointer !important;

    box-sizing:border-box !important;
}

.mc-account-shell
.mc-notifications-page-row:last-child{
    border-bottom:0 !important;
}

.mc-account-shell
.mc-notifications-page-row:hover{
    background:#f9fbfd !important;
}


/* UNREAD */

.mc-account-shell
.mc-notifications-page-row.is-unread{
    background:#fbfffd !important;
}

.mc-account-shell
.mc-notifications-page-row.is-unread:before{
    content:"";

    position:absolute !important;

    left:0 !important;
    top:0 !important;
    bottom:0 !important;

    width:3px !important;

    background:#00c66a !important;
}


/* ICON */

.mc-account-shell
.mc-notifications-page-icon{
    width:36px !important;
    height:36px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:none !important;

    border-radius:9px !important;

    background:#edf5ff !important;

    color:#4f7fb5 !important;
}

.mc-account-shell
.mc-notifications-page-icon svg{
    width:18px !important;
    height:18px !important;
}

.mc-account-shell
.mc-notifications-page-icon.is-match_finished{
    background:#ebfbf3 !important;

    color:#00ad5c !important;
}

.mc-account-shell
.mc-notifications-page-icon.is-match_starting{
    background:#fff4e5 !important;

    color:#e69217 !important;
}

.mc-account-shell
.mc-notifications-page-icon.is-lineup_confirmed{
    background:#f3edff !important;

    color:#7958c7 !important;
}


/* COPY */

.mc-account-shell
.mc-notifications-page-copy{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:3px !important;
}

.mc-account-shell
.mc-notifications-page-copy strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#17283b !important;

    font-size:9px !important;
    line-height:1.25 !important;
    font-weight:850 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.mc-account-shell
.mc-notifications-page-copy small{
    min-width:0 !important;

    overflow:hidden !important;

    color:#778a9f !important;

    font-size:7.5px !important;
    line-height:1.35 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.mc-account-shell
.mc-notifications-page-row.is-read
.mc-notifications-page-copy strong{
    font-weight:700 !important;
}


/* TIME */

.mc-account-shell
.mc-notifications-page-row time{
    min-width:58px !important;

    color:#8a9aaa !important;

    font-size:6.5px !important;

    text-align:right !important;

    white-space:nowrap !important;
}


/* ARROW */

.mc-account-shell
.mc-notifications-page-arrow{
    width:13px !important;
    height:13px !important;

    color:#a0adba !important;
}


/* STATES */

.mc-account-shell
.mc-notifications-page-loading,
.mc-account-shell
.mc-notifications-page-error{
    min-height:120px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:20px !important;

    color:#7b8da0 !important;

    font-size:8px !important;
}

.mc-account-shell
.mc-notifications-page-empty{
    min-height:180px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    padding:25px !important;

    text-align:center !important;
}

.mc-account-shell
.mc-notifications-page-empty > span{
    width:38px !important;
    height:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-bottom:3px !important;

    border-radius:10px !important;

    background:#f1f5f8 !important;

    color:#74889d !important;
}

.mc-account-shell
.mc-notifications-page-empty svg{
    width:19px !important;
    height:19px !important;
}

.mc-account-shell
.mc-notifications-page-empty strong{
    color:#24364a !important;

    font-size:9px !important;
}

.mc-account-shell
.mc-notifications-page-empty small{
    color:#8293a5 !important;

    font-size:7px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page{
        padding:
            14px 14px
            28px !important;
    }


    .mc-account-shell
    .mc-notifications-page-header{
        align-items:flex-start !important;

        margin-bottom:15px !important;
    }


    .mc-account-shell
    .mc-notifications-page-heading h1{
        font-size:24px !important;
    }


    .mc-account-shell
    .mc-notifications-page-heading p{
        max-width:230px !important;

        margin-top:5px !important;

        font-size:8px !important;
    }


    .mc-account-shell
    .mc-notifications-read-all{
        min-height:31px !important;

        padding:
            0 9px !important;

        font-size:0 !important;
    }

    .mc-account-shell
    .mc-notifications-read-all svg{
        width:15px !important;
        height:15px !important;
    }


    .mc-account-shell
    .mc-notifications-summary{
        min-height:58px !important;

        gap:13px !important;

        margin-bottom:11px !important;

        padding:
            9px 11px !important;
    }


    .mc-account-shell
    .mc-notifications-summary-icon{
        width:30px !important;
        height:30px !important;
    }


    .mc-account-shell
    .mc-notifications-summary-item strong{
        font-size:14px !important;
    }


    .mc-account-shell
    .mc-notifications-summary-item small{
        font-size:6.2px !important;
    }


    .mc-account-shell
    .mc-notifications-filters{
        width:100% !important;
    }


    .mc-account-shell
    .mc-notifications-filters button{
        flex:1 1 0 !important;

        justify-content:center !important;

        height:31px !important;

        padding:
            0 8px !important;

        font-size:7px !important;
    }


    .mc-account-shell
    .mc-notifications-list-head{
        min-height:48px !important;

        padding:
            9px 10px !important;
    }


    .mc-account-shell
    .mc-notifications-list-head strong{
        font-size:8.5px !important;
    }


    .mc-account-shell
    .mc-notifications-list-head small{
        max-width:210px !important;

        font-size:6px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row{
        min-height:65px !important;

        grid-template-columns:
            32px
            minmax(0,1fr)
            12px
        !important;

        gap:8px !important;

        padding:
            9px 9px !important;
    }


    .mc-account-shell
    .mc-notifications-page-icon{
        width:32px !important;
        height:32px !important;

        border-radius:8px !important;
    }


    .mc-account-shell
    .mc-notifications-page-icon svg{
        width:16px !important;
        height:16px !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy strong{
        font-size:7.7px !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy small{
        margin-top:1px !important;

        font-size:6.5px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        position:absolute !important;

        right:27px !important;
        top:10px !important;

        min-width:0 !important;

        font-size:5.7px !important;
    }


    .mc-account-shell
    .mc-notifications-page-arrow{
        grid-column:3 !important;

        width:11px !important;
        height:11px !important;
    }

}



/* =========================================================
   NOTIFICATIONS PAGE V2
   Compact Multicanais UI
   ========================================================= */

.mc-account-shell .mc-notifications-page{
    padding:18px 0 30px !important;
}


/* ---------- HEADER ---------- */

.mc-account-shell
.mc-notifications-page-header{
    margin:0 0 16px !important;
    padding:0 !important;
}

.mc-account-shell
.mc-notifications-page-heading h1{
    font-size:28px !important;
    line-height:1.05 !important;
    font-weight:900 !important;
    letter-spacing:-1px !important;
}

.mc-account-shell
.mc-notifications-page-heading p{
    margin-top:5px !important;
    font-size:9px !important;
    color:#71869b !important;
}


/* read all = icon + text desktop */

.mc-account-shell
.mc-notifications-read-all{
    height:34px !important;
    min-height:34px !important;
    padding:0 12px !important;
    border-radius:7px !important;
    border:1px solid #d7e2eb !important;
    background:#fff !important;
}


/* =========================================================
   REMOVE BIG SUMMARY LOOK
   ========================================================= */

.mc-account-shell
.mc-notifications-summary{
    min-height:0 !important;
    height:auto !important;

    display:flex !important;
    align-items:center !important;

    gap:18px !important;

    margin:0 0 13px !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
}

.mc-account-shell
.mc-notifications-summary-item{
    gap:6px !important;
}

.mc-account-shell
.mc-notifications-summary-icon{
    width:24px !important;
    height:24px !important;
    border-radius:6px !important;
}

.mc-account-shell
.mc-notifications-summary-icon svg{
    width:13px !important;
    height:13px !important;
}

.mc-account-shell
.mc-notifications-summary-item strong{
    font-size:12px !important;
}

.mc-account-shell
.mc-notifications-summary-item small{
    font-size:7px !important;
}

.mc-account-shell
.mc-notifications-summary-line{
    height:22px !important;
}


/* =========================================================
   FILTERS
   ========================================================= */

.mc-account-shell
.mc-notifications-toolbar{
    margin:0 0 12px !important;
    padding:0 !important;
}

.mc-account-shell
.mc-notifications-filters{
    gap:6px !important;
}

.mc-account-shell
.mc-notifications-filters button{
    min-height:30px !important;
    height:30px !important;

    padding:0 13px !important;

    border:1px solid #d7e2eb !important;
    border-radius:7px !important;

    font-size:7.5px !important;
    font-weight:800 !important;

    background:#fff !important;
}

.mc-account-shell
.mc-notifications-filters button.active{
    border-color:#00c96b !important;
    background:#effcf5 !important;
    color:#00a95a !important;
}

.mc-account-shell
.mc-notifications-filters button span{
    min-width:15px !important;
    height:15px !important;
    font-size:6px !important;
}


/* =========================================================
   LIST
   ========================================================= */

.mc-account-shell
.mc-notifications-list-card{
    border:1px solid #dbe5ed !important;
    border-radius:9px !important;
    overflow:hidden !important;
    background:#fff !important;
}


/* much smaller header */

.mc-account-shell
.mc-notifications-list-head{
    min-height:42px !important;
    height:42px !important;

    padding:7px 12px !important;

    background:#f8fafc !important;
}

.mc-account-shell
.mc-notifications-list-head strong{
    font-size:8.5px !important;
}

.mc-account-shell
.mc-notifications-list-head small{
    font-size:6px !important;
}

.mc-account-shell
.mc-notifications-live-dot{
    font-size:6px !important;
}


/* =========================================================
   ROW
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row{
    min-height:62px !important;

    grid-template-columns:
        34px
        minmax(0,1fr)
        68px
        12px !important;

    gap:9px !important;

    padding:8px 11px !important;

    border-bottom:1px solid #edf2f5 !important;
}

.mc-account-shell
.mc-notifications-page-row:hover{
    background:#f7fbf9 !important;
}

.mc-account-shell
.mc-notifications-page-row.is-unread{
    background:#f8fffb !important;
}

.mc-account-shell
.mc-notifications-page-row.is-unread:before{
    width:3px !important;
}


/* icon */

.mc-account-shell
.mc-notifications-page-icon{
    width:34px !important;
    height:34px !important;

    border-radius:8px !important;
}

.mc-account-shell
.mc-notifications-page-icon svg{
    width:17px !important;
    height:17px !important;
}


/* text */

.mc-account-shell
.mc-notifications-page-copy{
    gap:2px !important;
}

.mc-account-shell
.mc-notifications-page-copy strong{
    font-size:8.5px !important;
    line-height:1.3 !important;
}

.mc-account-shell
.mc-notifications-page-copy small{
    font-size:7px !important;
    line-height:1.35 !important;
}


/* time */

.mc-account-shell
.mc-notifications-page-row time{
    font-size:6.5px !important;
}


/* =========================================================
   LOADING
   ========================================================= */

.mc-account-shell
.mc-notifications-page-loading,
.mc-account-shell
.mc-notifications-page-error{
    min-height:90px !important;
}


/* =========================================================
   MOBILE — THIS IS THE IMPORTANT PART
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page{
        padding:
            14px 15px
            24px !important;
    }


    /* TITLE */

    .mc-account-shell
    .mc-notifications-page-header{
        align-items:center !important;

        margin-bottom:11px !important;
    }

    .mc-account-shell
    .mc-notifications-page-heading h1{
        font-size:24px !important;
        letter-spacing:-.7px !important;
    }

    .mc-account-shell
    .mc-notifications-page-heading p{
        max-width:none !important;

        margin-top:4px !important;

        font-size:7px !important;
    }


    /* MARK READ BUTTON */

    .mc-account-shell
    .mc-notifications-read-all{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        min-height:34px !important;

        padding:0 !important;

        border-radius:8px !important;
    }

    .mc-account-shell
    .mc-notifications-read-all span{
        display:none !important;
    }

    .mc-account-shell
    .mc-notifications-read-all svg{
        width:14px !important;
        height:14px !important;
    }


    /*
     * Summary becomes tiny text.
     * No giant white card.
     */

    .mc-account-shell
    .mc-notifications-summary{
        gap:14px !important;

        margin-bottom:10px !important;

        padding:0 1px !important;
    }

    .mc-account-shell
    .mc-notifications-summary-icon{
        display:none !important;
    }

    .mc-account-shell
    .mc-notifications-summary-item{
        gap:4px !important;
    }

    .mc-account-shell
    .mc-notifications-summary-item > span:last-child{
        display:flex !important;
        flex-direction:row !important;
        align-items:baseline !important;
        gap:4px !important;
    }

    .mc-account-shell
    .mc-notifications-summary-item strong{
        font-size:10px !important;
    }

    .mc-account-shell
    .mc-notifications-summary-item small{
        font-size:6.5px !important;
    }

    .mc-account-shell
    .mc-notifications-summary-line{
        height:12px !important;
    }


    /* FILTER */

    .mc-account-shell
    .mc-notifications-toolbar{
        margin-bottom:9px !important;
    }

    .mc-account-shell
    .mc-notifications-filters{
        width:auto !important;
    }

    .mc-account-shell
    .mc-notifications-filters button{
        flex:none !important;

        min-width:86px !important;

        height:29px !important;
        min-height:29px !important;

        padding:0 10px !important;

        font-size:6.5px !important;
    }


    /* CARD */

    .mc-account-shell
    .mc-notifications-list-card{
        border-radius:8px !important;
    }

    .mc-account-shell
    .mc-notifications-list-head{
        height:39px !important;
        min-height:39px !important;

        padding:6px 9px !important;
    }

    .mc-account-shell
    .mc-notifications-list-head strong{
        font-size:7.5px !important;
    }

    .mc-account-shell
    .mc-notifications-list-head small{
        font-size:5.5px !important;
    }

    .mc-account-shell
    .mc-notifications-live-dot{
        font-size:5.5px !important;
    }


    /*
     * Actual notification row:
     *
     * [icon] title                 time
     *        message                 >
     */

    .mc-account-shell
    .mc-notifications-page-row{
        min-height:58px !important;

        grid-template-columns:
            31px
            minmax(0,1fr)
            10px !important;

        gap:8px !important;

        padding:
            8px 8px !important;
    }

    .mc-account-shell
    .mc-notifications-page-icon{
        width:31px !important;
        height:31px !important;

        border-radius:7px !important;
    }

    .mc-account-shell
    .mc-notifications-page-icon svg{
        width:15px !important;
        height:15px !important;
    }

    .mc-account-shell
    .mc-notifications-page-copy{
        padding-right:42px !important;
    }

    .mc-account-shell
    .mc-notifications-page-copy strong{
        font-size:7.4px !important;
    }

    .mc-account-shell
    .mc-notifications-page-copy small{
        font-size:6.2px !important;

        white-space:normal !important;

        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
    }

    .mc-account-shell
    .mc-notifications-page-row time{
        position:absolute !important;

        right:25px !important;
        top:10px !important;

        font-size:5.5px !important;
    }

    .mc-account-shell
    .mc-notifications-page-arrow{
        width:10px !important;
        height:10px !important;
    }


    /* loading should not create giant blank area */

    .mc-account-shell
    .mc-notifications-page-loading,
    .mc-account-shell
    .mc-notifications-page-error{
        min-height:70px !important;

        padding:15px !important;

        font-size:7px !important;
    }

}




/* =========================================================
   MEUS JOGOS V3
   Reference-style compact match dashboard
   ========================================================= */


/* =========================================================
   MAIN PANEL
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]{
    padding:20px 22px 34px !important;
    background:#f4f8fc !important;
    color:#102033 !important;
}


/* =========================================================
   THREE MAIN MATCH BLOCKS
   ========================================================= */

.mc-account-shell
[data-mc-games-favorites],
.mc-account-shell
[data-mc-games-teams],
.mc-account-shell
[data-mc-games-competitions]{
    display:block !important;
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:#fff !important;

    border:1px solid #dce6ef !important;
    border-radius:9px !important;

    overflow:hidden !important;

    box-shadow:
        0 2px 8px
        rgba(22,43,65,.025) !important;
}


/*
 * If current page wraps these targets in sections,
 * give consistent spacing.
 */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
> *{
    box-sizing:border-box !important;
}


/* =========================================================
   DATE GROUPS
   Remove old separate card appearance.
   Everything becomes one continuous list.
   ========================================================= */

.mc-account-shell
.mc-games-date-group{
    width:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;
}

.mc-account-shell
.mc-games-date-group
+ .mc-games-date-group{
    border-top:1px solid #e9eff4 !important;
}


/* date separator */

.mc-account-shell
.mc-games-date-title{
    min-height:30px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    margin:0 !important;

    padding:6px 13px !important;

    border:0 !important;
    border-bottom:1px solid #edf2f6 !important;

    background:#f8fafc !important;
}

.mc-account-shell
.mc-games-date-title strong{
    color:#647a90 !important;

    font-size:8px !important;
    line-height:1 !important;
    font-weight:850 !important;

    letter-spacing:.35px !important;
}

.mc-account-shell
.mc-games-date-title small{
    color:#9aa9b7 !important;

    font-size:6.5px !important;
    line-height:1 !important;
}


/* =========================================================
   MATCH ROW
   desktop:
   League | Home | Time/Score | Away | Arrow
   ========================================================= */

.mc-account-shell
.mc-games-row{
    position:relative !important;

    width:100% !important;
    min-width:0 !important;

    min-height:53px !important;

    display:grid !important;

    grid-template-columns:
        minmax(135px,1.15fr)
        minmax(150px,1.25fr)
        78px
        minmax(150px,1.25fr)
        18px
    !important;

    align-items:center !important;

    gap:10px !important;

    margin:0 !important;

    padding:7px 12px !important;

    border:0 !important;
    border-bottom:1px solid #edf2f6 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    transition:
        background .15s ease,
        box-shadow .15s ease !important;

    box-sizing:border-box !important;
}

.mc-account-shell
.mc-games-row:last-child{
    border-bottom:0 !important;
}

.mc-account-shell
.mc-games-row:hover{
    background:#f8fbfd !important;
}


/* =========================================================
   COMPETITION
   ========================================================= */

.mc-account-shell
.mc-games-competition{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:8px !important;
}

.mc-account-shell
.mc-games-competition img{
    width:23px !important;
    height:23px !important;

    flex:0 0 23px !important;

    object-fit:contain !important;
}

.mc-account-shell
.mc-games-competition span{
    min-width:0 !important;

    overflow:hidden !important;

    color:#70859a !important;

    font-size:8px !important;
    line-height:1.15 !important;
    font-weight:650 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* =========================================================
   TEAM
   ========================================================= */

.mc-account-shell
.mc-games-team{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:8px !important;
}

.mc-account-shell
.mc-games-team.is-away{
    flex-direction:row !important;

    text-align:left !important;
}

.mc-account-shell
.mc-games-team img{
    width:28px !important;
    height:28px !important;

    flex:0 0 28px !important;

    object-fit:contain !important;
}

.mc-account-shell
.mc-games-team strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#182a3d !important;

    font-size:8.5px !important;
    line-height:1.15 !important;
    font-weight:850 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* =========================================================
   CENTER TIME / SCORE
   ========================================================= */

.mc-account-shell
.mc-games-center{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:2px !important;

    text-align:center !important;
}

.mc-account-shell
.mc-games-center strong{
    color:#17293d !important;

    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;

    white-space:nowrap !important;
}

.mc-account-shell
.mc-games-center strong.is-live{
    color:#00b961 !important;
}

.mc-account-shell
.mc-games-center small{
    max-width:78px !important;

    overflow:hidden !important;

    color:#93a2b2 !important;

    font-size:5.8px !important;
    line-height:1.15 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.mc-account-shell
.mc-games-arrow{
    width:13px !important;
    height:13px !important;

    color:#a1afbd !important;

    transition:
        color .15s ease,
        transform .15s ease !important;
}

.mc-account-shell
.mc-games-row:hover
.mc-games-arrow{
    color:#00ad5c !important;

    transform:translateX(2px) !important;
}


/* full row click */

.mc-account-shell
.mc-games-row-link{
    position:absolute !important;

    inset:0 !important;

    z-index:4 !important;

    display:block !important;
}


/* =========================================================
   EMPTY STATE
   ========================================================= */

.mc-account-shell
.mc-games-empty{
    min-height:76px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:15px !important;

    color:#8698a9 !important;

    font-size:8px !important;

    background:#fff !important;
}


/* =========================================================
   SECTION SPACING
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-favorites]{
    margin-bottom:14px !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-teams]{
    margin-bottom:14px !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-competitions]{
    margin-bottom:14px !important;
}


/* =========================================================
   FILTERS — support common existing match filter buttons
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
button[data-filter],
.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-filter],
.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-filter{
    min-height:35px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    margin:0 6px 12px 0 !important;

    padding:0 14px !important;

    border:1px solid #d9e4ed !important;
    border-radius:7px !important;

    background:#fff !important;

    color:#587087 !important;

    font-size:8px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
button[data-filter].active,
.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-filter].active,
.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-filter.active{
    border-color:#00c66a !important;

    background:#ecfbf4 !important;

    color:#00a859 !important;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media(min-width:1280px){

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]{
        padding:
            22px 24px
            36px !important;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1050px){

    .mc-account-shell
    .mc-games-row{
        grid-template-columns:
            110px
            minmax(130px,1fr)
            68px
            minmax(130px,1fr)
            14px
        !important;

        gap:7px !important;
    }

    .mc-account-shell
    .mc-games-competition span{
        max-width:82px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]{
        padding:
            14px 13px
            26px !important;
    }


    /* each block */

    .mc-account-shell
    [data-mc-games-favorites],
    .mc-account-shell
    [data-mc-games-teams],
    .mc-account-shell
    [data-mc-games-competitions]{
        border-radius:8px !important;
    }


    .mc-account-shell
    .mc-games-date-title{
        min-height:27px !important;

        padding:
            5px 8px !important;
    }

    .mc-account-shell
    .mc-games-date-title strong{
        font-size:6.7px !important;
    }

    .mc-account-shell
    .mc-games-date-title small{
        font-size:5.5px !important;
    }


    /*
     * mobile layout:
     *
     * league
     * home       score/time       away
     */

    .mc-account-shell
    .mc-games-row{
        min-height:68px !important;

        grid-template-columns:
            minmax(0,1fr)
            52px
            minmax(0,1fr)
            9px
        !important;

        grid-template-areas:
            "league league league arrow"
            "home center away arrow"
        !important;

        gap:
            5px 6px !important;

        padding:
            7px 8px !important;
    }


    .mc-account-shell
    .mc-games-competition{
        grid-area:league !important;

        gap:5px !important;
    }

    .mc-account-shell
    .mc-games-competition img{
        width:15px !important;
        height:15px !important;

        flex-basis:15px !important;
    }

    .mc-account-shell
    .mc-games-competition span{
        max-width:180px !important;

        font-size:6px !important;
    }


    .mc-account-shell
    .mc-games-team{
        grid-area:home !important;

        gap:5px !important;
    }

    .mc-account-shell
    .mc-games-team.is-away{
        grid-area:away !important;

        flex-direction:row-reverse !important;

        justify-content:flex-start !important;

        text-align:right !important;
    }

    .mc-account-shell
    .mc-games-team img{
        width:24px !important;
        height:24px !important;

        flex-basis:24px !important;
    }

    .mc-account-shell
    .mc-games-team strong{
        font-size:6.6px !important;
    }


    .mc-account-shell
    .mc-games-center{
        grid-area:center !important;
    }

    .mc-account-shell
    .mc-games-center strong{
        font-size:8px !important;
    }

    .mc-account-shell
    .mc-games-center small{
        display:none !important;
    }


    .mc-account-shell
    .mc-games-arrow{
        grid-area:arrow !important;

        width:9px !important;
        height:9px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    [data-mc-games-favorites],
    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    [data-mc-games-teams]{
        margin-bottom:10px !important;
    }

}




/* =========================================================
   MEUS JOGOS - REFERENCE FINAL
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"].mc-games-page{
    display:block !important;
    width:100% !important;
    max-width:none !important;

    padding:
        25px 28px
        36px !important;

    background:#f4f8fc !important;

    box-sizing:border-box !important;
}


/* hidden still must win */

.mc-account-shell
[data-mc-dashboard-panel="matches"][hidden]{
    display:none !important;
}


/* =========================================================
   TOP
   ========================================================= */

.mc-games-page-top{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:30px !important;

    margin-bottom:18px !important;
}


.mc-games-breadcrumb{
    display:flex !important;
    align-items:center !important;

    gap:8px !important;

    margin-bottom:6px !important;

    color:#8091a6 !important;

    font-size:9px !important;
}

.mc-games-breadcrumb b{
    color:#a8b5c3 !important;
}

.mc-games-breadcrumb strong{
    color:#17283b !important;
}


.mc-games-heading h1{
    margin:0 !important;

    color:#101e30 !important;

    font-size:29px !important;
    line-height:1.05 !important;

    font-weight:900 !important;

    letter-spacing:-1.2px !important;
}


.mc-games-heading > p{
    margin:
        6px 0
        0 !important;

    color:#667d97 !important;

    font-size:13px !important;
    line-height:1.35 !important;
}


.mc-games-quote{
    width:270px !important;
    min-height:75px !important;

    display:flex !important;
    align-items:flex-start !important;

    gap:14px !important;

    padding:
        14px 16px !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    box-sizing:border-box !important;
}


.mc-games-quote-ball{
    font-size:25px !important;
    line-height:1 !important;
}


.mc-games-quote > div{
    flex:1 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:7px !important;
}


.mc-games-quote em{
    color:#587399 !important;

    font-size:10px !important;
    line-height:1.35 !important;

    font-style:italic !important;
}


.mc-games-quote strong{
    align-self:flex-end !important;

    color:#11243a !important;

    font-size:8px !important;
}


/* =========================================================
   FILTERS
   ========================================================= */

.mc-games-main-filters{
    display:flex !important;
    align-items:center !important;

    gap:8px !important;

    margin-bottom:17px !important;

    overflow-x:auto !important;

    scrollbar-width:none !important;
}


.mc-games-main-filters::-webkit-scrollbar{
    display:none !important;
}


.mc-games-main-filters button{
    height:42px !important;

    min-width:126px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:
        0 14px !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#405d80 !important;

    box-shadow:
        0 1px 3px
        rgba(15,35,55,.02) !important;

    font-size:8px !important;
    font-weight:800 !important;

    cursor:pointer !important;
}


.mc-games-main-filters button svg{
    width:16px !important;
    height:16px !important;

    flex:none !important;
}


.mc-games-main-filters button b{
    min-width:19px !important;
    height:18px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:
        0 4px !important;

    border-radius:9px !important;

    background:#edf2f7 !important;

    color:#60778f !important;

    font-size:6.5px !important;
}


.mc-games-main-filters button i{
    width:6px !important;
    height:6px !important;

    border-radius:50% !important;

    background:#ff334f !important;
}


.mc-games-main-filters button.active{
    border-color:#00c968 !important;

    background:
        linear-gradient(
            180deg,
            #f3fff8 0%,
            #e9fbf2 100%
        ) !important;

    color:#00a958 !important;

    box-shadow:
        inset 0 -2px 0
        #00c968 !important;
}


.mc-games-main-filters
button.active b{
    background:#d8f7e7 !important;

    color:#009c52 !important;
}


/* =========================================================
   MAIN 2 COLUMNS
   ========================================================= */

.mc-games-dashboard-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        265px
    !important;

    gap:18px !important;

    align-items:start !important;
}


.mc-games-primary{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:14px !important;
}


/* =========================================================
   SECTION CARD
   ========================================================= */

.mc-games-section-card{
    position:relative !important;

    width:100% !important;

    margin:0 !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    overflow:hidden !important;

    box-shadow:
        0 2px 8px
        rgba(15,35,55,.025) !important;
}


.mc-games-section-card:before{
    content:"";

    position:absolute !important;

    left:0 !important;
    top:13px !important;

    width:3px !important;
    height:27px !important;

    border-radius:
        0 3px
        3px 0 !important;

    background:#00c96a !important;
}


.mc-games-section-card.is-teams:before{
    background:#3d8cff !important;
}


.mc-games-section-card.is-competitions:before{
    background:#f2a71b !important;
}


.mc-games-section-header{
    min-height:58px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;

    padding:
        9px 14px
        9px 18px !important;

    border-bottom:
        1px solid
        #e6edf3 !important;

    background:#fff !important;
}


.mc-games-section-heading{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:10px !important;
}


.mc-games-section-icon{
    width:28px !important;
    height:28px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:none !important;

    color:#00b85f !important;
}


.mc-games-section-icon.is-blue{
    color:#244c80 !important;
}


.mc-games-section-icon.is-gold{
    color:#e59a13 !important;
}


.mc-games-section-icon svg{
    width:24px !important;
    height:24px !important;
}


.mc-games-section-heading > div{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}


.mc-games-section-heading strong{
    color:#12253b !important;

    font-size:14px !important;
    line-height:1.15 !important;

    font-weight:900 !important;
}


.mc-games-section-heading small{
    color:#7589a1 !important;

    font-size:11px !important;
    line-height:1.25 !important;
}


.mc-games-section-link{
    display:inline-flex !important;
    align-items:center !important;

    gap:6px !important;

    flex:none !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#0877ec !important;

    font-size:7.5px !important;
    font-weight:800 !important;

    cursor:pointer !important;

    box-shadow:none !important;
}


.mc-games-section-link span{
    font-size:12px !important;
}


/* =========================================================
   IMPORTANT:
   reset old broken target CSS
   ========================================================= */

.mc-account-shell
.mc-games-section-list,
.mc-account-shell
[data-mc-games-favorites],
.mc-account-shell
[data-mc-games-teams],
.mc-account-shell
[data-mc-games-competitions]{
    width:100% !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    overflow:visible !important;
}


/* =========================================================
   MATCH ROW
   ========================================================= */

.mc-account-shell
.mc-games-row{
    position:relative !important;

    width:100% !important;

    min-height:52px !important;

    display:grid !important;

    grid-template-columns:
        54px
        minmax(125px,1fr)
        minmax(135px,1.25fr)
        74px
        minmax(135px,1.25fr)
        16px
    !important;

    align-items:center !important;

    gap:9px !important;

    margin:0 !important;

    padding:
        6px 13px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf2f6 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    box-sizing:border-box !important;

    cursor:pointer !important;

    transition:
        background .15s ease !important;
}


.mc-account-shell
.mc-games-row:last-child{
    border-bottom:0 !important;
}


.mc-account-shell
.mc-games-row:hover{
    background:#f8fbfd !important;
}


/* favorites like image 3: no left date */

.mc-games-section-card.is-favorites
.mc-games-row{
    grid-template-columns:
        minmax(135px,1fr)
        minmax(145px,1.25fr)
        76px
        minmax(145px,1.25fr)
        16px
    !important;
}


.mc-games-section-card.is-favorites
.mc-games-row-date{
    display:none !important;
}


/* DATE */

.mc-games-row-date{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;

    gap:0 !important;

    padding-left:3px !important;
}


.mc-games-row-date strong{
    color:#13253c !important;

    font-size:13px !important;
    line-height:1 !important;

    font-weight:900 !important;
}


.mc-games-row-date small{
    margin-top:1px !important;

    color:#506a87 !important;

    font-size:6.5px !important;

    font-weight:800 !important;
}


/* LEAGUE */

.mc-account-shell
.mc-games-competition{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}


.mc-account-shell
.mc-games-competition img{
    width:22px !important;
    height:22px !important;

    flex:0 0 22px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-games-competition span{
    min-width:0 !important;

    overflow:hidden !important;

    color:#617a96 !important;

    font-size:7.3px !important;

    font-weight:650 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* TEAM */

.mc-account-shell
.mc-games-team{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}


.mc-account-shell
.mc-games-team.is-away{
    flex-direction:row !important;
    text-align:left !important;
}


.mc-account-shell
.mc-games-team img{
    width:27px !important;
    height:27px !important;

    flex:0 0 27px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-games-team strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#15283f !important;

    font-size:8px !important;
    line-height:1.15 !important;

    font-weight:850 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* CENTER */

.mc-account-shell
.mc-games-center{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:2px !important;
}


.mc-account-shell
.mc-games-center strong{
    color:#14263d !important;

    font-size:9px !important;
    line-height:1 !important;

    font-weight:900 !important;
}


.mc-account-shell
.mc-games-center strong.is-live{
    color:#00b85f !important;
}


.mc-account-shell
.mc-games-center small{
    color:#8a9caf !important;

    font-size:5px !important;

    white-space:nowrap !important;
}


/* ARROW */

.mc-account-shell
.mc-games-arrow{
    width:12px !important;
    height:12px !important;

    color:#a4b1be !important;
}


.mc-account-shell
.mc-games-row:hover
.mc-games-arrow{
    color:#00b85f !important;
}


/* row overlay */

.mc-account-shell
.mc-games-row-link{
    position:absolute !important;

    inset:0 !important;

    z-index:5 !important;

    display:block !important;
}


/* empty */

.mc-games-empty,
.mc-games-loading{
    min-height:72px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#8192a5 !important;

    font-size:7px !important;
}


/* =========================================================
   RIGHT SIDEBAR
   ========================================================= */

.mc-games-sidebar{
    display:flex !important;
    flex-direction:column !important;

    gap:14px !important;
}


.mc-games-calendar-card,
.mc-games-side-links{
    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    overflow:hidden !important;
}


.mc-games-calendar-card > header,
.mc-games-side-links > header{
    min-height:43px !important;

    display:flex !important;
    align-items:center !important;

    padding:
        0 14px !important;

    border-bottom:
        1px solid
        #e7edf3 !important;
}


.mc-games-calendar-card > header strong,
.mc-games-side-links > header strong{
    color:#12243a !important;

    font-size:11px !important;
    font-weight:900 !important;
}


/* calendar */

.mc-games-calendar{
    padding:
        11px 12px
        14px !important;
}


.mc-games-calendar-week,
.mc-games-calendar-days{
    display:grid !important;

    grid-template-columns:
        repeat(7,1fr)
    !important;

    gap:5px !important;
}


.mc-games-calendar-week{
    margin-bottom:5px !important;
}


.mc-games-calendar-week span{
    color:#476181 !important;

    font-size:6px !important;

    font-weight:800 !important;

    text-align:center !important;
}


.mc-games-calendar-days button,
.mc-games-calendar-days > span{
    position:relative !important;

    width:26px !important;
    height:26px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    justify-self:center !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:50% !important;

    background:transparent !important;

    color:#273e5a !important;

    font-size:7px !important;

    box-shadow:none !important;
}


.mc-games-calendar-days button.is-today{
    background:#16c569 !important;
    color:#fff !important;

    font-weight:900 !important;
}


.mc-games-calendar-days button.has-game:not(.is-today):after{
    content:"";

    position:absolute !important;

    bottom:1px !important;
    left:50% !important;

    width:3px !important;
    height:3px !important;

    border-radius:50% !important;

    background:#18c66b !important;

    transform:
        translateX(-50%) !important;
}


/* side favorites shortcuts */

.mc-games-side-links button{
    width:100% !important;
    min-height:53px !important;

    display:grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        15px
    !important;

    align-items:center !important;

    gap:8px !important;

    margin:0 !important;

    padding:
        8px 12px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf2f5 !important;

    border-radius:0 !important;

    background:#fff !important;

    text-align:left !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.mc-games-side-links button:last-child{
    border-bottom:0 !important;
}


.mc-games-side-links button > span{
    font-size:19px !important;
}


.mc-games-side-links button > div{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}


.mc-games-side-links button strong{
    color:#192c42 !important;

    font-size:8px !important;
}


.mc-games-side-links button small{
    color:#7d8fa2 !important;

    font-size:6px !important;
}


.mc-games-side-links button > b{
    color:#0878ec !important;

    font-size:12px !important;
}


/* app */

.mc-games-app-banner{
    display:block !important;

    width:100% !important;

    overflow:hidden !important;

    border-radius:8px !important;

    background:#eefcf4 !important;
}


.mc-games-app-banner img{
    display:block !important;

    width:100% !important;
    height:auto !important;

    object-fit:contain !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1080px){

    .mc-games-dashboard-grid{
        grid-template-columns:
            minmax(0,1fr)
            220px
        !important;
    }


    .mc-account-shell
    .mc-games-row{
        grid-template-columns:
            45px
            105px
            minmax(105px,1fr)
            65px
            minmax(105px,1fr)
            12px
        !important;
    }


    .mc-games-section-card.is-favorites
    .mc-games-row{
        grid-template-columns:
            105px
            minmax(105px,1fr)
            65px
            minmax(105px,1fr)
            12px
        !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    [data-mc-dashboard-panel="matches"].mc-games-page{
        padding: 0px !important;
    }


    .mc-games-page-top{
        margin-bottom:14px !important;
    }


    .mc-games-breadcrumb,
    .mc-games-quote{
        display:none !important;
    }


    .mc-games-heading h1{
        font-size:25px !important;
    }


    .mc-games-heading > p{
        font-size:13px !important;
    }


    .mc-games-main-filters{
        gap:6px !important;

        margin-right:-13px !important;
        margin-bottom:13px !important;

        padding-right:13px !important;
    }


    .mc-games-main-filters button{
        min-width:auto !important;

        height:35px !important;

        padding:
            0 11px !important;

        font-size:7px !important;
    }


    .mc-games-main-filters button svg{
        width:13px !important;
        height:13px !important;
    }


    .mc-games-dashboard-grid{
        display:block !important;
    }


    .mc-games-sidebar{
        margin-top:14px !important;
    }


    .mc-games-calendar-card,
    .mc-games-side-links{
        display:none !important;
    }


    .mc-games-section-card{
        margin-bottom:11px !important;
    }


    .mc-games-section-header{
        min-height:53px !important;

        padding:
            8px 9px
            8px 13px !important;
    }


    .mc-games-section-heading{
        gap:7px !important;
    }


    .mc-games-section-icon{
        width:23px !important;
        height:23px !important;
    }


    .mc-games-section-icon svg{
        width:20px !important;
        height:20px !important;
    }


    .mc-games-section-heading strong{
        font-size:14px !important;
    }


    .mc-games-section-heading small{
        font-size:11px !important;
    }


    .mc-games-section-link{
        font-size:0 !important;
    }


    .mc-games-section-link span{
        font-size:12px !important;
    }


    .mc-account-shell
    .mc-games-row,
    .mc-games-section-card.is-favorites
    .mc-games-row{
        min-height:69px !important;

        grid-template-columns:
            1fr
            54px
            1fr
            9px
        !important;

        grid-template-areas:
            "league date date arrow"
            "home center away arrow"
        !important;

        gap:
            4px 6px !important;

        padding:
            7px 8px !important;
    }


    .mc-games-section-card.is-favorites
    .mc-games-row-date{
        display:flex !important;
    }


    .mc-games-row-date{
        grid-area:date !important;

        flex-direction:row !important;

        align-items:center !important;
        justify-content:flex-end !important;

        gap:2px !important;

        padding:0 !important;
    }


    .mc-games-row-date strong,
    .mc-games-row-date small{
        color:#8a9aab !important;

        font-size:5.5px !important;
    }


    .mc-games-competition{
        grid-area:league !important;
    }


    .mc-account-shell
    .mc-games-competition img{
        width:15px !important;
        height:15px !important;

        flex-basis:15px !important;
    }


    .mc-account-shell
    .mc-games-competition span{
        max-width:125px !important;

        font-size:5.8px !important;
    }


    .mc-games-team{
        grid-area:home !important;
    }


    .mc-games-team.is-away{
        grid-area:away !important;

        flex-direction:row-reverse !important;
        text-align:right !important;
    }


    .mc-account-shell
    .mc-games-team img{
        width:24px !important;
        height:24px !important;

        flex-basis:24px !important;
    }


    .mc-account-shell
    .mc-games-team strong{
        font-size:6.6px !important;
    }


    .mc-games-center{
        grid-area:center !important;
    }


    .mc-account-shell
    .mc-games-center strong{
        font-size:8px !important;
    }


    .mc-account-shell
    .mc-games-center small{
        display:none !important;
    }


    .mc-games-arrow{
        grid-area:arrow !important;

        width:9px !important;
        height:9px !important;
    }


    .mc-games-app-banner{
        margin-top:12px !important;
    }

}




/* =========================================================
   MEUS JOGOS — HARD RESET TO REFERENCE
   THIS BLOCK MUST STAY AT END OF FILE
   ========================================================= */


/* =========================================================
   KILL OLD DATE-CARD LAYOUT
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-date-group{
    display:contents !important;

    width:auto !important;
    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-date-title{
    display:none !important;
}


/* =========================================================
   SECTION LIST MUST BE NORMAL FULL WIDTH
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-section-list,
.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-favorites],
.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-teams],
.mc-account-shell
[data-mc-dashboard-panel="matches"]
[data-mc-games-competitions]{
    display:block !important;

    width:100% !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:0 !important;

    background:#fff !important;

    overflow:visible !important;

    box-shadow:none !important;
}


/* =========================================================
   FORCE EVERY MATCH INTO ONE HORIZONTAL ROW
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row{
    position:relative !important;

    display:grid !important;

    width:100% !important;
    min-width:0 !important;

    min-height:54px !important;
    height:54px !important;

    grid-template-areas:none !important;

    grid-template-columns:
        48px
        minmax(125px,145px)
        minmax(145px,1fr)
        72px
        minmax(145px,1fr)
        16px
    !important;

    grid-template-rows:
        1fr !important;

    align-items:center !important;

    column-gap:10px !important;
    row-gap:0 !important;

    margin:0 !important;

    padding:
        5px 13px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #e8eef4 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-shadow:none !important;

    box-sizing:border-box !important;

    overflow:hidden !important;
}


/* absolutely destroy old grid-area rules */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row
> *{
    grid-area:auto !important;

    margin:0 !important;
}


/* =========================================================
   FAVORITE GAMES
   reference first section has no date column
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-section-card.is-favorites
.mc-games-row{
    grid-template-columns:
        minmax(125px,145px)
        minmax(145px,1fr)
        72px
        minmax(145px,1fr)
        16px
    !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-section-card.is-favorites
.mc-games-row-date{
    display:none !important;
}


/* =========================================================
   DATE
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row-date{
    width:48px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;

    gap:0 !important;

    padding:0 !important;

    line-height:1 !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row-date strong{
    display:block !important;

    color:#172a42 !important;

    font-size:13px !important;
    line-height:13px !important;

    font-weight:900 !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row-date small{
    display:block !important;

    margin-top:2px !important;

    color:#52708f !important;

    font-size:11px !important;
    line-height:6px !important;

    font-weight:850 !important;
}


/* =========================================================
   COMPETITION
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-competition{
    width:auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:7px !important;

    padding:0 !important;

    border:0 !important;
    background:transparent !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-competition img{
    width:23px !important;
    height:23px !important;

    min-width:23px !important;
    max-width:23px !important;

    flex:0 0 23px !important;

    object-fit:contain !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-competition span{
    display:block !important;

    min-width:0 !important;
    max-width:none !important;

    overflow:hidden !important;

    color:#66809d !important;

    font-size:11px !important;
    line-height:1.2 !important;

    font-weight:650 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* =========================================================
   HOME TEAM
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-team{
    width:auto !important;
    min-width:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:7px !important;

    padding:0 !important;

    text-align:right !important;

    border:0 !important;
    background:transparent !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-team img{
    width:29px !important;
    height:29px !important;

    min-width:29px !important;
    max-width:29px !important;

    flex:0 0 29px !important;

    object-fit:contain !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-team strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#172940 !important;

    font-size:8px !important;
    line-height:1.2 !important;

    font-weight:850 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* home:
   text then logo, exactly like reference
 */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-team:not(.is-away){
    flex-direction:row-reverse !important;
}


/* away:
   logo then text
 */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-team.is-away{
    flex-direction:row !important;
    justify-content:flex-start !important;

    text-align:left !important;
}


/* =========================================================
   CENTER
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-center{
    width:72px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:2px !important;

    padding:0 !important;

    text-align:center !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-center strong{
    display:block !important;

    color:#172940 !important;

    font-size:9px !important;
    line-height:10px !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-center strong.is-live{
    color:#00b85f !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-center small{
    display:block !important;

    margin:0 !important;

    color:#8a9caf !important;

    font-size:4.8px !important;
    line-height:6px !important;

    white-space:nowrap !important;
}


/* =========================================================
   ARROW
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-arrow{
    width:12px !important;
    height:12px !important;

    display:block !important;

    color:#a1afbe !important;
}


/* =========================================================
   ROW HOVER
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row:hover{
    background:#f7fafc !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-row:hover
.mc-games-arrow{
    color:#0878ec !important;
}


/* =========================================================
   SECTION — EXACT REFERENCE DENSITY
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-section-card{
    margin:0 0 14px !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    overflow:hidden !important;

    box-shadow:none !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-section-header{
    height:55px !important;
    min-height:55px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    padding:
        8px 14px
        8px 18px !important;

    border-bottom:
        1px solid
        #e6edf3 !important;

    background:#fff !important;
}


/* =========================================================
   DESKTOP MAIN WIDTH
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-dashboard-grid{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        270px
    !important;

    gap:18px !important;

    width:100% !important;
}

.mc-account-shell
[data-mc-dashboard-panel="matches"]
.mc-games-primary{
    width:100% !important;
    min-width:0 !important;

    display:block !important;
}


/* =========================================================
   MOBILE ONLY
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row,
    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-section-card.is-favorites
    .mc-games-row{

        height:auto !important;
        min-height:68px !important;

        grid-template-columns:
            minmax(0,1fr)
            52px
            minmax(0,1fr)
            10px
        !important;

        grid-template-rows:
            18px
            34px
        !important;

        grid-template-areas:
            "league date date arrow"
            "home center away arrow"
        !important;

        row-gap:3px !important;
        column-gap:6px !important;

        padding:
            6px 8px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-competition{
        grid-area:league !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row-date,
    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-section-card.is-favorites
    .mc-games-row-date{
        grid-area:date !important;

        display:flex !important;

        width:auto !important;

        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:2px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team:not(.is-away){
        grid-area:home !important;

        flex-direction:row !important;

        justify-content:flex-start !important;

        text-align:left !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team.is-away{
        grid-area:away !important;

        flex-direction:row-reverse !important;

        justify-content:flex-start !important;

        text-align:right !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-center{
        grid-area:center !important;

        width:auto !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-arrow{
        grid-area:arrow !important;
    }

}




/* =========================================================
   MEUS JOGOS - QUOTE CARD FINAL
   ========================================================= */

.mc-account-shell
.mc-games-quote{
    width:330px !important;
    min-width:330px !important;

    height:106px !important;
    min-height:106px !important;

    display:grid !important;

    grid-template-columns:
        48px
        minmax(0,1fr)
    !important;

    align-items:start !important;

    column-gap:17px !important;

    padding:
        19px 20px
        15px !important;

    border:
        1px solid
        #dbe5ee !important;

    border-radius:9px !important;

    background:
        rgba(
            255,
            255,
            255,
            .88
        ) !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}


/* BALL */

.mc-account-shell
.mc-games-quote-ball{
    width:46px !important;
    height:46px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:1px 0 0 !important;

    color:#315783 !important;

    font-size:0 !important;

    flex:none !important;
}

.mc-account-shell
.mc-games-quote-ball svg{
    display:block !important;

    width:44px !important;
    height:44px !important;
}


/* TEXT AREA */

.mc-account-shell
.mc-games-quote > div{
    min-width:0 !important;

    height:100% !important;

    display:flex !important;
    flex-direction:column !important;

    align-items:stretch !important;

    gap:0 !important;
}


/* QUOTE */

.mc-account-shell
.mc-games-quote em{
    display:block !important;

    margin:
        2px 0
        0 !important;

    color:#526e96 !important;

    font-size:14px !important;
    line-height:1.45 !important;

    font-weight:500 !important;
    font-style:italic !important;

    letter-spacing:-.15px !important;

    text-align:left !important;
}


/* BRAND */

.mc-account-shell
.mc-games-quote strong{
    display:block !important;

    align-self:flex-end !important;

    margin-top:auto !important;

    padding-top:5px !important;

    color:#07152a !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:900 !important;

    text-align:right !important;
}


/* medium desktop */

@media(
    min-width:768px
)
and
(
    max-width:1180px
){

    .mc-account-shell
    .mc-games-quote{
        width:295px !important;
        min-width:295px !important;

        height:96px !important;
        min-height:96px !important;

        grid-template-columns:
            40px
            minmax(0,1fr)
        !important;

        column-gap:13px !important;

        padding:
            16px !important;
    }

    .mc-account-shell
    .mc-games-quote-ball,
    .mc-account-shell
    .mc-games-quote-ball svg{
        width:38px !important;
        height:38px !important;
    }

    .mc-account-shell
    .mc-games-quote em{
        font-size:12px !important;
    }

    .mc-account-shell
    .mc-games-quote strong{
        font-size:9px !important;
    }

}



/* =========================================================
   BRAZIL CALENDAR - REFERENCE STYLE
   ========================================================= */

.mc-account-shell
.mc-games-calendar-card{
    width:100% !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    box-shadow:
        0 2px 8px
        rgba(20,40,65,.025) !important;
}


/* HEADER */

.mc-account-shell
.mc-calendar-header{
    min-height:52px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    padding:
        0 14px !important;

    border:0 !important;

    background:#fff !important;
}


.mc-account-shell
.mc-calendar-header strong{
    color:#14263d !important;

    font-size:13px !important;
    line-height:1 !important;

    font-weight:900 !important;

    letter-spacing:-.25px !important;
}


/* ARROWS */

.mc-account-shell
.mc-calendar-nav{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;
}


.mc-account-shell
.mc-calendar-nav button{
    width:27px !important;
    height:27px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:6px !important;

    background:transparent !important;

    color:#38577e !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-calendar-nav button:hover{
    background:#f2f6fa !important;
}


.mc-account-shell
.mc-calendar-nav svg{
    width:15px !important;
    height:15px !important;
}


/* BODY */

.mc-account-shell
.mc-games-calendar{
    padding:
        2px 12px
        14px !important;
}


/* WEEK DAYS */

.mc-account-shell
.mc-calendar-weekdays{
    display:grid !important;

    grid-template-columns:
        repeat(7,1fr)
    !important;

    align-items:center !important;

    margin-bottom:3px !important;
}


.mc-account-shell
.mc-calendar-weekdays span{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    height:24px !important;

    color:#456286 !important;

    font-size:6.5px !important;

    font-weight:850 !important;

    text-align:center !important;
}


/* GRID */

.mc-account-shell
.mc-calendar-grid{
    display:grid !important;

    grid-template-columns:
        repeat(7,1fr)
    !important;

    row-gap:2px !important;

    align-items:center !important;
}


.mc-account-shell
.mc-calendar-empty,
.mc-account-shell
.mc-calendar-day{
    width:31px !important;
    height:31px !important;

    justify-self:center !important;
}


.mc-account-shell
.mc-calendar-day{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
    border-radius:50% !important;

    background:transparent !important;

    color:#243c5a !important;

    font-size:11px !important;
    line-height:1 !important;

    font-weight:700 !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-calendar-day:hover{
    background:#f0f5f8 !important;
}


/* BRAZIL TODAY */

.mc-account-shell
.mc-calendar-day.is-today{
    background:#13c568 !important;

    color:#fff !important;

    font-weight:900 !important;

    box-shadow:
        0 3px 8px
        rgba(19,197,104,.22) !important;
}


/* SELECTED DATE */

.mc-account-shell
.mc-calendar-day.is-selected:not(.is-today){
    background:#e9f9f1 !important;

    color:#00a859 !important;

    font-weight:900 !important;
}


/* GREEN GAME DOT */

.mc-account-shell
.mc-calendar-day i{
    position:absolute !important;

    left:50% !important;
    bottom:1px !important;

    width:3px !important;
    height:3px !important;

    display:block !important;

    border-radius:50% !important;

    background:#12c566 !important;

    transform:
        translateX(-50%) !important;
}


.mc-account-shell
.mc-calendar-day.is-today i{
    bottom:-5px !important;

    background:#12c566 !important;
}


/* Slightly faded weekend/edge feeling like reference */

.mc-account-shell
.mc-calendar-grid
.mc-calendar-day:nth-child(7n),
.mc-account-shell
.mc-calendar-grid
.mc-calendar-day:nth-child(7n + 1){
    color:#637c99 !important;
}


.mc-account-shell
.mc-calendar-grid
.mc-calendar-day.is-today{
    color:#fff !important;
}


/* =========================================================
   MOBILE
   Right sidebar remains hidden in current mobile layout.
   ========================================================= */



/* =========================================================
   MEUS JOGOS - FAVORITES SIDEBAR
   ========================================================= */

.mc-account-shell
.mc-games-favorite-side-card{
    width:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    box-shadow:
        0 2px 8px
        rgba(15,35,55,.025) !important;
}


/* HEADER */

.mc-account-shell
.mc-games-side-card-head{
    min-height:43px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    padding:
        0 12px !important;

    border-bottom:
        1px solid
        #e8eef3 !important;

    background:#fff !important;
}


.mc-account-shell
.mc-games-side-card-head > div{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:8px !important;
}


.mc-account-shell
.mc-games-side-card-head svg{
    width:19px !important;
    height:19px !important;

    flex:none !important;

    color:#183d70 !important;
}


.mc-account-shell
.mc-games-side-card-head strong{
    color:#13253b !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}


.mc-account-shell
.mc-games-side-card-head button{
    display:inline-flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#0878ec !important;

    font-size:7px !important;
    font-weight:800 !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-games-side-card-head button span{
    font-size:11px !important;
}


/* =========================================================
   ROW
   ========================================================= */

.mc-account-shell
.mc-games-side-favorite-row{
    width:100% !important;
    min-height:38px !important;

    display:grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        26px
        18px
    !important;

    align-items:center !important;

    gap:7px !important;

    padding:
        5px 11px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf2f6 !important;

    background:#fff !important;

    color:inherit !important;

    text-decoration:none !important;

    box-sizing:border-box !important;

    transition:
        background .12s ease !important;
}


.mc-account-shell
.mc-games-side-favorite-row:last-child{
    border-bottom:0 !important;
}


.mc-account-shell
.mc-games-side-favorite-row:hover{
    background:#f8fbfd !important;
}


/* LOGO */

.mc-account-shell
.mc-games-side-favorite-logo{
    width:28px !important;
    height:28px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


.mc-account-shell
.mc-games-side-favorite-logo img{
    display:block !important;

    width:25px !important;
    height:25px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-games-side-logo-placeholder{
    font-size:15px !important;
}


/* NAME */

.mc-account-shell
.mc-games-side-favorite-row > strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#1a2d43 !important;

    font-size:12px !important;
    line-height:1.1 !important;

    font-weight:800 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* GREEN NUMBER */

.mc-account-shell
.mc-games-side-count{
    min-width:23px !important;
    height:23px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    justify-self:center !important;

    padding:
        0 4px !important;

    border-radius:50% !important;

    background:#e1f9ec !important;

    color:#00ad5d !important;

    font-size:10px !important;
    font-weight:850 !important;

    box-sizing:border-box !important;
}


.mc-account-shell
.mc-games-side-count.is-zero{
    background:#f1f4f7 !important;

    color:#9aa8b6 !important;
}


/* PIN */

.mc-account-shell
.mc-games-side-pin{
    width:18px !important;
    height:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#214875 !important;
}


.mc-account-shell
.mc-games-side-pin svg{
    width:14px !important;
    height:14px !important;
}


/* LOADING / EMPTY */

.mc-account-shell
.mc-games-side-loading,
.mc-account-shell
.mc-games-side-empty{
    min-height:55px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px !important;

    color:#8797a8 !important;

    font-size:7px !important;

    text-align:center !important;
}


/* spacing between sidebar cards */

.mc-account-shell
.mc-games-sidebar
.mc-games-favorite-side-card
+ .mc-games-favorite-side-card{
    margin-top:0 !important;
}


/* Mobile sidebar stays hidden like current design */



/* =========================================================
   MEUS JOGOS - FAVORITES SIDEBAR
   ========================================================= */

.mc-account-shell
.mc-games-favorite-side-card{
    width:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    box-shadow:
        0 2px 8px
        rgba(15,35,55,.025) !important;
}


/* HEADER */

.mc-account-shell
.mc-games-side-card-head{
    min-height:43px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    padding:
        0 12px !important;

    border-bottom:
        1px solid
        #e8eef3 !important;

    background:#fff !important;
}


.mc-account-shell
.mc-games-side-card-head > div{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;

    gap:8px !important;
}


.mc-account-shell
.mc-games-side-card-head svg{
    width:19px !important;
    height:19px !important;

    flex:none !important;

    color:#183d70 !important;
}


.mc-account-shell
.mc-games-side-card-head strong{
    color:#13253b !important;

    font-size:14px !important;
    line-height:1 !important;

    font-weight:900 !important;

    white-space:nowrap !important;
}


.mc-account-shell
.mc-games-side-card-head button{
    display:inline-flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#0878ec !important;

    font-size:11px !important;
    font-weight:800 !important;

    box-shadow:none !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-games-side-card-head button span{
    font-size:11px !important;
}


/* =========================================================
   ROW
   ========================================================= */

.mc-account-shell
.mc-games-side-favorite-row{
    width:100% !important;
    min-height:38px !important;

    display:grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        26px
        18px
    !important;

    align-items:center !important;

    gap:7px !important;

    padding:
        5px 11px !important;

    border:0 !important;
    border-bottom:
        1px solid
        #edf2f6 !important;

    background:#fff !important;

    color:inherit !important;

    text-decoration:none !important;

    box-sizing:border-box !important;

    transition:
        background .12s ease !important;
}


.mc-account-shell
.mc-games-side-favorite-row:last-child{
    border-bottom:0 !important;
}


.mc-account-shell
.mc-games-side-favorite-row:hover{
    background:#f8fbfd !important;
}


/* LOGO */

.mc-account-shell
.mc-games-side-favorite-logo{
    width:28px !important;
    height:28px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


.mc-account-shell
.mc-games-side-favorite-logo img{
    display:block !important;

    width:25px !important;
    height:25px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-games-side-logo-placeholder{
    font-size:15px !important;
}


/* NAME */

.mc-account-shell
.mc-games-side-favorite-row > strong{
    min-width:0 !important;

    overflow:hidden !important;

    color:#1a2d43 !important;

    font-size:12px !important;
    line-height:1.1 !important;

    font-weight:800 !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


/* GREEN NUMBER */

.mc-account-shell
.mc-games-side-count{
    min-width:23px !important;
    height:23px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    justify-self:center !important;

    padding:
        0 4px !important;

    border-radius:50% !important;

    background:#e1f9ec !important;

    color:#00ad5d !important;

    font-size:10px !important;
    font-weight:850 !important;

    box-sizing:border-box !important;
}


.mc-account-shell
.mc-games-side-count.is-zero{
    background:#f1f4f7 !important;

    color:#9aa8b6 !important;
}


/* PIN */

.mc-account-shell
.mc-games-side-pin{
    width:18px !important;
    height:18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#214875 !important;
}


.mc-account-shell
.mc-games-side-pin svg{
    width:14px !important;
    height:14px !important;
}


/* LOADING / EMPTY */

.mc-account-shell
.mc-games-side-loading,
.mc-account-shell
.mc-games-side-empty{
    min-height:55px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:10px !important;

    color:#8797a8 !important;

    font-size:7px !important;

    text-align:center !important;
}


/* spacing between sidebar cards */

.mc-account-shell
.mc-games-sidebar
.mc-games-favorite-side-card
+ .mc-games-favorite-side-card{
    margin-top:0 !important;
}


/* Mobile sidebar stays hidden like current design */



/* =========================================================
   MEUS JOGOS - MOBILE FINAL
   Desktop untouched
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       PAGE
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"].mc-games-page{
        width:100% !important;
        max-width:100% !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       TOP
       Title first, quote below.
       ===================================================== */

    .mc-account-shell
    .mc-games-page-top{
        width:100% !important;

        display:block !important;

        margin:0 0 14px !important;

        padding:0 !important;
    }


    .mc-account-shell
    .mc-games-heading{
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }


    .mc-account-shell
    .mc-games-breadcrumb{
        display:none !important;
    }


    .mc-account-shell
    .mc-games-heading h1{
        margin:0 !important;

        font-size:25px !important;
        line-height:1.02 !important;

        letter-spacing:-1px !important;

        white-space:nowrap !important;
    }


    .mc-account-shell
    .mc-games-heading > p{
        max-width:290px !important;

        margin:
            6px 0
            0 !important;

        font-size:13px !important;
        line-height:1.4 !important;
    }


    /* =====================================================
       QUOTE CARD
       ===================================================== */

    .mc-account-shell
    .mc-games-quote{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        height:88px !important;
        min-height:88px !important;

        display:grid !important;

        grid-template-columns:
            46px
            minmax(0,1fr)
        !important;

        align-items:center !important;

        column-gap:13px !important;

        margin:
            14px 0
            0 !important;

        padding:
            13px 16px !important;

        border-radius:9px !important;

        box-sizing:border-box !important;
    }


    .mc-account-shell
    .mc-games-quote-ball{
        width:42px !important;
        height:42px !important;

        margin:0 !important;
    }


    .mc-account-shell
    .mc-games-quote-ball svg{
        width:40px !important;
        height:40px !important;
    }


    .mc-account-shell
    .mc-games-quote > div{
        width:100% !important;
        height:100% !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        min-width:0 !important;
    }


    .mc-account-shell
    .mc-games-quote em{
        margin:0 !important;

        font-size:12px !important;
        line-height:1.45 !important;

        text-align:left !important;
    }


    .mc-account-shell
    .mc-games-quote strong{
        margin-top:6px !important;

        font-size:11px !important;

        align-self:flex-end !important;
    }


    /* =====================================================
       FILTERS
       horizontal app-style scroll
       ===================================================== */

    .mc-account-shell
    .mc-games-main-filters{
        width:calc(100% + 14px) !important;

        display:flex !important;
        flex-wrap:nowrap !important;

        gap:7px !important;

        margin:
            0 -14px
            14px 0 !important;

        padding:
            0 14px
            3px 0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch !important;

        scrollbar-width:none !important;
    }


    .mc-account-shell
    .mc-games-main-filters::-webkit-scrollbar{
        display:none !important;
    }


    .mc-account-shell
    .mc-games-main-filters button{
        width:auto !important;
        min-width:94px !important;
        max-width:none !important;

        height:37px !important;
        min-height:37px !important;

        flex:
            0 0 auto !important;

        gap:5px !important;

        margin:0 !important;

        padding:
            0 10px !important;

        border-radius:7px !important;

        font-size:11px !important;

        white-space:nowrap !important;
    }


    .mc-account-shell
    .mc-games-main-filters button svg{
        width:13px !important;
        height:13px !important;
    }


    .mc-account-shell
    .mc-games-main-filters button b{
        min-width:17px !important;
        height:17px !important;

        padding:0 4px !important;

        font-size:11px !important;
    }


    /* =====================================================
       MAIN GRID
       Absolutely no desktop side-by-side layout on mobile.
       ===================================================== */

    .mc-account-shell
    .mc-games-dashboard-grid{
        width:100% !important;

        display:block !important;

        grid-template-columns:none !important;

        gap:0 !important;

        margin:0 !important;
        padding:0 !important;
    }


    .mc-account-shell
    .mc-games-primary{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
    }


    /* =====================================================
       SECTION CARDS
       ===================================================== */

    .mc-account-shell
    .mc-games-section-card{
        width:100% !important;

        margin:
            0 0
            12px !important;

        border-radius:9px !important;

        overflow:hidden !important;
    }


    .mc-account-shell
    .mc-games-section-header{
        width:100% !important;

        height:auto !important;
        min-height:54px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:7px !important;

        padding:
            8px 10px
            8px 13px !important;

        box-sizing:border-box !important;
    }


    .mc-account-shell
    .mc-games-section-heading{
        flex:
            1 1 auto !important;

        min-width:0 !important;

        gap:7px !important;
    }


    .mc-account-shell
    .mc-games-section-icon{
        width:24px !important;
        height:24px !important;

        flex:
            0 0 24px !important;
    }


    .mc-account-shell
    .mc-games-section-icon svg{
        width:20px !important;
        height:20px !important;
    }


    .mc-account-shell
    .mc-games-section-heading strong{
        display:block !important;

        font-size:14px !important;
        line-height:1.15 !important;

        white-space:nowrap !important;
    }


    .mc-account-shell
    .mc-games-section-heading small{
        display:block !important;

        max-width:205px !important;

        margin-top:2px !important;

        overflow:hidden !important;

        font-size:11px !important;
        line-height:1.25 !important;

        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }


    /* only arrow on small screen */

    .mc-account-shell
    .mc-games-section-link{
        width:28px !important;
        min-width:28px !important;
        height:28px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:
            0 0 28px !important;

        margin:0 !important;
        padding:0 !important;

        font-size:0 !important;
    }


    .mc-account-shell
    .mc-games-section-link span{
        display:block !important;

        font-size:13px !important;
    }


    /* =====================================================
       OLD DATE GROUP
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-date-group{
        display:contents !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-date-title{
        display:none !important;
    }


    /* =====================================================
       MATCH ROW
       Mobile layout:
       
       league                   date
       teamA logo     time     logo teamB
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row,

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-section-card.is-favorites
    .mc-games-row{

        width:100% !important;

        height:auto !important;
        min-height:72px !important;

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            55px
            minmax(0,1fr)
            10px
        !important;

        grid-template-rows:
            18px
            38px
        !important;

        grid-template-areas:
            "league date date arrow"
            "home center away arrow"
        !important;

        align-items:center !important;

        column-gap:6px !important;
        row-gap:3px !important;

        margin:0 !important;

        padding:
            6px 8px !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       LEAGUE
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-competition{
        grid-area:league !important;

        width:100% !important;
        min-width:0 !important;

        display:flex !important;
        align-items:center !important;

        gap:5px !important;

        overflow:hidden !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-competition img{
        width:14px !important;
        height:14px !important;

        min-width:15px !important;

        flex:
            0 0 15px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-competition span{
        max-width:145px !important;

        font-size:11px !important;

        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }


    /* =====================================================
       DATE
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row-date,

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-section-card.is-favorites
    .mc-games-row-date{

        grid-area:date !important;

        width:auto !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;

        gap:3px !important;

        padding:0 !important;

        white-space:nowrap !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row-date strong,

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-row-date small{

        margin:0 !important;

        color:#8394a6 !important;

        font-size:11px !important;
        line-height:1 !important;
    }


    /* =====================================================
       HOME
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team:not(.is-away){

        grid-area:home !important;

        min-width:0 !important;

        display:flex !important;
        flex-direction:row !important;
        justify-content:flex-start !important;

        gap:5px !important;

        text-align:left !important;
    }


    /* =====================================================
       AWAY
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team.is-away{

        grid-area:away !important;

        min-width:0 !important;

        display:flex !important;
        flex-direction:row-reverse !important;
        justify-content:flex-start !important;

        gap:5px !important;

        text-align:right !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team img{
        width:25px !important;
        height:25px !important;

        min-width:25px !important;

        flex:
            0 0 25px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-team strong{
        min-width:0 !important;

        font-size:11px !important;

        overflow:hidden !important;

        white-space:nowrap !important;
        text-overflow:ellipsis !important;
    }


    /* =====================================================
       CENTER
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-center{

        grid-area:center !important;

        width:55px !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-center strong{
        font-size:12px !important;
        line-height:1 !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-center small{
        margin-top:2px !important;

        font-size:8px !important;
        line-height:1 !important;
    }


    /* =====================================================
       ARROW
       ===================================================== */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-arrow{

        grid-area:arrow !important;

        width:9px !important;
        height:9px !important;

        align-self:center !important;
    }


    /* =====================================================
       SIDEBAR
       Goes BELOW all 3 match sections.
       ===================================================== */

    .mc-account-shell
    .mc-games-sidebar{
        position:static !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        gap:11px !important;

        margin:
            2px 0
            0 !important;

        padding:0 !important;

        transform:none !important;

        inset:auto !important;

        float:none !important;

        clear:both !important;

        box-sizing:border-box !important;
    }


    /* Calendar is desktop-only for now */

    .mc-account-shell
    .mc-games-calendar-card{
        display:none !important;
    }


    /* =====================================================
       FAVORITE SIDE CARDS
       ===================================================== */

    .mc-account-shell
    .mc-games-favorite-side-card{
        position:static !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;

        border-radius:9px !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    .mc-account-shell
    .mc-games-side-card-head{
        min-height:43px !important;

        padding:
            0 11px !important;
    }


    .mc-account-shell
    .mc-games-side-card-head > div{
        gap:7px !important;
    }


    .mc-account-shell
    .mc-games-side-card-head svg{
        width:17px !important;
        height:17px !important;
    }


    .mc-account-shell
    .mc-games-side-card-head strong{
        font-size:14px !important;
    }


    .mc-account-shell
    .mc-games-side-card-head button{
        font-size:11px !important;
    }


    .mc-account-shell
    .mc-games-side-favorite-row{
        min-height:40px !important;

        grid-template-columns:
            27px
            minmax(0,1fr)
            25px
            16px
        !important;

        gap:6px !important;

        padding:
            5px 10px !important;
    }


    .mc-account-shell
    .mc-games-side-favorite-logo{
        width:27px !important;
        height:27px !important;
    }


    .mc-account-shell
    .mc-games-side-favorite-logo img{
        width:23px !important;
        height:23px !important;
    }


    .mc-account-shell
    .mc-games-side-favorite-row > strong{
        font-size:12px !important;
    }


    .mc-account-shell
    .mc-games-side-count{
        width:23px !important;
        min-width:23px !important;
        height:23px !important;

        font-size:10px !important;
    }


    .mc-account-shell
    .mc-games-side-pin{
        width:16px !important;
        height:16px !important;
    }


    /* =====================================================
       APK CARD
       Keep it clean below favorites.
       ===================================================== */

    .mc-account-shell
    .mc-games-app-banner{
        position:static !important;

        display:block !important;

        width:100% !important;

        margin:
            1px 0
            0 !important;

        transform:none !important;
    }


    .mc-account-shell
    .mc-games-app-banner img{
        width:100% !important;
        height:auto !important;

        display:block !important;
    }

}



/* =========================================================
   MEUS JOGOS - MOBILE HARD STACK
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-dashboard-grid{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        grid-template-columns:none !important;

        columns:auto !important;

        overflow:visible !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-primary{
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        position:static !important;

        float:none !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-sidebar{
        display:flex !important;
        flex-direction:column !important;

        position:static !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        clear:both !important;
        float:none !important;

        inset:auto !important;

        margin:
            12px 0
            0 !important;

        padding:0 !important;

        transform:none !important;

        gap:11px !important;
    }


    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-section-card,

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-favorite-side-card{

        position:static !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        left:auto !important;
        right:auto !important;

        float:none !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    /*
     * Desired mobile order:
     *
     * 1 Seus Jogos
     * 2 Jogos dos seus times
     * 3 Jogos das suas competições
     * 4 Times favoritos
     * 5 Competições favoritas
     * 6 App
     */

    .mc-account-shell
    [data-mc-dashboard-panel="matches"]
    .mc-games-calendar-card{
        display:none !important;
    }

}



/* =========================================================
   NOTIFICATIONS - REFERENCE FINAL
   ========================================================= */

.mc-account-shell
.mc-notify-page{
    width:100% !important;

    background:#f4f8fc !important;

    box-sizing:border-box !important;
}


.mc-account-shell
.mc-notify-page[hidden]{
    display:none !important;
}


/* =========================================================
   TOP
   ========================================================= */

.mc-notify-top{
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;

    gap:25px !important;

    margin-bottom:16px !important;
}


.mc-notify-breadcrumb{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    margin-bottom:7px !important;

    color:#7187a1 !important;

    font-size:8px !important;
}


.mc-notify-breadcrumb strong{
    color:#192c43 !important;
}


.mc-notify-heading h1{
    margin:0 !important;

    color:#101e31 !important;

    font-size:29px !important;
    line-height:1 !important;

    font-weight:950 !important;

    letter-spacing:-1.2px !important;
}


.mc-notify-heading p{
    margin:
        7px 0
        0 !important;

    color:#687f9c !important;

    font-size:13px !important;
}


.mc-notify-read-all{
    display:flex !important;
    align-items:center !important;

    gap:7px !important;

    height:34px !important;

    margin:0 0 5px !important;
    padding:
        0 4px !important;

    border:0 !important;

    background:transparent !important;

    color:#0877e8 !important;

    font-size:8px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}


.mc-notify-read-all svg{
    width:17px !important;
    height:17px !important;

    color:#183d70 !important;
}


/* =========================================================
   FILTERS
   ========================================================= */

.mc-notify-filters{
    display:flex !important;
    align-items:center !important;

    gap:8px !important;

    margin-bottom:18px !important;
}


.mc-notify-filters button{
    height:40px !important;

    min-width:105px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    padding:
        0 13px !important;

    border:
        1px solid
        #dbe5ee !important;

    border-radius:7px !important;

    background:#fff !important;

    color:#2d4b70 !important;

    font-size:11px !important;
    font-weight:850 !important;

    box-shadow:none !important;
}


.mc-notify-filters button svg{
    width:16px !important;
    height:16px !important;
}


.mc-notify-filters button b{
    min-width:20px !important;
    height:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:
        0 5px !important;

    border-radius:10px !important;

    background:#18bd65 !important;

    color:#fff !important;

    font-size:11px !important;
}


.mc-notify-filters button b.is-pink{
    background:#ff5b8d !important;
}


.mc-notify-filters button.active{
    border-color:#08bf62 !important;

    background:
        linear-gradient(
            180deg,
            #14ce69,
            #05b957
        ) !important;

    color:#fff !important;
}


/* =========================================================
   LAYOUT
   ========================================================= */

.mc-notify-layout{
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        310px
    !important;

    gap:18px !important;

    align-items:start !important;
}


.mc-notify-main{
    min-width:0 !important;
}


/* =========================================================
   DATE TITLE
   ========================================================= */

.mc-notify-date-title{
    margin:
        0 0
        8px !important;

    color:#152940 !important;

    font-size:10px !important;
    line-height:1 !important;

    font-weight:900 !important;
}


.mc-notify-date-title:not(:first-child){
    margin-top:18px !important;
}


/* =========================================================
   FEED CARD
   ========================================================= */

.mc-notifications-page-list{
    width:100% !important;

    display:block !important;

    margin:0 !important;
    padding:0 !important;

    background:transparent !important;

    border:0 !important;
}


/* =========================================================
   ROW
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row{
    position:relative !important;

    width:100% !important;

    min-height:78px !important;

    display:grid !important;

    grid-template-columns:
        46px
        minmax(0,1fr)
        78px
        15px
    !important;

    align-items:center !important;

    gap:12px !important;

    margin:0 !important;

    padding:
        10px 13px !important;

    border:
        1px solid
        #e0e7ee !important;

    border-bottom:0 !important;

    border-radius:0 !important;

    background:#fff !important;

    box-sizing:border-box !important;

    box-shadow:none !important;
}


.mc-account-shell
.mc-notifications-page-row:first-of-type{
    border-radius:
        8px 8px
        0 0 !important;
}


.mc-account-shell
.mc-notifications-page-row:last-child{
    border-bottom:
        1px solid
        #e0e7ee !important;

    border-radius:
        0 0
        8px 8px !important;
}


.mc-account-shell
.mc-notifications-page-row.is-unread{
    background:
        linear-gradient(
            90deg,
            #effdf5 0%,
            #fafffc 100%
        ) !important;
}


.mc-account-shell
.mc-notifications-page-row.is-unread:before{
    content:"";

    position:absolute !important;

    left:-4px !important;
    top:50% !important;

    width:7px !important;
    height:7px !important;

    border-radius:50% !important;

    background:#10c863 !important;

    transform:
        translateY(-50%) !important;
}


/* ICON */

.mc-account-shell
.mc-notifications-page-icon{
    width:43px !important;
    height:43px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:9px !important;

    background:#edf8f2 !important;

    color:#0fbe61 !important;
}


.mc-account-shell
.mc-notifications-page-icon svg{
    width:24px !important;
    height:24px !important;
}


.mc-account-shell
.mc-notifications-page-icon.is-match_starting{
    background:#fff4e7 !important;
    color:#f2a11c !important;
}


.mc-account-shell
.mc-notifications-page-icon.is-lineup_confirmed{
    background:#f0eaff !important;
    color:#7f58f2 !important;
}


.mc-account-shell
.mc-notifications-page-icon.is-news{
    background:#eaf4ff !important;
    color:#2480eb !important;
}


/* COPY */

.mc-account-shell
.mc-notifications-page-copy{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:3px !important;
}


.mc-account-shell
.mc-notifications-page-copy strong{
    color:#152940 !important;

    font-size:13px !important;
    line-height:1.2 !important;

    font-weight:900 !important;
}


.mc-account-shell
.mc-notifications-page-copy small{
    color:#59769a !important;

    font-size:11px !important;
    line-height:1.35 !important;

    white-space:normal !important;
}


/* TIME */

.mc-account-shell
.mc-notifications-page-row time{
    color:#6782a5 !important;

    font-size:6.5px !important;

    white-space:nowrap !important;

    text-align:right !important;
}


/* ARROW */

.mc-account-shell
.mc-notifications-page-arrow{
    width:13px !important;
    height:13px !important;

    color:#315b8b !important;
}


/* =========================================================
   SIDEBAR
   ========================================================= */

.mc-notify-sidebar{
    display:flex !important;
    flex-direction:column !important;

    gap:14px !important;
}


.mc-notify-side-card{
    width:100% !important;

    border:
        1px solid
        #dce6ef !important;

    border-radius:8px !important;

    background:#fff !important;

    overflow:hidden !important;
}


.mc-notify-side-head{
    min-height:44px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:10px !important;

    padding:
        0 13px !important;

    border-bottom:
        1px solid
        #e8eef3 !important;
}


.mc-notify-side-head strong{
    color:#13263d !important;

    font-size:10px !important;
    font-weight:900 !important;
}


.mc-notify-side-head button{
    display:flex !important;
    align-items:center !important;

    gap:5px !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    background:transparent !important;

    color:#0877e8 !important;

    font-size:7px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}


/* FAVORITE TABS */

.mc-notify-fav-tabs{
    display:grid !important;

    grid-template-columns:
        1fr 1fr !important;

    gap:5px !important;

    padding:
        7px 9px
        0 !important;
}


.mc-notify-fav-tabs button{
    height:33px !important;

    border:0 !important;

    border-radius:
        6px 6px
        0 0 !important;

    background:#f4f7fa !important;

    color:#34516f !important;

    font-size:7px !important;
    font-weight:800 !important;

    box-shadow:none !important;
}


.mc-notify-fav-tabs button.active{
    border-bottom:
        2px solid
        #0ac765 !important;

    background:#effbf5 !important;

    color:#0baa59 !important;
}


/* FAVORITES GRID */

.mc-notify-favorites-grid{
    display:grid !important;

    grid-template-columns:
        repeat(3,1fr)
    !important;

    gap:8px !important;

    padding:
        11px !important;
}


.mc-notify-fav-item,
.mc-notify-fav-add{
    min-width:0 !important;

    min-height:78px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:6px !important;

    border:0 !important;

    background:#fff !important;

    color:#28425f !important;

    text-decoration:none !important;

    box-shadow:none !important;
}


.mc-notify-fav-item img{
    width:37px !important;
    height:37px !important;

    object-fit:contain !important;
}


.mc-notify-fav-item span,
.mc-notify-fav-add span{
    max-width:75px !important;

    overflow:hidden !important;

    font-size:6.5px !important;

    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}


.mc-notify-fav-add b{
    width:38px !important;
    height:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:
        1px dashed
        #ccd8e4 !important;

    border-radius:50% !important;

    color:#45627f !important;

    font-size:20px !important;

    font-weight:400 !important;
}


/* NEXT GAMES */

.mc-notify-next-games{
    padding:
        6px 11px
        9px !important;
}


.mc-notify-next-row{
    min-height:58px !important;

    display:grid !important;

    grid-template-columns:
        31px
        minmax(0,1fr)
        52px
    !important;

    align-items:center !important;

    gap:8px !important;

    padding:
        7px 0 !important;

    border-bottom:
        1px solid
        #edf2f5 !important;
}


.mc-notify-next-row:last-child{
    border-bottom:0 !important;
}


.mc-notify-next-row > img{
    width:27px !important;
    height:27px !important;

    object-fit:contain !important;
}


.mc-notify-next-row > div{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}


.mc-notify-next-row strong{
    color:#192c43 !important;

    font-size:7.5px !important;
}


.mc-notify-next-row small{
    display:flex !important;
    align-items:center !important;

    gap:3px !important;

    color:#4c6787 !important;

    font-size:6px !important;
}


.mc-notify-next-row small img{
    width:11px !important;
    height:11px !important;

    object-fit:contain !important;
}


.mc-notify-next-row em{
    color:#7188a2 !important;

    font-size:5.5px !important;

    font-style:normal !important;
}


.mc-notify-next-row > span{
    color:#4f6c8c !important;

    font-size:6px !important;
    line-height:1.4 !important;

    text-align:right !important;
}


.mc-notify-next-row > span b{
    color:#17304c !important;

    font-size:7px !important;
}


/* APP */

.mc-notify-app-banner{
    display:block !important;

    width:100% !important;

    overflow:hidden !important;

    border-radius:8px !important;
}


.mc-notify-app-banner img{
    display:block !important;

    width:100% !important;
    height:auto !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notify-page{
        width:100% !important;
        overflow:hidden !important;
    }


    /* top */

    .mc-notify-top{
        align-items:center !important;

        margin-bottom:13px !important;
    }


    .mc-notify-breadcrumb{
        display:none !important;
    }


    .mc-notify-heading h1{
        font-size:25px !important;
    }


    .mc-notify-heading p{
        max-width:260px !important;

        font-size:13px !important;
    }


    .mc-notify-read-all{
        width:35px !important;
        height:35px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:50% !important;

        background:#f3f7fb !important;
    }


    .mc-notify-read-all span{
        display:none !important;
    }


    .mc-notify-read-all svg{
        width:17px !important;
        height:17px !important;
    }


    /* filters */

    .mc-notify-filters{
        width:calc(100% + 14px) !important;

        display:flex !important;
        flex-wrap:nowrap !important;

        gap:7px !important;

        margin:
            0 -14px
            15px 0 !important;

        padding:
            0 14px
            3px 0 !important;

        overflow-x:auto !important;

        scrollbar-width:none !important;
    }


    .mc-notify-filters::-webkit-scrollbar{
        display:none !important;
    }


    .mc-notify-filters button{
        min-width:auto !important;

        height:36px !important;

        flex:0 0 auto !important;

        padding:
            0 12px !important;

        font-size:11px !important;
    }


    .mc-notify-filters button svg{
        display:none !important;
    }


    .mc-notify-filters button b{
        min-width:18px !important;
        height:18px !important;

        font-size:11px !important;
    }


    /* only feed on mobile */

    .mc-notify-layout{
        display:block !important;
    }


    .mc-notify-sidebar{
        display:none !important;
    }


    .mc-notify-date-title{
        margin:
            0 0
            8px !important;

        font-size:9px !important;
    }


    .mc-notify-date-title:not(:first-child){
        margin-top:16px !important;
    }


    /* rows */

    .mc-account-shell
    .mc-notifications-page-row{
        min-height:73px !important;

        grid-template-columns:
            38px
            minmax(0,1fr)
            39px
            10px
        !important;

        gap:7px !important;

        padding:
            8px 8px !important;
    }


    .mc-account-shell
    .mc-notifications-page-icon{
        width:37px !important;
        height:37px !important;

        border-radius:8px !important;
    }


    .mc-account-shell
    .mc-notifications-page-icon svg{
        width:24px !important;
        height:24px !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy{
        gap:2px !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy strong{
        font-size:13px !important;
        line-height:1.2 !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy small{
        font-size:11px !important;
        line-height:1.3 !important;

        display:-webkit-box !important;

        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;

        overflow:hidden !important;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        align-self:start !important;

        margin-top:3px !important;

        font-size:5.6px !important;
    }


    .mc-account-shell
    .mc-notifications-page-arrow{
        width:10px !important;
        height:10px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row.is-unread:before{
        left:-3px !important;

        width:6px !important;
        height:6px !important;
    }

}




/* =========================================================
   NOTIFICATION FILTER ICON FIX
   ========================================================= */

.mc-account-shell
.mc-notify-filters button{
    overflow:visible !important;
}


.mc-account-shell
.mc-notify-filters button svg{
    display:block !important;

    width:16px !important;
    height:16px !important;

    min-width:16px !important;
    min-height:16px !important;

    max-width:none !important;
    max-height:none !important;

    flex:0 0 16px !important;

    overflow:visible !important;

    transform:none !important;

    margin:0 !important;
    padding:0 !important;

    stroke:currentColor !important;

    vertical-align:middle !important;
}


.mc-account-shell
.mc-notify-filters button svg path,
.mc-account-shell
.mc-notify-filters button svg circle,
.mc-account-shell
.mc-notify-filters button svg rect{
    vector-effect:
        non-scaling-stroke !important;
}


.mc-account-shell
.mc-notify-filters button span{
    display:inline-block !important;

    line-height:1 !important;
}


.mc-account-shell
.mc-notify-filters button b{
    flex:0 0 auto !important;
}


@media(max-width:767px){

    /*
     * 设计稿手机端没有 icon，
     * 所以 mobile 正常隐藏。
     */

    .mc-account-shell
    .mc-notify-filters button svg{
        display:none !important;
    }

}



/* =========================================================
   NOTIFICATION FEED - REFERENCE STRUCTURE
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row{
    min-height:82px !important;

    grid-template-columns:
        48px
        76px
        minmax(0,1fr)
        74px
        14px
    !important;

    gap:11px !important;

    padding:
        9px 13px !important;
}


/* =========================================================
   EVENT ICON
   ========================================================= */

.mc-account-shell
.mc-notifications-page-icon{
    width:46px !important;
    height:46px !important;

    flex:none !important;

    border-radius:9px !important;
}


/* =========================================================
   TEAM LOGOS
   ========================================================= */

.mc-account-shell
.mc-notify-team-logos{
    min-width:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:6px !important;
}


.mc-account-shell
.mc-notify-team-logos:empty{
    display:none !important;
}


.mc-account-shell
.mc-notify-team-logos img{
    width:32px !important;
    height:32px !important;

    max-width:32px !important;

    flex:
        0 0 32px !important;

    object-fit:contain !important;
}


/* =========================================================
   COPY
   ========================================================= */

.mc-account-shell
.mc-notifications-page-copy{
    min-width:0 !important;

    display:flex !important;
    flex-direction:column !important;

    gap:2px !important;
}


.mc-account-shell
.mc-notifications-page-copy strong{
    color:#14263d !important;

    font-size:13px !important;
    line-height:1.2 !important;

    font-weight:900 !important;
}


.mc-account-shell
.mc-notify-message{
    color:#557398 !important;

    font-size:7.5px !important;
    line-height:1.25 !important;
}


.mc-account-shell
.mc-notify-league{
    color:#6d86a4 !important;

    font-size:7px !important;
    line-height:1.2 !important;

    font-weight:650 !important;
}


/* =========================================================
   TIME
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row time{
    align-self:start !important;

    margin-top:4px !important;

    color:#627fa1 !important;

    font-size:6.5px !important;

    text-align:right !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page-row{
        min-height:76px !important;

        grid-template-columns:
            38px
            58px
            minmax(0,1fr)
            34px
            9px
        !important;

        gap:6px !important;

        padding:
            7px 7px !important;
    }


    .mc-account-shell
    .mc-notifications-page-icon{
        width:37px !important;
        height:37px !important;
    }


    .mc-account-shell
    .mc-notify-team-logos{
        gap:3px !important;
    }


    .mc-account-shell
    .mc-notify-team-logos img{
        width:27px !important;
        height:27px !important;

        max-width:27px !important;

        flex:
            0 0 27px !important;
    }


    .mc-account-shell
    .mc-notifications-page-copy strong{
        font-size:13px !important;
    }


    .mc-account-shell
    .mc-notify-message{
        font-size:6px !important;

        display:-webkit-box !important;

        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;

        overflow:hidden !important;
    }


    .mc-account-shell
    .mc-notify-league{
        font-size:5.8px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        font-size:5.4px !important;
    }

}



/* =========================================================
   NOTIFICATIONS - ROW GRID FIX
   ========================================================= */

/*
 * Normal row WITH team logos:
 *
 * icon | logos | copy | time | arrow
 */
.mc-account-shell
.mc-notifications-page-row{
    grid-template-columns:
        48px
        76px
        minmax(0,1fr)
        74px
        14px
    !important;
}


.mc-account-shell
.mc-notifications-page-icon{
    grid-column:1 !important;
}


.mc-account-shell
.mc-notify-team-logos{
    grid-column:2 !important;

    min-width:0 !important;
}


.mc-account-shell
.mc-notifications-page-copy{
    grid-column:3 !important;

    min-width:0 !important;
}


.mc-account-shell
.mc-notifications-page-row time{
    grid-column:4 !important;
}


.mc-account-shell
.mc-notifications-page-arrow{
    grid-column:5 !important;
}


/*
 * NO logos:
 *
 * icon | copy | time | arrow
 *
 * This is the important fix.
 */
.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty){
    grid-template-columns:
        48px
        minmax(0,1fr)
        74px
        14px
    !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
.mc-notify-team-logos{
    display:none !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
.mc-notifications-page-copy{
    grid-column:2 !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
time{
    grid-column:3 !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
.mc-notifications-page-arrow{
    grid-column:4 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page-row{
        min-height:72px !important;

        grid-template-columns:
            38px
            58px
            minmax(0,1fr)
            38px
            9px
        !important;

        gap:7px !important;

        padding:
            7px 8px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty){

        grid-template-columns:
            38px
            minmax(0,1fr)
            38px
            9px
        !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    .mc-notifications-page-copy{
        grid-column:2 !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    time{
        grid-column:3 !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    .mc-notifications-page-arrow{
        grid-column:4 !important;
    }

}



/* =========================================================
   NOTIFICATIONS - FINAL ROW TWEAKS
   ========================================================= */


/* 1. REMOVE GREEN UNREAD DOT */

.mc-account-shell
.mc-notifications-page-row.is-unread:before{
    display:none !important;
    content:none !important;
}


/* =========================================================
   2. TIME + ARROW INLINE
   ========================================================= */

/*
 * Merge the last two columns visually.
 *
 * icon | logos | copy | time + arrow
 */

.mc-account-shell
.mc-notifications-page-row{
    grid-template-columns:
        48px
        76px
        minmax(0,1fr)
        92px
    !important;
}


/* time */

.mc-account-shell
.mc-notifications-page-row time{
    grid-column:4 !important;
    grid-row:1 !important;

    width:100% !important;
    min-width:0 !important;

    align-self:center !important;

    margin:0 !important;
    padding-right:20px !important;

    color:#607d9d !important;

    font-size:6.5px !important;
    line-height:1 !important;

    text-align:right !important;

    white-space:nowrap !important;

    box-sizing:border-box !important;
}


/* arrow */

.mc-account-shell
.mc-notifications-page-arrow{
    grid-column:4 !important;
    grid-row:1 !important;

    justify-self:end !important;
    align-self:center !important;

    width:12px !important;
    height:12px !important;

    margin:0 !important;

    color:#315b8b !important;
}


/* =========================================================
   NO TEAM LOGOS FALLBACK
   ========================================================= */

.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty){

    grid-template-columns:
        48px
        minmax(0,1fr)
        92px
    !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
.mc-notifications-page-copy{
    grid-column:2 !important;
}


.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
time,
.mc-account-shell
.mc-notifications-page-row:
has(.mc-notify-team-logos:empty)
.mc-notifications-page-arrow{
    grid-column:3 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page-row{

        grid-template-columns:
            38px
            58px
            minmax(0,1fr)
            54px
        !important;

        gap:6px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        grid-column:4 !important;

        padding-right:15px !important;

        font-size:5.4px !important;
    }


    .mc-account-shell
    .mc-notifications-page-arrow{
        grid-column:4 !important;

        width:9px !important;
        height:9px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty){

        grid-template-columns:
            38px
            minmax(0,1fr)
            54px
        !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    .mc-notifications-page-copy{
        grid-column:2 !important;
    }


    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    time,
    .mc-account-shell
    .mc-notifications-page-row:
    has(.mc-notify-team-logos:empty)
    .mc-notifications-page-arrow{
        grid-column:3 !important;
    }

}



/* =========================================================
   NOTIFY FAVORITES - FINAL POLISH
   ========================================================= */

.mc-account-shell
.mc-notify-favorites-grid{
    align-items:start !important;
}


/* normal favorite */

.mc-account-shell
.mc-notify-fav-item{
    min-height:72px !important;

    padding:
        6px 4px !important;

    justify-content:flex-start !important;
}


.mc-account-shell
.mc-notify-fav-item img{
    width:34px !important;
    height:34px !important;

    margin-bottom:3px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-notify-fav-item span{
    font-size:6.4px !important;

    line-height:1.15 !important;
}


/* ADD */

.mc-account-shell
.mc-notify-fav-add{
    min-height:72px !important;

    padding:
        6px 4px !important;

    justify-content:flex-start !important;

    text-decoration:none !important;
}


.mc-account-shell
.mc-notify-fav-add b{
    width:34px !important;
    height:34px !important;

    margin-bottom:3px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:
        1px dashed
        #c9d6e3 !important;

    border-radius:50% !important;

    color:#3f607f !important;

    font-size:18px !important;
    line-height:1 !important;

    font-weight:400 !important;
}


.mc-account-shell
.mc-notify-fav-add span{
    font-size:6.4px !important;

    line-height:1.15 !important;

    color:#2b4562 !important;
}


/* tabs */

.mc-account-shell
.mc-notify-fav-tabs button{
    cursor:pointer !important;
}


.mc-account-shell
.mc-notify-fav-tabs button.active{
    color:#00a957 !important;

    background:#eefbf4 !important;

    border-bottom:
        2px solid
        #0ac765 !important;
}




/* =========================================================
   NOTIFICATIONS
   REMOVE EMPTY UPCOMING MATCHES SIDEBAR CARD
   ========================================================= */

.mc-account-shell
[data-mc-dashboard-panel="notifications"]
.mc-notify-upcoming-card{
    display:none !important;
}



/* =========================================================
   NOTIFICATIONS SIDEBAR - FINAL ALIGNMENT
   ========================================================= */

@media(min-width:768px){

    .mc-account-shell
    .mc-notify-layout{
        align-items:start !important;
    }


    .mc-account-shell
    .mc-notify-sidebar{
        margin-top:18px !important;
    }


    .mc-account-shell
    .mc-notify-sidebar
    .mc-notify-side-card:first-child{
        margin-top:0 !important;
    }


    .mc-account-shell
    .mc-notify-app-banner{
        margin-top:0 !important;
    }

}



/* =========================================================
   NOTIFICATIONS SIDEBAR - FINAL POSITION
   ========================================================= */

@media(min-width:768px){

    /*
     * Left notification feed and right favorites
     * start on the same visual row.
     */

    .mc-account-shell
    .mc-notify-layout{
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            310px
        !important;

        gap:18px !important;

        align-items:start !important;
    }


    .mc-account-shell
    .mc-notify-main{
        min-width:0 !important;

        margin:0 !important;
    }


    .mc-account-shell
    .mc-notify-sidebar{
        width:100% !important;

        display:flex !important;
        flex-direction:column !important;

        gap:14px !important;

        margin:0 !important;
        padding:0 !important;

        align-self:start !important;
    }


    /*
     * ESTA SEMANA occupies around one heading row.
     * Move sidebar down to align with first feed card.
     */

    .mc-account-shell
    .mc-notify-sidebar{
        padding-top:18px !important;
    }


    /*
     * Empty "Próximos jogos dos seus times":
     * remove completely.
     */

    .mc-account-shell
    .mc-notify-side-card:
    has([data-mc-notify-next-games]){
        display:none !important;
    }


    /*
     * APK immediately follows favorites.
     */

    .mc-account-shell
    .mc-notify-app-banner{
        margin:0 !important;
    }

}


/* =========================================================
   FAVORITES TABS - PREVENT OLD VISUAL STATE
   ========================================================= */

.mc-account-shell
.mc-notify-fav-tabs
[data-mc-notify-fav-tab]{
    border-bottom:
        2px solid
        transparent !important;
}


.mc-account-shell
.mc-notify-fav-tabs
[data-mc-notify-fav-tab].active{
    background:#eefbf4 !important;

    color:#00a956 !important;

    border-bottom-color:
        #0ac765 !important;
}



/* =========================================================
   NOTIFICATIONS FAVORITES CARD - RESTORED FINAL
   ========================================================= */

.mc-account-shell
.mc-notify-sidebar{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
}


.mc-account-shell
.mc-notify-favorites{
    display:block !important;
    width:100% !important;
    overflow:hidden !important;
}


.mc-account-shell
.mc-notify-side-head{
    min-height:52px !important;
    padding:0 16px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    border-bottom:1px solid #e3ebf3 !important;
}


.mc-account-shell
.mc-notify-side-head strong{
    font-size:13px !important;
    font-weight:700 !important;
    color:#061b32 !important;
}


.mc-account-shell
.mc-notify-side-head button{
    padding:0 !important;
    border:0 !important;
    background:none !important;

    color:#006be6 !important;

    font-size:9px !important;
    font-weight:700 !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-notify-fav-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;

    gap:12px !important;

    padding:10px 10px 0 !important;
}


.mc-account-shell
.mc-notify-fav-tabs button{
    height:34px !important;

    border:0 !important;
    border-bottom:2px solid transparent !important;

    background:#f5f7fa !important;

    color:#17365c !important;

    font-size:9px !important;
    font-weight:700 !important;

    cursor:pointer !important;
}


.mc-account-shell
.mc-notify-fav-tabs button.active{
    color:#00a956 !important;
    background:#eefbf4 !important;

    border-bottom-color:#0ac765 !important;
}


.mc-account-shell
.mc-notify-favorites-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;

    gap:12px 6px !important;

    padding:18px 12px 16px !important;
}


.mc-account-shell
.mc-notify-fav-item,
.mc-account-shell
.mc-notify-fav-add{
    min-width:0 !important;
    min-height:64px !important;

    padding:2px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;

    gap:4px !important;

    color:#092343 !important;
    text-decoration:none !important;
}


.mc-account-shell
.mc-notify-fav-item img{
    width:36px !important;
    height:36px !important;

    object-fit:contain !important;
}


.mc-account-shell
.mc-notify-fav-item span,
.mc-account-shell
.mc-notify-fav-add span{
    width:100% !important;

    overflow:hidden !important;

    color:#092343 !important;

    font-size:9px !important;
    line-height:1.2 !important;

    text-align:center !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}


.mc-account-shell
.mc-notify-fav-add b{
    width:36px !important;
    height:36px !important;

    display:grid !important;
    place-items:center !important;

    border:1px dashed #bdcddd !important;
    border-radius:50% !important;

    color:#155da8 !important;

    font-size:20px !important;
    font-weight:400 !important;
}


/*
 * Empty next-games card remains removed.
 */

.mc-account-shell
.mc-notify-side-card:
has([data-mc-notify-next-games]){
    display:none !important;
}



/* =========================================================
   NOTIFICATIONS MOBILE
   TIME + ARROW SAME LINE
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page-row{
        grid-template-columns:
            38px
            58px
            minmax(0,1fr)
            auto
            10px
        !important;

        column-gap:7px !important;
    }


    .mc-account-shell
    .mc-notifications-page-row time{
        grid-column:4 !important;
        grid-row:1 / -1 !important;

        align-self:center !important;
        justify-self:end !important;

        margin:0 !important;
        padding:0 !important;

        white-space:nowrap !important;

        font-size:8px !important;
        line-height:1 !important;
    }


    .mc-account-shell
    .mc-notifications-page-row
    .mc-notifications-page-arrow{
        grid-column:5 !important;
        grid-row:1 / -1 !important;

        align-self:center !important;
        justify-self:end !important;

        width:10px !important;
        height:10px !important;

        margin:0 !important;

        transform:none !important;
    }


    /*
     * Keep notification text in its own column.
     */

    .mc-account-shell
    .mc-notifications-page-row
    .mc-notifications-page-copy{
        grid-column:3 !important;

        min-width:0 !important;
    }


    /*
     * Team logos remain before the text.
     */

    .mc-account-shell
    .mc-notifications-page-row
    .mc-notify-team-logos{
        grid-column:2 !important;
    }

}



/* =========================================================
   NOTIFICATIONS META
   TIME + ARROW TRUE INLINE FIX
   ========================================================= */

.mc-account-shell
.mc-notification-meta{
    display:flex !important;

    align-items:center !important;
    justify-content:flex-end !important;

    gap:6px !important;

    white-space:nowrap !important;

    margin:0 !important;
    padding:0 !important;
}


.mc-account-shell
.mc-notification-meta time{
    display:block !important;

    width:auto !important;
    min-width:0 !important;

    margin:0 !important;
    padding:0 !important;

    white-space:nowrap !important;

    position:static !important;

    transform:none !important;
}


.mc-account-shell
.mc-notification-meta
.mc-notifications-page-arrow{
    display:block !important;

    width:11px !important;
    height:11px !important;

    flex:0 0 11px !important;

    margin:0 !important;
    padding:0 !important;

    position:static !important;

    transform:none !important;
}


/* =========================================================
   MOBILE
   META IS ONE GRID ITEM
   ========================================================= */

@media(max-width:767px){

    .mc-account-shell
    .mc-notifications-page-row{

        grid-template-columns:
            38px
            58px
            minmax(0,1fr)
            auto
        !important;

        column-gap:7px !important;
    }


    .mc-account-shell
    .mc-notification-meta{

        grid-column:4 !important;
        grid-row:1 / -1 !important;

        align-self:center !important;
        justify-self:end !important;

        width:auto !important;

        gap:4px !important;
    }


    .mc-account-shell
    .mc-notification-meta time{

        grid-column:auto !important;
        grid-row:auto !important;

        font-size:10px !important;
        line-height:1 !important;

        color:#56718d !important;
    }


    .mc-account-shell
    .mc-notification-meta
    .mc-notifications-page-arrow{

        grid-column:auto !important;
        grid-row:auto !important;

        width:9px !important;
        height:9px !important;

        flex-basis:9px !important;
    }

}



/* =========================================================
   ACCOUNT HISTÓRICO
   ========================================================= */

.mc-account-shell .mc-history-page{
    width:100%;
}

.mc-account-shell .mc-history-header{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:22px;
}

.mc-account-shell .mc-history-header h2{
    margin:0 0 6px;
    font-size:29px;
    line-height:1.05;
    letter-spacing:-1px;
    color:#07172c;
}

.mc-account-shell .mc-history-header p{
    margin:0;
    font-size:13px;
    line-height:1.5;
    color:#6b7d98;
}

.mc-account-shell .mc-history-clear{
    appearance:none;
    border:0;
    background:transparent;
    color:#e52c49;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 0;
    cursor:pointer;
    font:inherit;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.mc-account-shell .mc-history-clear svg{
    width:18px;
    height:18px;
}

.mc-account-shell .mc-history-tabs{
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin-bottom:18px;
    scrollbar-width:none;
}

.mc-account-shell .mc-history-tabs::-webkit-scrollbar{
    display:none;
}

.mc-account-shell .mc-history-tabs button{
    flex:0 0 auto;
    min-width:126px;
    height:42px;
    padding:0 16px;
    border:1px solid #dbe4ee;
    border-radius:9px;
    background:#fff;
    color:#142641;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    cursor:pointer;
    font-size:11px;
    font-weight:700;
    transition:.18s ease;
}

.mc-account-shell .mc-history-tabs button b{
    min-width:19px;
    height:19px;
    padding:0 5px;
    border-radius:999px;
    background:#eef3f8;
    color:#687b96;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
}

.mc-account-shell .mc-history-tabs button.active{
    color:#fff;
    background:#00b95a;
    border-color:#00b95a;
}

.mc-account-shell .mc-history-tabs button.active b{
    color:#fff;
    background:rgba(255,255,255,.18);
}

.mc-account-shell .mc-history-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    gap:20px;
    align-items:start;
}

.mc-account-shell .mc-history-main{
    min-width:0;
}

.mc-account-shell .mc-history-group{
    margin-bottom:20px;
}

.mc-account-shell .mc-history-group-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 4px 8px;
}

.mc-account-shell .mc-history-group-head strong{
    font-size:14px;
    font-weight:800;
    color:#142641;
}

.mc-account-shell .mc-history-group-head time{
    font-size:12px;
    color:#8493aa;
}

.mc-account-shell .mc-history-group-list{
    overflow:hidden;
    border:1px solid #dce5ee;
    border-radius:10px;
    background:#fff;
}

.mc-account-shell .mc-history-row{
    width:100%;
    min-height:66px;
    padding:10px 14px;
    border:0;
    border-bottom:1px solid #e8eef4;
    background:#fff;
    color:inherit;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto 14px;
    gap:11px;
    align-items:center;
    text-align:left;
    cursor:pointer;
}

.mc-account-shell .mc-history-row:last-child{
    border-bottom:0;
}

.mc-account-shell .mc-history-row:hover{
    background:#fbfdff;
}

.mc-account-shell .mc-history-type-icon{
    width:36px;
    height:36px;
    border:1px solid #dee7ef;
    border-radius:9px;
    background:#f9fbfd;
    color:#56708f;
    display:flex;
    align-items:center;
    justify-content:center;
}

.mc-account-shell .mc-history-type-icon svg{
    width:19px;
    height:19px;
}

.mc-account-shell
.mc-history-row[data-history-type="team"]
.mc-history-type-icon{
    color:#2698ee;
    background:#eff8ff;
}

.mc-account-shell
.mc-history-row[data-history-type="competition"]
.mc-history-type-icon{
    color:#00ae55;
    background:#effbf5;
}

.mc-account-shell .mc-history-content{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
}

.mc-account-shell .mc-history-logo{
    width:34px;
    height:34px;
    object-fit:contain;
    flex:0 0 auto;
}

.mc-account-shell .mc-history-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.mc-account-shell .mc-history-copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:13px;
    line-height:1.2;
    color:#10223a;
}

.mc-account-shell .mc-history-copy small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    color:#71849f;
}

.mc-account-shell .mc-history-match{
    min-width:0;
    display:flex;
    align-items:center;
    gap:8px;
}

.mc-account-shell .mc-history-match-team{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    color:#10223a;
    font-size:11px;
    font-weight:700;
}

.mc-account-shell .mc-history-match-team img{
    width:28px;
    height:28px;
    object-fit:contain;
    flex:0 0 auto;
}

.mc-account-shell .mc-history-score{
    flex:0 0 auto;
    font-size:12px;
    font-weight:800;
    color:#142641;
}

.mc-account-shell .mc-history-when{
    white-space:nowrap;
    color:#71849f;
    font-size:10px;
}

.mc-account-shell .mc-history-arrow{
    width:13px;
    height:13px;
    color:#627896;
}

.mc-account-shell .mc-history-sidebar{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.mc-account-shell .mc-history-side-card{
    border:1px solid #dce5ee;
    border-radius:10px;
    background:#fff;
    padding:15px;
}

.mc-account-shell .mc-history-side-card h3{
    margin:0 0 4px;
    font-size:13px;
    font-weight:800;
    color:#10223a;
}

.mc-account-shell .mc-history-side-card > p{
    margin:0 0 12px;
    font-size:10px;
    color:#71849f;
}

.mc-account-shell .mc-history-stat{
    margin-top:13px;
}

.mc-account-shell .mc-history-stat-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:6px;
    font-size:11px;
    color:#2c405a;
}

.mc-account-shell .mc-history-stat-track{
    height:5px;
    border-radius:999px;
    overflow:hidden;
    background:#e7edf3;
}

.mc-account-shell .mc-history-stat-track span{
    display:block;
    height:100%;
    border-radius:999px;
    background:#00b95a;
}

.mc-account-shell .mc-history-revisit-item{
    min-height:51px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 13px;
    gap:9px;
    align-items:center;
    padding:7px 2px;
    border-bottom:1px solid #edf1f5;
    text-decoration:none;
}

.mc-account-shell .mc-history-revisit-item:last-child{
    border-bottom:0;
}

.mc-account-shell .mc-history-revisit-item img{
    width:31px;
    height:31px;
    object-fit:contain;
}

.mc-account-shell .mc-history-revisit-item strong{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#10223a;
    font-size:11px;
}

.mc-account-shell .mc-history-revisit-item small{
    display:block;
    margin-top:2px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#788aa3;
    font-size:9px;
}

.mc-account-shell .mc-history-download{
    display:block;
    overflow:hidden;
    border-radius:10px;
}

.mc-account-shell .mc-history-download img{
    display:block;
    width:100%;
    height:auto;
}

.mc-account-shell .mc-history-loading,
.mc-account-shell .mc-history-empty,
.mc-account-shell .mc-history-error{
    min-height:150px;
    border:1px solid #dce5ee;
    border-radius:10px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:24px;
    color:#71849f;
    font-size:12px;
}


@media (max-width:820px){

    .mc-account-shell .mc-history-header{
        align-items:flex-start;
        margin-bottom:16px;
    }

    .mc-account-shell .mc-history-header h2{
        font-size:25px;
    }

    .mc-account-shell .mc-history-header p{
        max-width:290px;
        font-size:13px;
    }

    .mc-account-shell .mc-history-clear span{
        display:none;
    }

    .mc-account-shell .mc-history-tabs{
        margin-right:-15px;
        padding-right:15px;
    }

    .mc-account-shell .mc-history-tabs button{
        min-width:auto;
        height:38px;
        padding:0 13px;
        font-size:11px;
    }

    .mc-account-shell .mc-history-layout{
        display:block;
    }

    .mc-account-shell .mc-history-sidebar{
        display:none;
    }

    .mc-account-shell .mc-history-row{
        min-height:59px;
        padding:8px 9px;
        grid-template-columns:30px minmax(0,1fr) auto 12px;
        gap:8px;
    }

    .mc-account-shell .mc-history-type-icon{
        width:30px;
        height:30px;
        border-radius:8px;
    }

    .mc-account-shell .mc-history-type-icon svg{
        width:16px;
        height:16px;
    }

    .mc-account-shell .mc-history-logo{
        width:28px;
        height:28px;
    }

    .mc-account-shell .mc-history-copy strong{
        font-size:11px;
    }

    .mc-account-shell .mc-history-copy small{
        font-size:10px;
    }

    .mc-account-shell .mc-history-when{
        font-size:10px;
    }

    .mc-account-shell .mc-history-match-team{
        font-size:9px;
    }

    .mc-account-shell .mc-history-match-team img{
        width:23px;
        height:23px;
    }

    .mc-account-shell .mc-history-score{
        font-size:10px;
    }
}



/* =========================================================
   HISTÓRICO ROW ALIGNMENT FINAL
   ========================================================= */

.mc-account-shell .mc-history-row {
    min-height: 92px;
    padding-top: 14px;
    padding-bottom: 14px;

    display: flex;
    align-items: center;
}

.mc-account-shell .mc-history-type-icon {
    flex: 0 0 auto;
    align-self: center;
}

.mc-account-shell .mc-history-content {
    align-self: stretch;

    display: flex;
    align-items: center;

    min-width: 0;
}

.mc-account-shell .mc-history-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 48px;
    min-width: 0;
}

.mc-account-shell .mc-history-logo {
    flex: 0 0 auto;
    align-self: center;
}

.mc-account-shell .mc-history-when {
    margin-left: auto;
    align-self: center;

    display: flex;
    align-items: center;
}

.mc-account-shell .mc-history-arrow {
    align-self: center;
}


/* Mobile */

@media (max-width: 820px) {

    .mc-account-shell .mc-history-row {
        min-height: 86px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .mc-account-shell .mc-history-content {
        align-items: center;
    }

    .mc-account-shell .mc-history-copy {
        justify-content: center;
        min-height: 44px;
    }
}


/* =========================================================
   HISTÓRICO ROW SPACING FIX
   ========================================================= */

.mc-account-shell .mc-history-row {
    min-height: 0 !important;
    height: auto !important;

    padding:
        12px
        14px !important;

    display: flex !important;
    align-items: center !important;
}

.mc-account-shell .mc-history-content {
    min-height: 0 !important;
    height: auto !important;

    display: flex !important;
    align-items: center !important;
}

.mc-account-shell .mc-history-copy {
    min-height: 0 !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.mc-account-shell .mc-history-when {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
}


/* Mobile */

@media (max-width: 820px) {

    .mc-account-shell .mc-history-row {
        padding:
            11px
            12px !important;
    }
}


/* =========================================================
   HISTÓRICO ROW MARGIN FIX
   ========================================================= */

.mc-account-shell .mc-history-group-list .mc-history-row {
    margin: 0 !important;
}


/* 多条记录之间由容器控制间距，不再使用 row margin */

.mc-account-shell .mc-history-group-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* Mobile */

@media (max-width: 820px) {

    .mc-account-shell .mc-history-group-list .mc-history-row {
        margin: 0 !important;
    }

    .mc-account-shell .mc-history-group-list {
        gap: 8px;
    }
}


/* =========================================================
   HISTÓRICO COPY TEXT HEIGHT FIX
   ========================================================= */

.mc-account-shell .mc-history-copy {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    gap: 5px !important;
}

.mc-account-shell .mc-history-copy strong {
    display: block !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.2 !important;
}

.mc-account-shell .mc-history-copy small {
    display: block !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.25 !important;
}


/* Mobile */

@media (max-width: 820px) {

    .mc-account-shell .mc-history-copy {
        gap: 5px !important;
    }

    .mc-account-shell .mc-history-copy strong {
        line-height: 1.2 !important;
    }

    .mc-account-shell .mc-history-copy small {
        line-height: 1.2 !important;
    }
}


/* =========================================================
   HISTÓRICO MATCH ROW - FINAL LAYOUT
   ========================================================= */

.mc-account-shell .mc-history-row[data-history-type="match"] {
    padding: 14px 16px !important;
    min-height: 82px !important;
}

.mc-account-shell .mc-history-row[data-history-type="match"] .mc-history-content {
    flex: 1 1 auto;
    min-width: 0;

    display: flex !important;
    align-items: center !important;
}

.mc-account-shell .mc-history-match {
    width: 100%;
    min-width: 0;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);

    grid-template-areas:
        "home score away"
        "meta meta meta";

    align-items: center;

    column-gap: 14px;
    row-gap: 6px;
}

.mc-account-shell .mc-history-match-team {
    min-width: 0;

    display: flex !important;
    align-items: center !important;

    gap: 8px;
}

.mc-account-shell .mc-history-match-team:first-child {
    grid-area: home;
    justify-content: flex-start;
}

.mc-account-shell .mc-history-match-team:last-of-type {
    grid-area: away;
    justify-content: flex-end;
}

.mc-account-shell .mc-history-match-team img {
    width: 28px !important;
    height: 28px !important;

    object-fit: contain;

    flex: 0 0 28px;
}

.mc-account-shell .mc-history-match-team strong {
    min-width: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 12px !important;
    line-height: 1.2 !important;

    margin: 0 !important;
}

.mc-account-shell .mc-history-score {
    grid-area: score;

    flex: 0 0 auto;

    white-space: nowrap;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    color: #0c1724;
}

.mc-account-shell .mc-history-match small {
    grid-area: meta;

    display: block !important;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    line-height: 1.25 !important;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #71849f;
}

.mc-account-shell .mc-history-row[data-history-type="match"] .mc-history-when {
    margin-left: 16px !important;

    flex: 0 0 auto;

    white-space: nowrap;
}

.mc-account-shell .mc-history-row[data-history-type="match"] .mc-history-arrow {
    margin-left: 6px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell .mc-history-row[data-history-type="match"] {
        padding: 12px !important;
        min-height: 78px !important;

        gap: 10px;
    }

    .mc-account-shell .mc-history-match {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);

        column-gap: 8px;
        row-gap: 5px;
    }

    .mc-account-shell .mc-history-match-team {
        gap: 5px;
    }

    .mc-account-shell .mc-history-match-team img {
        width: 24px !important;
        height: 24px !important;

        flex-basis: 24px;
    }

    .mc-account-shell .mc-history-match-team strong {
        font-size: 10px !important;
    }

    .mc-account-shell .mc-history-score {
        font-size: 11px !important;
    }

    .mc-account-shell .mc-history-match small {
        font-size: 8px !important;
    }

    .mc-account-shell .mc-history-row[data-history-type="match"] .mc-history-when {
        margin-left: 8px !important;

        font-size: 10px !important;
    }
}


/* =========================================================
   HISTÓRICO MATCH ROW - DOM CORRECT FINAL
   ========================================================= */

.mc-account-shell
.mc-history-row[data-history-type="match"] {
    min-height: 0 !important;
    height: auto !important;

    padding: 12px 14px !important;

    align-items: center !important;
}


/* 左侧主要内容 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-content {
    flex: 1 1 auto;
    min-width: 0;

    display: grid !important;

    grid-template-columns: 1fr;
    grid-template-rows: auto auto;

    align-content: center;
    align-items: center;

    row-gap: 5px;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   第一行：主队 / 比分 / 客队
   ========================================================= */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match {
    width: 100%;
    min-width: 0;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr);

    align-items: center;

    column-gap: 12px;

    margin: 0 !important;
    padding: 0 !important;
}


/* 两边球队 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match-team {
    min-width: 0;

    display: flex !important;
    align-items: center !important;

    gap: 7px;

    margin: 0 !important;
    padding: 0 !important;
}


.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match-team:first-child {
    justify-content: flex-start;
}


.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match-team:last-child {
    justify-content: flex-end;
}


/* Logo */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match-team img {
    width: 26px !important;
    height: 26px !important;

    flex: 0 0 26px;

    object-fit: contain;

    margin: 0 !important;
}


/* 球队名字 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-match-team > span {
    min-width: 0;

    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    color: #10223a;
}


/* 比分 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-score {
    display: block;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    color: #0c1724;
}


/* =========================================================
   第二行：联赛
   ========================================================= */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-copy {
    width: 100%;
    min-width: 0;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 0 !important;
    height: auto !important;
}


.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-copy small {
    display: block !important;

    width: 100%;
    min-width: 0;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    color: #71849f;
}


/* 时间 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-when {
    flex: 0 0 auto;

    margin: 0 0 0 14px !important;
    padding: 0 !important;

    align-self: center !important;

    white-space: nowrap;
}


/* 箭头 */

.mc-account-shell
.mc-history-row[data-history-type="match"]
.mc-history-arrow {
    flex: 0 0 auto;

    margin: 0 0 0 7px !important;

    align-self: center !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-history-row[data-history-type="match"] {
        padding: 11px 12px !important;
        gap: 9px;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-content {
        row-gap: 4px;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match {
        grid-template-columns:
            minmax(0, 1fr)
            auto
            minmax(0, 1fr);

        column-gap: 7px;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team {
        gap: 5px;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team img {
        width: 23px !important;
        height: 23px !important;

        flex-basis: 23px;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > span {
        font-size: 9px !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-score {
        font-size: 11px !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy small {
        font-size: 10px !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-when {
        margin-left: 5px !important;

        font-size: 10px !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-arrow {
        margin-left: 3px !important;
    }
}


/* =========================================================
   CONFIGURAÇÕES - FINAL
   ========================================================= */

.mc-account-shell .mc-settings-page {
    max-width: 900px;
}

.mc-account-shell .mc-settings-header {
    margin-bottom: 26px;
}

.mc-account-shell .mc-settings-header h2 {
    margin: 0 0 5px;
    color: #0c1724;
    font-size: 29px;
    line-height: 1.15;
    font-weight: 800;
}

.mc-account-shell .mc-settings-header p {
    margin: 0;
    color: #71849f;
    font-size: 13px;
    line-height: 1.5;
}

.mc-account-shell .mc-settings-section {
    margin-top: 25px;
}

.mc-account-shell .mc-settings-section > h3 {
    margin: 0 0 10px;
    color: #0c1724;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 800;
}

.mc-account-shell .mc-settings-card {
    overflow: hidden;
    border: 1px solid #d9e3ec;
    border-radius: 11px;
    background: #fff;
}

.mc-account-shell .mc-settings-row {
    min-height: 70px;
    padding: 14px 17px;

    display: flex;
    align-items: center;
    gap: 14px;

    border-bottom: 1px solid #edf1f5;
}

.mc-account-shell .mc-settings-row:last-child {
    border-bottom: 0;
}

.mc-account-shell .mc-settings-row-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #f2f7fb;
    color: #60758d;
}

.mc-account-shell .mc-settings-row-icon svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.mc-account-shell .mc-settings-row-copy {
    min-width: 0;
    flex: 1 1 auto;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mc-account-shell .mc-settings-row-copy strong {
    color: #0c1724;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 800;
}

.mc-account-shell .mc-settings-row-copy > span {
    color: #71849f;
    font-size: 11px;
    line-height: 1.4;
}

.mc-account-shell .mc-settings-action {
    flex: 0 0 auto;

    min-height: 34px;
    padding: 0 13px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #d6e1ea;
    border-radius: 8px;

    background: #fff;
    color: #0c1724;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;

    cursor: pointer;
}

.mc-account-shell button.mc-settings-action:hover,
.mc-account-shell label.mc-settings-action:hover {
    border-color: #00bf6f;
    color: #00a960;
}

.mc-account-shell .mc-settings-action.is-danger {
    border-color: transparent;
    background: transparent;
    color: #ee3151;
}

.mc-account-shell .mc-settings-action.is-danger:hover {
    border-color: rgba(238, 49, 81, .18);
    background: rgba(238, 49, 81, .05);
    color: #d82240;
}

.mc-account-shell .mc-settings-avatar {
    width: 48px !important;
    height: 48px !important;

    flex: 0 0 48px !important;

    margin: 0 !important;

    border: 2px solid #e5edf4 !important;
    box-shadow: none !important;
}

.mc-account-shell .mc-settings-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.mc-account-shell .mc-settings-profile-form {
    margin: 0;
}

.mc-account-shell .mc-settings-inline-input {
    width: 100%;
    max-width: 430px;

    height: 27px;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    color: #71849f !important;

    font-size: 12px !important;
    line-height: 27px !important;

    box-shadow: none !important;
}

.mc-account-shell .mc-settings-inline-input:not(.is-readonly):focus {
    color: #0c1724 !important;
}

.mc-account-shell .mc-settings-lock {
    flex: 0 0 auto;

    color: #8ea0b3;

    font-size: 9px;
    line-height: 1.2;
}

.mc-account-shell .mc-settings-message {
    margin: 0;
    padding: 0 17px;
}

.mc-account-shell .mc-settings-switch {
    position: relative;

    width: 38px;
    height: 22px;

    flex: 0 0 38px;

    padding: 0;

    border: 0;
    border-radius: 999px;

    background: #cbd7e1;

    cursor: pointer;

    transition: .18s ease;
}

.mc-account-shell .mc-settings-switch span {
    position: absolute;

    top: 3px;
    left: 3px;

    width: 16px;
    height: 16px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0,0,0,.18);

    transition: .18s ease;
}

.mc-account-shell .mc-settings-switch.is-active {
    background: #00bf6f;
}

.mc-account-shell .mc-settings-switch.is-active span {
    transform: translateX(16px);
}


/* Password */

.mc-account-shell .mc-settings-password-panel {
    padding: 17px;

    border-bottom: 1px solid #edf1f5;

    background: #f8fbfd;
}

.mc-account-shell .mc-settings-password-panel[hidden] {
    display: none !important;
}

.mc-account-shell .mc-settings-password-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;
}

.mc-account-shell .mc-settings-password-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mc-account-shell .mc-settings-password-grid label > span {
    color: #60758d;
    font-size: 9px;
    font-weight: 700;
}

.mc-account-shell .mc-settings-password-grid input {
    height: 38px;

    padding: 0 11px;

    border: 1px solid #d8e3ec;
    border-radius: 8px;

    background: #fff;
    color: #0c1724;

    font-size: 11px;
}

.mc-account-shell .mc-settings-password-actions {
    margin-top: 13px;

    display: flex;
    align-items: center;
    gap: 12px;
}

.mc-account-shell .mc-settings-primary {
    min-height: 36px;

    padding: 0 15px;

    border: 0;
    border-radius: 8px;

    background: #00bf6f;
    color: #fff;

    font-size: 9px;
    font-weight: 800;

    cursor: pointer;
}


/* Sessions */

.mc-account-shell .mc-settings-devices-head .mc-settings-row {
    border-top: 1px solid #edf1f5;
}

.mc-account-shell .mc-settings-sessions {
    padding: 0 17px 15px;
}


/* =========================================================
   SETTINGS MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell .mc-settings-page {
        max-width: none;
    }

    .mc-account-shell .mc-settings-header {
        margin-bottom: 20px;
    }

    .mc-account-shell .mc-settings-header h2 {
        font-size: 25px;
    }

    .mc-account-shell .mc-settings-section {
        margin-top: 20px;
    }

    .mc-account-shell .mc-settings-row {
        min-height: 64px;

        padding: 12px;

        gap: 10px;
    }

    .mc-account-shell .mc-settings-row-icon {
        width: 31px;
        height: 31px;

        flex-basis: 31px;
    }

    .mc-account-shell .mc-settings-row-copy strong {
        font-size: 14px;
    }

    .mc-account-shell .mc-settings-row-copy > span {
        font-size: 11px;
    }

    .mc-account-shell .mc-settings-action {
        min-height: 31px;

        padding: 0 9px;

        font-size: 11px;
    }

    .mc-account-shell .mc-settings-lock {
        max-width: 86px;

        text-align: right;

        font-size: 8px;
    }

    .mc-account-shell .mc-settings-avatar {
        width: 42px !important;
        height: 42px !important;

        flex-basis: 42px !important;
    }

    .mc-account-shell .mc-settings-password-grid {
        grid-template-columns: 1fr;
    }

    .mc-account-shell .mc-settings-password-actions {
        align-items: stretch;
        flex-direction: column;
    }

}



/* =========================================================
   HISTÓRICO DESKTOP MATCH - HOME NAME LOGO FINAL
   ========================================================= */

@media (min-width: 821px) {

    /*
     * Match row
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"] {
        min-height: 72px !important;
        padding: 0 16px !important;

        display: flex !important;
        align-items: center !important;

        gap: 12px !important;
    }


    /*
     * Ball icon
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-type-icon {
        width: 36px !important;
        height: 36px !important;

        flex: 0 0 36px !important;

        margin: 0 !important;
    }


    /*
     * Content takes remaining space.
     * Match itself stays compact.
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-content {
        min-width: 0 !important;
        flex: 1 1 auto !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * HOME | SCORE | AWAY
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match {
        width: fit-content !important;
        max-width: 100% !important;

        display: grid !important;

        grid-template-columns:
            minmax(120px, 170px)
            50px
            minmax(120px, 170px) !important;

        align-items: center !important;

        column-gap: 14px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * Common team structure
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team {
        min-width: 0 !important;
        width: 100% !important;

        display: flex !important;
        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * HOME:
     *
     * DOM:
     * img + span
     *
     * Visual:
     * NAME + LOGO
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child {
        flex-direction: row-reverse !important;
        justify-content: flex-start !important;
    }


    /*
     * Home name aligns toward its logo/score
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child > span {
        text-align: right !important;
    }


    /*
     * AWAY:
     *
     * LOGO + NAME
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child {
        flex-direction: row !important;
        justify-content: flex-start !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child > span {
        text-align: left !important;
    }


    /*
     * Logos
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > img {
        width: 27px !important;
        height: 27px !important;

        flex: 0 0 27px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }


    /*
     * Team names
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > span {
        min-width: 0 !important;

        overflow: hidden !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /*
     * Score
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-score {
        width: 50px !important;
        min-width: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        text-align: center !important;
        white-space: nowrap !important;
    }


    /*
     * Competition under the match.
     *
     * Indent it so visually it belongs to
     * the team/match content.
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy {
        min-height: 11px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy small {
        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #71849f !important;

        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
    }


    /*
     * Time stays at far right
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-when {
        flex: 0 0 auto !important;

        margin-left: auto !important;

        color: #71849f !important;

        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }


    /*
     * Arrow
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-arrow {
        width: 14px !important;
        height: 14px !important;

        flex: 0 0 14px !important;

        margin: 0 !important;
    }

}


/* =========================================================
   HISTÓRICO DESKTOP MATCH - LEFT FINAL
   NAME LOGO | SCORE | LOGO NAME
   ========================================================= */

@media (min-width: 821px) {

    .mc-account-shell
    .mc-history-row[data-history-type="match"] {
        min-height: 72px !important;

        padding: 0 16px !important;

        display: flex !important;
        align-items: center !important;

        gap: 12px !important;
    }


    /* 左边球图标 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-type-icon {
        width: 36px !important;
        height: 36px !important;

        flex: 0 0 36px !important;

        margin: 0 !important;
    }


    /* 整个比赛内容靠左 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-content {
        min-width: 0 !important;

        flex: 1 1 auto !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * 主队名字 LOGO | 比分 | LOGO 客队名字
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match {
        width: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 14px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* 两支球队通用 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team {
        width: auto !important;
        min-width: 0 !important;

        flex: 0 0 auto !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * 主队：
     * DOM 原本 img + name
     * 视觉改成 name + img
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child {
        flex-direction: row-reverse !important;
        justify-content: flex-start !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child > span {
        text-align: right !important;
    }


    /*
     * 客队：
     * 保持 img + name
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child {
        flex-direction: row !important;
        justify-content: flex-start !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child > span {
        text-align: left !important;
    }


    /* logo */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > img {
        width: 27px !important;
        height: 27px !important;

        flex: 0 0 27px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }


    /* 球队名字 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > span {
        max-width: 145px !important;

        overflow: hidden !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /* 比分 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-score {
        min-width: 42px !important;

        flex: 0 0 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }


    /* 联赛第二行，也靠左 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy {
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy small {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #71849f !important;

        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
    }


    /* 时间保持最右 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-when {
        flex: 0 0 auto !important;

        margin-left: auto !important;

        color: #71849f !important;

        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }


    /* 箭头 */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-arrow {
        width: 14px !important;
        height: 14px !important;

        flex: 0 0 14px !important;

        margin: 0 !important;
    }

}


/* =========================================================
   HISTÓRICO MOBILE MATCH - FINAL
   NAME LOGO | SCORE | LOGO NAME
   ========================================================= */

@media (max-width: 820px) {

    /*
     * Match row:
     * icon | match content
     * time/arrow 放右下
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"] {
        position: relative !important;

        min-height: 62px !important;

        padding: 9px 12px !important;

        display: grid !important;

        grid-template-columns:
            30px minmax(0, 1fr) !important;

        column-gap: 8px !important;

        align-items: center !important;
    }


    /* 左侧足球 icon */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-type-icon {
        grid-column: 1 !important;

        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;

        margin: 0 !important;
    }


    /*
     * 比赛主体
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-content {
        grid-column: 2 !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 4px !important;
    }


    /*
     * 第一行：
     *
     * HOME NAME | HOME LOGO | SCORE |
     * AWAY LOGO | AWAY NAME
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match {
        width: auto !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        gap: 5px !important;
    }


    /*
     * 两边球队
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team {
        width: auto !important;
        min-width: 0 !important;

        flex: 0 1 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 4px !important;
    }


    /*
     * HOME
     *
     * DOM:
     * logo + name
     *
     * MOBILE:
     * name + logo
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child {
        flex-direction: row-reverse !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:first-child > span {
        text-align: right !important;
    }


    /*
     * AWAY
     * logo + name
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child {
        flex-direction: row !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team:last-child > span {
        text-align: left !important;
    }


    /*
     * Team logos
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > img {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
        flex: 0 0 22px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }


    /*
     * Team names
     *
     * 不再固定 40/50px，
     * 尽量完整显示名字
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-match-team > span {
        width: auto !important;
        min-width: 0 !important;
        max-width: 86px !important;

        overflow: hidden !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /*
     * Score
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-score {
        width: auto !important;
        min-width: 30px !important;

        flex: 0 0 30px !important;

        margin: 0 2px !important;
        padding: 0 !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        text-align: center !important;

        white-space: nowrap !important;
    }


    /*
     * 第二行联赛
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }


    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-copy small {
        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #71849f !important;

        font-size: 10px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;

        text-transform: uppercase !important;
    }


    /*
     * 时间放右下，
     * 不再抢第一行球队空间
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-when {
        position: absolute !important;

        right: 30px !important;
        bottom: 11px !important;

        margin: 0 !important;

        color: #71849f !important;

        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;
    }


    /*
     * 箭头
     */
    .mc-account-shell
    .mc-history-row[data-history-type="match"]
    .mc-history-arrow {
        position: absolute !important;

        right: 11px !important;
        bottom: 8px !important;

        width: 12px !important;
        height: 12px !important;

        margin: 0 !important;
    }

}


/* =========================================================
   CONFIGURAÇÕES MOBILE - COMPACT FINAL
   ========================================================= */

@media (max-width: 820px) {

    /*
     * Page
     */
    .mc-account-shell .mc-settings-page {
        width: 100% !important;
        max-width: none !important;
    }


    /* Header */

    .mc-account-shell .mc-settings-header {
        margin: 0 0 20px !important;
    }

    .mc-account-shell .mc-settings-header h2 {
        margin: 0 0 5px !important;

        font-size: 25px !important;
        line-height: 1.15 !important;
        font-weight: 800 !important;
    }

    .mc-account-shell .mc-settings-header p {
        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }


    /*
     * Sections
     */
    .mc-account-shell .mc-settings-section {
        margin: 0 0 19px !important;
    }

    .mc-account-shell
    .mc-settings-section + .mc-settings-section {
        margin-top: 0 !important;
    }

    .mc-account-shell
    .mc-settings-section > h3 {
        margin: 0 0 9px !important;

        font-size: 14px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }


    /*
     * Cards
     */
    .mc-account-shell .mc-settings-card {
        border: 1px solid #d7e1ea !important;
        border-radius: 11px !important;

        background: #fff !important;

        overflow: hidden !important;
    }


    /*
     * Rows
     */
    .mc-account-shell .mc-settings-row {
        width: 100% !important;

        min-height: 64px !important;

        padding: 11px 12px !important;

        display: flex !important;
        align-items: center !important;

        gap: 10px !important;

        border-bottom:
            1px solid #edf1f5 !important;
    }

    .mc-account-shell
    .mc-settings-row:last-child {
        border-bottom: 0 !important;
    }


    /*
     * Icons
     */
    .mc-account-shell .mc-settings-row-icon {
        width: 32px !important;
        height: 32px !important;

        flex: 0 0 32px !important;

        border-radius: 9px !important;

        background: #f2f7fb !important;
    }

    .mc-account-shell
    .mc-settings-row-icon svg {
        width: 17px !important;
        height: 17px !important;
    }


    /*
     * Copy
     */
    .mc-account-shell .mc-settings-row-copy {
        min-width: 0 !important;

        flex: 1 1 auto !important;

        gap: 3px !important;
    }

    .mc-account-shell
    .mc-settings-row-copy strong {
        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    .mc-account-shell
    .mc-settings-row-copy > span {
        max-width: 190px;

        font-size: 11px !important;
        line-height: 1.35 !important;

        color: #71849f !important;
    }


    /*
     * Profile avatar
     */
    .mc-account-shell .mc-settings-avatar {
        width: 38px !important;
        height: 38px !important;

        flex: 0 0 38px !important;

        border-width: 1px !important;

        box-shadow: none !important;
    }


    /*
     * Inline profile inputs
     */
    .mc-account-shell
    .mc-settings-inline-input {
        width: 100% !important;
        max-width: 180px !important;

        height: 18px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        font-size: 11px !important;
        line-height: 18px !important;

        background: transparent !important;
    }


    /*
     * Normal action buttons
     */
    .mc-account-shell .mc-settings-action {
        min-width: 0 !important;
        min-height: 30px !important;

        padding: 0 10px !important;

        flex: 0 0 auto !important;

        border-radius: 8px !important;

        font-size: 11px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }


    /*
     * Email locked / timezone status
     */
    .mc-account-shell .mc-settings-lock {
        max-width: 82px !important;

        flex: 0 0 auto !important;

        font-size: 7px !important;
        line-height: 1.25 !important;

        text-align: right !important;

        white-space: normal !important;
    }


    /* =====================================================
       TOGGLES
       ===================================================== */

    .mc-account-shell .mc-settings-switch {
        position: relative !important;

        width: 36px !important;
        height: 20px !important;

        min-width: 36px !important;
        min-height: 20px !important;

        flex: 0 0 36px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 999px !important;

        background: #ccd7df !important;

        box-shadow: none !important;
    }


    .mc-account-shell
    .mc-settings-switch span {
        position: absolute !important;

        top: 2px !important;
        left: 2px !important;

        width: 16px !important;
        height: 16px !important;

        margin: 0 !important;

        border-radius: 50% !important;

        background: #fff !important;

        box-shadow:
            0 1px 3px rgba(0,0,0,.15) !important;

        transform: none !important;
    }


    .mc-account-shell
    .mc-settings-switch.is-active {
        background: #00bf6f !important;
    }


    .mc-account-shell
    .mc-settings-switch.is-active span {
        left: 18px !important;

        transform: none !important;
    }


    /*
     * Prevent theme button styles from
     * blowing up the switch.
     */
    .mc-account-shell
    button.mc-settings-switch {
        padding: 0 !important;

        line-height: 1 !important;

        appearance: none !important;
        -webkit-appearance: none !important;
    }


    /* =====================================================
       PASSWORD
       ===================================================== */

    .mc-account-shell
    .mc-settings-password-panel {
        padding: 13px !important;

        background: #f8fbfd !important;
    }

    .mc-account-shell
    .mc-settings-password-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }

    .mc-account-shell
    .mc-settings-password-grid label {
        gap: 5px !important;
    }

    .mc-account-shell
    .mc-settings-password-grid label > span {
        font-size: 9px !important;
    }

    .mc-account-shell
    .mc-settings-password-grid input {
        width: 100% !important;
        height: 36px !important;

        padding: 0 10px !important;

        border-radius: 7px !important;

        font-size: 11px !important;
    }


    .mc-account-shell
    .mc-settings-password-actions {
        margin-top: 11px !important;

        gap: 8px !important;
    }

    .mc-account-shell
    .mc-settings-primary {
        min-height: 34px !important;

        font-size: 9px !important;
    }


    /* =====================================================
       DEVICES
       ===================================================== */

    .mc-account-shell
    .mc-settings-devices-head
    .mc-settings-row {
        border-top:
            1px solid #edf1f5 !important;
    }

    .mc-account-shell
    .mc-settings-sessions {
        padding:
            0 12px 12px !important;
    }


    /*
     * Profile first row should not become
     * unnecessarily tall.
     */
    .mc-account-shell
    .mc-settings-profile-row {
        min-height: 66px !important;
    }

}


/* =========================================================
   CONFIGURAÇÕES SESSIONS - LIGHT FINAL
   ========================================================= */

.mc-account-shell
.mc-settings-page
.mc-settings-sessions {
    padding: 0 !important;

    background: #fff !important;
}


/*
 * Loading
 */
.mc-account-shell
.mc-settings-page
.mc-settings-sessions
.mc-auth-session-loading {
    width: 100% !important;

    min-height: 52px !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #fff !important;

    color: #71849f !important;

    font-size: 10px !important;
    line-height: 1.3 !important;

    text-align: left !important;

    box-shadow: none !important;
}


/*
 * Small spinner
 */
.mc-account-shell
.mc-settings-page
.mc-settings-sessions
.mc-auth-spinner {
    width: 15px !important;
    height: 15px !important;

    flex: 0 0 15px !important;

    border-width: 2px !important;
}


/*
 * Error / empty state also light.
 */
.mc-account-shell
.mc-settings-page
.mc-settings-sessions
.mc-auth-session-state {
    min-height: 52px !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #fff !important;

    color: #71849f !important;

    font-size: 10px !important;

    box-shadow: none !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-sessions
.mc-auth-session-state strong {
    color: #10223a !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-loading {

        min-height: 48px !important;

        padding: 10px 12px !important;

        font-size: 9px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-state {

        min-height: 48px !important;

        padding: 10px 12px !important;

        font-size: 9px !important;
    }

}


/* =========================================================
   SETTINGS SESSIONS - MOBILE CLEAN FINAL
   ========================================================= */

@media (max-width: 820px) {

    /*
     * Sessions container
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions {
        padding: 0 12px 12px !important;
        background: #fff !important;
    }


    /*
     * Remove big heading spacing from old renderer
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions h3,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions h4 {
        margin: 0 !important;
    }


    /*
     * Hide session count bubble.
     * This is the black "1" in your screenshot.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-count,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-account-session-count,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-count"] {
        display: none !important;
    }


    /*
     * Intro copy
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-sessions-head,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-header {
        margin: 0 !important;
        padding: 10px 0 6px !important;
    }


    /*
     * Generic paragraphs inside sessions
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions p {
        margin: 0 !important;

        color: #71849f !important;

        font-size: 9px !important;
        line-height: 1.35 !important;
    }


    /*
     * "ESTE DISPOSITIVO" old section label
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-section-title,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-group-title,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-section-title"],
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-group-title"] {
        display: none !important;
    }


    /*
     * Current session card.
     * Kill the huge green panel.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-item {
        position: relative !important;

        min-height: 0 !important;

        margin: 7px 0 0 !important;
        padding: 12px !important;

        display: grid !important;

        grid-template-columns:
            34px minmax(0, 1fr) !important;

        column-gap: 10px !important;
        row-gap: 3px !important;

        border: 1px solid #dce6ee !important;
        border-radius: 9px !important;

        background: #fff !important;

        box-shadow: none !important;
    }


    /*
     * Current session can have green border,
     * but very subtle.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card.is-current,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-item.is-current {
        border-color: #bcebd5 !important;

        background: #fbfffd !important;
    }


    /*
     * Device icon:
     * remove black giant square.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-device-icon"] {
        grid-column: 1 !important;
        grid-row: 1 / span 5 !important;

        width: 32px !important;
        height: 32px !important;

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 8px !important;

        background: #f2f7fb !important;

        color: #60758d !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon svg,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-device-icon"] svg {
        width: 17px !important;
        height: 17px !important;
    }


    /*
     * Main session info
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-info,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-copy {
        grid-column: 2 !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * Device/browser title
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-name,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-title {
        margin: 0 !important;

        color: #10223a !important;

        font-size: 10px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }


    /*
     * Session metadata
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-detail {
        margin: 2px 0 0 !important;

        color: #71849f !important;

        font-size: 8px !important;
        line-height: 1.35 !important;
    }


    /*
     * Green "Sessão atual" badge
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-current,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-badge {
        display: inline-flex !important;

        width: auto !important;
        min-height: 20px !important;

        margin: 0 0 0 6px !important;
        padding: 0 7px !important;

        align-items: center !important;

        border-radius: 999px !important;

        background: #dff8eb !important;

        color: #00a85f !important;

        font-size: 10px !important;
        line-height: 20px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }


    /*
     * Active status
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-active,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-active"] {
        margin-top: 5px !important;

        color: #00aa61 !important;

        font-size: 8px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }


    /*
     * Revoke button
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-revoke {
        min-height: 28px !important;

        margin-top: 7px !important;
        padding: 0 9px !important;

        border: 1px solid #f0cbd2 !important;
        border-radius: 7px !important;

        background: #fff !important;

        color: #e52e4d !important;

        font-size: 10px !important;
        font-weight: 800 !important;
    }


    /*
     * "No other sessions" text
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-empty,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    [class*="session-empty"] {
        min-height: 0 !important;

        margin: 8px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;

        color: #8a9bad !important;

        font-size: 8px !important;
        line-height: 1.35 !important;

        text-align: center !important;
    }

}


/* =========================================================
   SETTINGS MOBILE SESSIONS - REAL DOM FINAL
   ========================================================= */

@media (max-width: 820px) {

    /*
     * Settings 已经有自己的：
     * "Dispositivos conectados"
     * "Sessões ativas da sua conta."
     *
     * 所以 renderer 自带 header 整块不要。
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-sessions-header {
        display: none !important;
    }


    /*
     * ESTE DISPOSITIVO / OUTROS DISPOSITIVOS
     * Settings 里也不需要这种二级页面标题。
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-group {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-group > h4 {
        display: none !important;
    }


    /*
     * List
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-list {
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 8px !important;
    }


    /*
     * Session area should feel like part
     * of the settings card.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions {
        margin: 0 !important;

        padding: 0 12px 12px !important;

        background: #fff !important;
    }


    /*
     * One device = compact white row/card
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card {
        position: relative !important;

        width: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 11px 11px 10px !important;

        display: grid !important;

        grid-template-columns:
            32px minmax(0, 1fr) !important;

        column-gap: 9px !important;
        row-gap: 0 !important;

        align-items: start !important;

        border: 1px solid #e0e8ef !important;
        border-radius: 9px !important;

        background: #fff !important;

        box-shadow: none !important;
    }


    /*
     * Current device:
     * just a very subtle tint.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card.is-current {
        border-color: #c7ead9 !important;

        background: #fbfefd !important;
    }


    /*
     * Icon
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 32px !important;
        height: 32px !important;

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 8px !important;

        background: #f2f7fb !important;

        color: #60758d !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon svg {
        width: 17px !important;
        height: 17px !important;
    }


    /*
     * Details
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-details {
        grid-column: 2 !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * First line:
     * browser/device + Sessão atual
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-title {
        min-width: 0 !important;

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;

        gap: 6px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-title > strong {
        min-width: 0 !important;

        overflow: hidden !important;

        color: #10223a !important;

        font-size: 10px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /*
     * Session badge
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-current {
        flex: 0 0 auto !important;

        min-height: 18px !important;

        margin: 0 !important;
        padding: 0 6px !important;

        display: inline-flex !important;
        align-items: center !important;

        border-radius: 999px !important;

        background: #dff8eb !important;
        color: #00a85f !important;

        font-size: 10px !important;
        line-height: 18px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }


    /*
     * Web · IP · version
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta {
        margin: 5px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 0 !important;

        color: #71849f !important;

        font-size: 8px !important;
        line-height: 1.35 !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta span {
        display: inline-flex !important;
        align-items: center !important;
    }


    /*
     * Add dot between metadata values
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta span + span::before {
        content: "•";

        margin: 0 5px;

        color: #a4b1bf;
    }


    /*
     * Activity dates
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-times {
        margin: 5px 0 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 2px !important;

        color: #71849f !important;

        font-size: 8px !important;
        line-height: 1.35 !important;
    }


    /*
     * Current status
     * Put under details instead of floating
     * as a separate large element.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-status {
        grid-column: 2 !important;

        margin: 6px 0 0 !important;
        padding: 0 !important;

        color: #00a85f !important;

        font-size: 8px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;

        text-align: left !important;
    }


    /*
     * Other session revoke button
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-revoke {
        grid-column: 2 !important;

        width: fit-content !important;
        min-height: 27px !important;

        margin: 7px 0 0 !important;
        padding: 0 9px !important;

        border: 1px solid #f0cbd2 !important;
        border-radius: 7px !important;

        background: #fff !important;

        color: #e52e4d !important;

        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }


    /*
     * Empty "no other sessions" message
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-state {
        min-height: 0 !important;

        margin: 8px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;

        color: #8a9bad !important;

        font-size: 8px !important;
        line-height: 1.35 !important;

        text-align: center !important;

        box-shadow: none !important;
    }

}


/* =========================================================
   SETTINGS DESKTOP SESSIONS - CLEAN FINAL
   ========================================================= */

@media (min-width: 821px) {

    /*
     * Settings 已经有自己的标题：
     * Dispositivos conectados
     * Sessões ativas da sua conta.
     *
     * renderer 自带 header 不需要。
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-sessions-header {
        display: none !important;
    }


    /*
     * Este dispositivo / Outros dispositivos
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-group {
        margin: 0 !important;
        padding: 0 !important;
    }

    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-group > h4 {
        display: none !important;
    }


    /*
     * Sessions area
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions {
        margin: 0 !important;

        padding: 0 16px 16px !important;

        background: #fff !important;
    }


    /*
     * Session list
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-list {
        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;
    }


    /*
     * Compact desktop session card
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card {
        position: relative !important;

        width: 100% !important;
        min-height: 74px !important;

        margin: 0 !important;
        padding: 14px 16px !important;

        display: grid !important;

        grid-template-columns:
            38px
            minmax(0, 1fr)
            auto !important;

        column-gap: 12px !important;
        row-gap: 0 !important;

        align-items: center !important;

        border: 1px solid #dfe7ee !important;
        border-radius: 10px !important;

        background: #fff !important;

        box-shadow: none !important;
    }


    /*
     * Current session:
     * subtle green only.
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-card.is-current {
        border-color: #c4ead8 !important;

        background: #fbfffd !important;
    }


    /*
     * Icon
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon {
        grid-column: 1 !important;

        width: 38px !important;
        height: 38px !important;

        margin: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border: 0 !important;
        border-radius: 9px !important;

        background: #f2f7fb !important;

        color: #60758d !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-icon svg {
        width: 19px !important;
        height: 19px !important;
    }


    /*
     * Details
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-details {
        grid-column: 2 !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * Title row
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-title {
        margin: 0 !important;

        display: flex !important;
        align-items: center !important;

        gap: 8px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-title > strong {
        min-width: 0 !important;

        overflow: hidden !important;

        color: #10223a !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }


    /*
     * Sessão atual badge
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-current {
        min-height: 21px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        display: inline-flex !important;
        align-items: center !important;

        border-radius: 999px !important;

        background: #dff8eb !important;

        color: #00a85f !important;

        font-size: 8px !important;
        line-height: 21px !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }


    /*
     * Platform / IP / version
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta {
        margin: 5px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 0 !important;

        color: #71849f !important;

        font-size: 9px !important;
        line-height: 1.35 !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta span {
        display: inline-flex !important;
        align-items: center !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-meta span + span::before {
        content: "•";

        margin: 0 6px;

        color: #a6b2bf;
    }


    /*
     * Activity dates in one line on desktop
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-times {
        margin: 5px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 0 !important;

        color: #71849f !important;

        font-size: 9px !important;
        line-height: 1.35 !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-times span + span::before {
        content: "•";

        margin: 0 7px;

        color: #a6b2bf;
    }


    /*
     * Ativo agora on far right
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-status {
        grid-column: 3 !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: center !important;

        color: #00a85f !important;

        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;

        text-align: right !important;
    }


    /*
     * Revoke for other sessions
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-revoke {
        grid-column: 3 !important;

        min-height: 30px !important;

        margin: 0 !important;
        padding: 0 10px !important;

        border: 1px solid #f0cbd2 !important;
        border-radius: 7px !important;

        background: #fff !important;

        color: #e52e4d !important;

        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 800 !important;

        white-space: nowrap !important;
    }


    /*
     * No other sessions
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-sessions
    .mc-auth-session-state {
        min-height: 0 !important;

        margin: 10px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;

        color: #8b9bad !important;

        font-size: 8px !important;
        line-height: 1.3 !important;

        text-align: center !important;

        box-shadow: none !important;
    }

}


/* =========================================================
   SETTINGS DESKTOP PREFERENCES - SWITCH FINAL
   ========================================================= */

@media (min-width: 821px) {

    .mc-account-shell
    .mc-settings-page
    .mc-settings-section
    .mc-settings-switch {
        position: relative !important;

        width: 36px !important;
        height: 20px !important;

        min-width: 36px !important;
        min-height: 20px !important;

        flex: 0 0 36px !important;

        margin: 0 4px 0 14px !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 999px !important;

        background: #cbd7e1 !important;

        box-shadow: none !important;

        appearance: none !important;
        -webkit-appearance: none !important;

        cursor: pointer !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-section
    .mc-settings-switch > span {
        position: absolute !important;

        top: 2px !important;
        left: 2px !important;

        width: 16px !important;
        height: 16px !important;

        margin: 0 !important;

        border-radius: 50% !important;

        background: #fff !important;

        box-shadow:
            0 1px 3px rgba(0,0,0,.16) !important;

        transform: none !important;

        transition:
            left .18s ease !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-section
    .mc-settings-switch.is-active {
        background: #00bf6f !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-section
    .mc-settings-switch.is-active > span {
        left: 18px !important;

        transform: none !important;
    }


    /*
     * Preference rows slightly more compact
     */
    .mc-account-shell
    .mc-settings-page
    .mc-settings-section
    .mc-settings-row {
        min-height: 64px !important;
    }

}


/* =========================================================
   SETTINGS PROFILE ROWS - NAME / EMAIL FINAL
   ========================================================= */

/*
 * Profile rows keep normal settings structure:
 *
 * icon | label/value | action
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
.mc-settings-row {
    display: flex !important;
    align-items: center !important;

    gap: 14px !important;
}


/*
 * Content area
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
.mc-settings-row-copy {
    min-width: 0 !important;

    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 4px !important;
}


/*
 * Nome / E-mail label
 *
 * Do not let <strong> visually become
 * a full-width 388px block.
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
.mc-settings-row-copy > strong {
    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-block !important;

    color: #0c1724 !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}


/* =========================================================
   NAME INPUT
   ========================================================= */

.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
input.mc-settings-inline-input:not(.is-readonly) {
    width: auto !important;
    min-width: 80px !important;
    max-width: 260px !important;

    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-block !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: #60758d !important;

    font-size: 12px !important;
    line-height: 22px !important;

    box-shadow: none !important;
}


/*
 * Slight visual cue while editing.
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
input.mc-settings-inline-input:not(.is-readonly):focus {
    min-width: 140px !important;

    padding: 0 6px !important;

    border: 1px solid #b9d4e8 !important;
    border-radius: 5px !important;

    background: #fff !important;

    color: #0c1724 !important;
}


/* =========================================================
   EMAIL
   ========================================================= */

.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
input.mc-settings-inline-input.is-readonly {
    width: auto !important;
    min-width: 0 !important;
    max-width: 300px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: inline-block !important;

    border: 0 !important;

    background: transparent !important;

    color: #60758d !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    box-shadow: none !important;

    cursor: default !important;
}


/*
 * Right-side locked text
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
.mc-settings-lock {
    flex: 0 0 auto !important;

    margin-left: auto !important;

    color: #8b9bad !important;

    font-size: 8px !important;
    line-height: 1.25 !important;

    white-space: nowrap !important;
}


/*
 * Save button
 */
.mc-account-shell
.mc-settings-page
.mc-settings-profile-form
.mc-settings-action {
    flex: 0 0 auto !important;

    margin-left: auto !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    .mc-settings-row {
        gap: 10px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    .mc-settings-row-copy > strong {
        font-size: 14px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    input.mc-settings-inline-input:not(.is-readonly) {
        min-width: 60px !important;
        max-width: 150px !important;

        font-size: 11px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    input.mc-settings-inline-input:not(.is-readonly):focus {
        min-width: 120px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    input.mc-settings-inline-input.is-readonly {
        max-width: 175px !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;

        font-size: 11px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-profile-form
    .mc-settings-lock {
        max-width: 85px !important;

        font-size: 10px !important;

        white-space: normal !important;
        text-align: right !important;
    }

}


/* =========================================================
   DASHBOARD CARD TITLE ACTION - NO EXTRA SPACING
   ========================================================= */

.mc-account-shell
.mc-account-dashboard-grid
.mc-account-card-title
button[data-mc-dashboard-view] {
    margin: 0 !important;
    padding: 0 !important;

    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;

    line-height: 1.2 !important;
}


/* VER TODOS text + arrow */
.mc-account-shell
.mc-account-dashboard-grid
.mc-account-card-title
button[data-mc-dashboard-view] span {
    margin: 0 !important;
    padding: 0 !important;
}


.mc-account-shell
.mc-account-dashboard-grid
.mc-account-card-title
button[data-mc-dashboard-view]
.mc-account-arrow {
    margin: 0 0 0 5px !important;
    padding: 0 !important;
}


/* Mobile */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-account-dashboard-grid
    .mc-account-card-title
    button[data-mc-dashboard-view] {
        margin: 0 !important;
        padding: 0 !important;
    }

}


/* =========================================================
   MC USER AUTH - GLOBAL FONT RAJDHANI
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap');

.mc-account-app,
.mc-account-app *,
.mc-auth-modal,
.mc-auth-modal *,
.mc-auth-drawer,
.mc-auth-drawer * {
    font-family: Rajdhani, Arial, sans-serif !important;
}


/* Form controls */
.mc-account-app button,
.mc-account-app input,
.mc-account-app select,
.mc-account-app textarea,
.mc-auth-modal button,
.mc-auth-modal input,
.mc-auth-modal select,
.mc-auth-modal textarea,
.mc-auth-drawer button,
.mc-auth-drawer input,
.mc-auth-drawer select,
.mc-auth-drawer textarea {
    font-family: Rajdhani, Arial, sans-serif !important;
}


/* =========================================================
   DASHBOARD FAVORITE TEAM - STAR TOP RIGHT FINAL
   ========================================================= */

.mc-account-shell
.mc-fav-team-card {
    position: relative !important;
}


/*
 * Original element contains ♥.
 * Keep the element, replace visual with ★.
 */
.mc-account-shell
.mc-fav-team-card
.mc-fav-remove {
    position: absolute !important;

    top: 8px !important;
    right: 8px !important;

    bottom: auto !important;
    left: auto !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 1 !important;

    z-index: 3 !important;
}


/* Yellow favorite star */
.mc-account-shell
.mc-fav-team-card
.mc-fav-remove::before {
    content: "★" !important;

    display: block !important;

    color: #f5c400 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;

    text-shadow:
        0 1px 1px rgba(0, 0, 0, .08);
}


/* Mobile */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-fav-team-card
    .mc-fav-remove {
        top: 7px !important;
        right: 7px !important;

        width: 18px !important;
        height: 18px !important;
    }

    .mc-account-shell
    .mc-fav-team-card
    .mc-fav-remove::before {
        font-size: 14px !important;
    }

}


/* =========================================================
   DASHBOARD FAVORITE COMPETITION - STAR TOP RIGHT FINAL
   ========================================================= */

.mc-account-shell
.mc-fav-competition-card {
    position: relative !important;
}


/*
 * Move original favorite marker to top-right.
 * Original content is ♥, visually replace with ★.
 */
.mc-account-shell
.mc-fav-competition-card
.mc-fav-remove {
    position: absolute !important;

    top: 8px !important;
    right: 8px !important;

    bottom: auto !important;
    left: auto !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 1 !important;

    z-index: 3 !important;
}


/* Yellow star */
.mc-account-shell
.mc-fav-competition-card
.mc-fav-remove::before {
    content: "★" !important;

    display: block !important;

    color: #f5c400 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;

    text-shadow:
        0 1px 1px rgba(0, 0, 0, .08);
}


/* Mobile */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-fav-competition-card
    .mc-fav-remove {
        top: 7px !important;
        right: 7px !important;

        width: 18px !important;
        height: 18px !important;
    }


    .mc-account-shell
    .mc-fav-competition-card
    .mc-fav-remove::before {
        font-size: 14px !important;
    }

}


/* =========================================================
   FAVORITE FOLLOWING BUTTON - WHOLE BUTTON CENTER
   ========================================================= */

.mc-account-shell
.mc-fav-team-card
button.is-following,
.mc-account-shell
.mc-fav-competition-card
button.is-following {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: calc(100% - 20px) !important;
    max-width: none !important;

    margin: 10px auto 0 !important;

    padding-left: 8px !important;
    padding-right: 8px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Mobile */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-fav-team-card
    button.is-following,
    .mc-account-shell
    .mc-fav-competition-card
    button.is-following {
        width: calc(100% - 16px) !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}



/* =========================================================
   MEUS TIMES SMALL CARD - FOLLOWING NO MARGIN
   ========================================================= */

.mc-account-shell
.mc-teams-small-card
button.is-following {
    margin: 0 !important;
}


/* Mobile also force zero */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-teams-small-card
    .mc-teams-recommend-follow
    button.is-following {
        margin: 0 !important;
    }

}



/* =========================================================
   MEUS TIMES RECOMMENDED - BOTTOM BUTTON CENTER FINAL
   ========================================================= */

.mc-account-shell
.mc-teams-recommended-card
.mc-teams-recommend-follow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: calc(100% - 16px) !important;
    max-width: none !important;

    margin: 8px auto 8px !important;

    padding-left: 6px !important;
    padding-right: 6px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Mobile */
@media (max-width: 820px) {

    .mc-account-shell
    .mc-teams-recommended-card
    .mc-teams-recommend-follow {
        width: calc(100% - 16px) !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

}



/* =========================================================
   MEUS TIMES - FAVORITES COMPACT DIFFERENT FROM RECOMMENDED
   ========================================================= */

/*
 * Seus times:
 * compact card, no fake bottom space
 */
.mc-account-shell
.mc-teams-favorite-card {
    position: relative !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 12px 10px 11px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 6px !important;

    border: 1px solid #d9e4ed !important;
    border-radius: 9px !important;

    background: #fff !important;

    overflow: hidden !important;
}


/*
 * Favorite logo
 */
.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-logo {
    width: 52px !important;
    height: 52px !important;

    margin: 0 auto 2px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-logo img {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
}


/*
 * Copy
 */
.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-copy {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    gap: 3px !important;

    text-align: center !important;
}


.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-copy strong {
    max-width: 100% !important;

    overflow: hidden !important;

    color: #10223a !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-copy small {
    margin: 0 !important;

    color: #8191a4 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
}


/*
 * Replace old heart with yellow star
 * top right.
 */
.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-heart {
    position: absolute !important;

    top: 7px !important;
    right: 7px !important;

    bottom: auto !important;
    left: auto !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: transparent !important;

    font-size: 0 !important;

    z-index: 4 !important;
}


.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-heart::before {
    content: "★" !important;

    color: #f5c400 !important;

    font-family: Arial, sans-serif !important;

    font-size: 14px !important;
    line-height: 1 !important;
}


/*
 * Full-card click overlay must stay under star
 */
.mc-account-shell
.mc-teams-favorite-card
.mc-teams-favorite-card-link {
    position: absolute !important;

    inset: 0 !important;

    z-index: 2 !important;
}


/* =========================================================
   RECOMMENDED CARDS KEEP THEIR OWN LOOK
   ========================================================= */

.mc-account-shell
.mc-teams-recommended-card {
    min-height: 148px !important;

    padding: 10px 8px 8px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}


/*
 * Keep recommended follow button at bottom.
 */
.mc-account-shell
.mc-teams-recommended-card
.mc-teams-recommend-follow {
    margin-top: auto !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-teams-favorite-card {
        padding: 10px 8px !important;

        gap: 5px !important;
    }


    .mc-account-shell
    .mc-teams-favorite-card
    .mc-teams-favorite-logo {
        width: 48px !important;
        height: 48px !important;
    }


    .mc-account-shell
    .mc-teams-favorite-card
    .mc-teams-favorite-copy strong {
        font-size: 12px !important;
    }


    .mc-account-shell
    .mc-teams-favorite-card
    .mc-teams-favorite-copy small {
        font-size: 10px !important;
    }

}


/* =========================================================
   COMPETITION CARDS - BUTTON CENTER + YELLOW STAR FINAL
   ========================================================= */

.mc-account-shell
.mc-competition-user-card {
    position: relative !important;
}


/* ---------------------------------------------------------
   Bottom button - whole button centered
   --------------------------------------------------------- */

.mc-account-shell
.mc-competition-user-card
.mc-competition-follow {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: calc(100% - 16px) !important;
    max-width: none !important;

    margin: 8px auto 8px !important;

    padding-left: 6px !important;
    padding-right: 6px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


/* Following button same position */
.mc-account-shell
.mc-competition-user-card
.mc-competition-follow.is-following {
    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   Favorite heart -> yellow star
   --------------------------------------------------------- */

.mc-account-shell
.mc-competition-user-card
.mc-competition-fav {
    position: absolute !important;

    top: 7px !important;
    right: 7px !important;

    bottom: auto !important;
    left: auto !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: transparent !important;

    font-size: 0 !important;
    line-height: 1 !important;

    z-index: 5 !important;
}


.mc-account-shell
.mc-competition-user-card
.mc-competition-fav::before {
    content: "★" !important;

    display: block !important;

    color: #f5b800 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-competition-user-card
    .mc-competition-follow {
        width: calc(100% - 16px) !important;

        margin: 8px auto 8px !important;
    }


    .mc-account-shell
    .mc-competition-user-card
    .mc-competition-fav {
        top: 7px !important;
        right: 7px !important;
    }

}



/* =========================================================
   SETTINGS CHANGE PASSWORD - FINAL
   ========================================================= */

.mc-account-shell
.mc-settings-page
.mc-settings-password-expand {
    margin: 0 !important;

    padding: 18px !important;

    border-top:
        1px solid #e4ebf1 !important;

    background:
        #f8fbfd !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-change-password-form {
    margin: 0 !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-fields {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 14px !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-fields label {
    min-width: 0 !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    gap: 6px !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-fields label > span {
    color: #0c1724 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-fields input {
    width: 100% !important;
    height: 38px !important;

    margin: 0 !important;
    padding: 0 11px !important;

    border:
        1px solid #d5e0e9 !important;

    border-radius: 8px !important;

    outline: 0 !important;

    background: #fff !important;

    color: #0c1724 !important;

    font-size: 11px !important;

    box-shadow: none !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-fields input:focus {
    border-color:
        #00bd70 !important;

    box-shadow:
        0 0 0 2px rgba(0,189,112,.08) !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-note {
    margin-top: 11px !important;

    color: #778a9f !important;

    font-size: 9px !important;
    line-height: 1.35 !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-footer {
    margin-top: 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-cancel,
.mc-account-shell
.mc-settings-page
.mc-settings-password-save {
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 13px !important;

    border-radius: 8px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-cancel {
    border:
        1px solid #d6e0e8 !important;

    background: #fff !important;

    color: #60758d !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-save {
    border:
        1px solid #00bd70 !important;

    background: #00bd70 !important;

    color: #fff !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-save:disabled {
    opacity: .6 !important;

    cursor: default !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-message {
    min-height: 0 !important;

    margin-top: 10px !important;

    font-size: 9px !important;
    line-height: 1.3 !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-message.is-error {
    color: #e63553 !important;
}


.mc-account-shell
.mc-settings-page
.mc-settings-password-message.is-success {
    color: #00a85f !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 820px) {

    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-expand {
        padding: 13px 12px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-fields {
        grid-template-columns:
            1fr !important;

        gap: 10px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-fields input {
        height: 36px !important;

        font-size: 10px !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-footer {
        justify-content:
            stretch !important;
    }


    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-cancel,
    .mc-account-shell
    .mc-settings-page
    .mc-settings-password-save {
        flex: 1 1 0 !important;

        min-width: 0 !important;
    }

}



/* =========================================================
   AUTH FORGOT / RESET PASSWORD - FINAL
   ========================================================= */

.mc-auth-forgot-row {
    margin:
        -4px 0 12px !important;

    display: flex !important;

    justify-content:
        flex-end !important;
}


.mc-auth-forgot-link,
.mc-auth-back-link {
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background:
        transparent !important;

    color:
        #e52b8d !important;

    font-family:
        Rajdhani,
        Arial,
        sans-serif !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    text-transform:
        none !important;

    cursor: pointer !important;
}


.mc-auth-forgot-link:hover,
.mc-auth-back-link:hover {
    color:
        #ff4fa6 !important;
}


.mc-auth-back-link {
    margin-bottom:
        14px !important;

    color:
        #9aa5ad !important;
}


.mc-auth-view[
    data-mc-auth-view="forgot"
]
.mc-auth-heading,
.mc-auth-view[
    data-mc-auth-view="reset"
]
.mc-auth-heading {
    margin-bottom:
        20px !important;
}


.mc-auth-form-message.is-success {
    color:
        #1ecb7b !important;
}


.mc-auth-form-message.is-error {
    color:
        #ff5d77 !important;
}

.mc-auth-switch span {
    color: #fff !important;
}