*{box-sizing:border-box}
    html,
body{width:100%;height:100%;background:#04101a;overscroll-behavior:none}
    body{
      margin:0;
      overflow-x:hidden;
      overflow-y:hidden;
      font-family:Arial, Helvetica, sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 15% 12%, rgba(34,197,94,.08), transparent 22%),
        radial-gradient(circle at 86% 10%, rgba(59,130,246,.08), transparent 22%),
        linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #020814 100%);
    }

    .app{
      
      height:100%;
      
      
      
      
      overflow:hidden;
    }

    

    
    

    
    
    
    
    

    

    
    
    
    

    .main{
      min-width:0;min-height:0;
      display:grid;
      grid-template-rows:var(--top-h) 1fr;
      gap:var(--gap);
      overflow:hidden;
    }

    .topbar{
      border:1px solid var(--line);
      border-radius:30px;
      background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
      box-shadow:var(--shadow);
      padding:0 24px;
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:18px;
      overflow:hidden;
    }
    .eyebrow{
      font-size:11px;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:#8de5ad;
      font-weight:800;
      margin-bottom:6px;
    }
    .title{
      margin:0;
      font-size:28px;
      line-height:1.02;
      font-weight:900;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .top-pills{
      display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;
    }
    .pill{
      min-height:38px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.03);
      display:inline-flex;align-items:center;
      font-size:13px;font-weight:700;color:var(--text);
    }
    .pill.accent{
      border-color:rgba(34,197,94,.18);
      background:rgba(22,163,74,.10);
      color:#d8ffe6;
    }

    .content{
      min-height:0;
      display:grid;
      grid-template-rows:auto auto 1fr;
      gap:18px;
      overflow:hidden;
    }

    .card{
      border:1px solid var(--line);
      border-radius:30px;
      background:
        radial-gradient(circle at top right, rgba(34,197,94,.07), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
        var(--panel);
      box-shadow:var(--shadow);
      overflow:hidden;
      min-height:0;
    }

    .hero{
      padding:28px;
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:22px;
      align-items:stretch;
    }
    .hero-title{
      margin:0 0 14px;
      font-size:46px;
      line-height:.98;
      font-weight:900;
      max-width:520px;
    }
    .hero-copy{
      font-size:15px;
      line-height:1.58;
      color:#d2deeb;
      max-width:620px;
    }
    .hero-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top:20px;
    }

    .btn{
      min-height:40px;
      padding:0 16px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      color:var(--text);
      text-decoration:none;
      font-size:13px;
      font-weight:800;
      display:inline-flex;align-items:center;justify-content:center;
      white-space:nowrap;
      cursor:pointer;
    }
    .btn.primary{
      background:linear-gradient(180deg, rgba(34,197,94,.24), rgba(22,163,74,.16));
      border-color:rgba(34,197,94,.26);
    }
    @media (hover:hover){
      .btn{
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
      }
      .btn:hover{
        transform:translateY(-1px);
        border-color:rgba(255,255,255,.14);
        box-shadow:0 12px 24px rgba(0,0,0,.18);
        filter:brightness(1.06);
      }
      .btn.primary:hover{
        box-shadow:0 16px 28px rgba(34,197,94,.26);
        filter:brightness(1.08);
      }
      
      
      
    }

    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }

    .dashboard-user-welcome{
      flex:0 1 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      padding:0 16px;
      border-radius:999px;
      border:1px solid rgba(34,197,94,.24);
      background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(22,163,74,.11));
      color:#dfffea;
      font-size:13px;
      line-height:1;
      font-weight:900;
      box-shadow:0 12px 26px rgba(0,0,0,.14);
      max-width:min(440px, 38vw);
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .metric{
      border-radius:18px;
      padding:14px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.05);
      min-height:92px;
      display:grid;
      gap:6px;
      align-content:start;
    }
    .metric-k{
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:#8de5ad;
      font-weight:800;
    }
    .metric-v{
      font-size:20px;
      line-height:1.08;
      font-weight:900;
      white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;
    }
    .metric-m{
      font-size:11px;
      color:var(--muted);
      white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    }

    .grid{
      min-height:0;
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      grid-template-rows:repeat(2,minmax(220px,1fr));
      grid-auto-rows:minmax(220px,1fr);
      gap:18px;
      overflow:hidden;
    }

    .module{
      padding:18px;
      display:grid;
      grid-template-rows:auto 1fr;
      gap:12px;
      min-height:0;
    }
    .module-head{
      display:grid;
      grid-template-columns:1fr auto;
      gap:14px;
      align-items:start;
    }
    .module-head-actions{
      display:flex;
      align-items:start;
      justify-content:flex-end;
    }
    .module-kicker{
      font-size:11px;letter-spacing:.14em;text-transform:uppercase;
      color:#8de5ad;font-weight:800;margin-bottom:8px;
    }
    .module-title{
      margin:0 0 8px;
      font-size:17px;
      line-height:1.06;
      font-weight:900;
    }
    .module-copy{
      font-size:11px;
      line-height:1.4;
      color:#ccd8e4;
      max-width:340px;
    }

    .data-list{
      display:grid;
      gap:8px;
      min-height:0;
      align-content:start;
    }
    .data-row{
      border-radius:16px;
      padding:10px 12px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.05);
      display:grid;
      gap:4px;
      min-width:0;
      min-height:68px;
      align-content:start;
    }
    .data-label{
      font-size:10px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:#8de5ad;
      font-weight:800;
    }
    .data-value{
      font-size:15px;
      line-height:1.15;
      font-weight:900;
      white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    }
    .data-meta{
      font-size:11px;
      color:var(--muted);
      white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    }


    .locked-feature{position:relative;}
    .locked-feature::after{
      content:"PRO";
      position:absolute;
      top:8px;
      right:8px;
      min-width:28px;
      height:18px;
      padding:0 7px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:999px;
      background:linear-gradient(135deg,#22c55e,#16a34a);
      border:1px solid rgba(255,255,255,.16);
      color:#fff;
      font-size:9px;
      line-height:1;
      letter-spacing:.08em;
      font-weight:900;
      box-shadow:0 8px 18px rgba(34,197,94,.22);
      pointer-events:none;
    }
    .nav-item.locked-feature{overflow:visible;isolation:isolate;}
    .nav-item.locked-feature::after{top:-6px;right:-6px;z-index:5;}
    .btn.locked-feature{padding-right:16px;overflow:visible;isolation:isolate;}
    .btn.locked-feature::after{top:-8px;right:-8px;transform:none;z-index:5;}
    .module-head-actions .btn.locked-feature::after{top:-8px;right:-8px;transform:none;z-index:6;}
    .nav-btn.locked-feature{padding-right:54px;overflow:visible;isolation:isolate;}
    .nav-btn.locked-feature::after{top:-6px;right:-6px;transform:none;z-index:5;}
    .module.is-locked .module-copy,
.module.is-locked .data-row{opacity:1;}
    .upgrade-btn{
      display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 16px; border:none;
      border-radius:999px; background:linear-gradient(135deg,#22c55e 0%, #16a34a 55%, #15803d 100%);
      color:#fff; font-weight:800; font-size:12px; letter-spacing:.3px; text-decoration:none; cursor:pointer;
      box-shadow:0 8px 18px rgba(34,197,94,.28), inset 0 1px 0 rgba(255,255,255,.15);
    }
    .upgrade-btn:hover{
      background:linear-gradient(135deg,#4ade80 0%, #22c55e 55%, #16a34a 100%);
      border:none; color:#fff; transform:translateY(-1px);
    }

/* Posiciona apenas o botão UPGRADE PRO sobre a coluna direita dos cards de estado. */
.hero{
  position:relative;
}
#upgradeBtn{
  position:absolute;
  top:28px;
  right:28px;
  z-index:10;
}
.hero-metrics{
  padding-top:54px;
}
@media (max-width: 1100px){
  #upgradeBtn{
    position:static;
  }
  .hero-metrics{
    padding-top:0;
  }
}

    .upgrade-modal{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:rgba(2,6,23,.64);
      backdrop-filter:blur(12px);
    }
    .upgrade-dialog{
      width:min(100%,720px);
      max-height:min(88vh,860px);
      border-radius:28px;
      border:1px solid var(--line);
      background:var(--mfe-card-bg-strong,linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)));
      box-shadow:0 32px 80px rgba(2,6,23,.5);
      padding:24px;
      display:grid;
      grid-template-rows:auto minmax(0,1fr);
      gap:16px;
      overflow:hidden;
      color:var(--text);
    }
    .upgrade-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
    }
    .upgrade-modal-title{
      margin:0;
      font-size:26px;
      line-height:1.05;
      font-weight:900;
      color:var(--text);
    }
    .upgrade-close{
      width:42px;
      height:42px;
      flex:none;
      border-radius:14px;
      border:1px solid var(--mfe-input-border,rgba(255,255,255,.08));
      background:var(--mfe-input-bg,rgba(255,255,255,.04));
      color:var(--text);
      font:inherit;
      font-size:22px;
      font-weight:900;
      cursor:pointer;
    }
    .upgrade-body{
      min-height:0;
      overflow:auto;
      padding-right:4px;
    }
    .upgrade-body::-webkit-scrollbar{width:10px;}
    .upgrade-body::-webkit-scrollbar-track{
      background:var(--mfe-scroll-track,rgba(255,255,255,.04));
      border-radius:999px;
    }
    .upgrade-body::-webkit-scrollbar-thumb{
      background:var(--mfe-scroll-thumb,rgba(34,197,94,.42));
      border-radius:999px;
    }
    .upgrade-panel{
      margin:0;
      padding:16px;
      border:1px solid var(--line);
      border-radius:20px;
      background:var(--mfe-card-bg,rgba(255,255,255,.03));
      display:grid;
      gap:16px;
    }
    .upgrade-plan-badge{
      width:max-content;
      min-height:28px;
      padding:0 10px;
      border-radius:999px;
      border:1px solid rgba(var(--mfe-accent-rgb,34,197,94),.36);
      background:rgba(var(--mfe-accent-rgb,34,197,94),.18);
      color:var(--text);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:10px;
      font-weight:950;
      letter-spacing:.09em;
      text-transform:uppercase;
    }
    .upgrade-title{
      margin:0;
      font-size:17px;
      line-height:1.15;
      font-weight:900;
      color:var(--text);
    }
    .upgrade-subtitle{
      margin:0;
      color:var(--muted);
      font-size:12px;
      line-height:1.5;
    }
    .upgrade-list{
      margin:0;
      padding-left:20px;
      display:grid;
      gap:8px;
      color:var(--muted);
      font-size:13px;
      line-height:1.45;
    }
    .upgrade-actions{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .upgrade-actions .btn{
      width:100%;
      min-height:42px;
    }
    html[data-mfe-theme="light"] .upgrade-modal{
      background:rgba(15,23,42,.34);
    }

    @media (max-width:900px){
      .upgrade-modal{
        padding:10px;
        align-items:flex-end;
      }
      .upgrade-dialog{
        width:100%;
        max-height:92vh;
        border-radius:24px 24px 0 0;
        padding:18px;
      }
      .upgrade-actions{grid-template-columns:1fr;}
    }

    @media (max-width: 1360px){
      .hero{
        grid-template-columns:1fr;
      }
      .grid{
        grid-template-columns:1fr;
        grid-template-rows:repeat(4,minmax(180px,auto));
      }
    }
    @media (max-width: 1100px){
      body{overflow:auto;}
      .app{height:auto;min-height:100%;}
      
      .main{grid-template-rows:auto auto;}
      .content{grid-template-rows:auto auto;overflow:visible;}
      .grid{grid-template-columns:1fr;grid-template-rows:none;}
    }
  
/* --- mobile only improvements --- */
@media (max-width: 900px){
  html,
body{height:auto;min-height:100%;}
  body{overflow:auto;-webkit-overflow-scrolling:touch;}
  .app{height:auto;min-height:100vh;overflow:visible;}
  
  .main{min-height:0;height:auto;display:block;overflow:visible;}
  .topbar{padding:16px;border-radius:22px;display:grid;grid-template-columns:1fr;gap:12px;align-items:start;overflow:visible;}
  .title{font-size:26px;white-space:normal;line-height:1.05;}
  .top-pills{justify-content:flex-start;gap:8px}
  .pill{min-height:34px;padding:0 12px;font-size:12px}
  .content{min-height:0;height:auto;display:block;overflow:visible;}
  .card,
.panel{border-radius:22px;overflow:visible}
  .hero{grid-template-columns:1fr !important;padding:18px;gap:16px;}
  .hero-title{font-size:24px}
  .hero-copy{font-size:13px;line-height:1.5}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .hero-actions .btn,
.hero-actions a.btn{width:100%}
  .hero-metrics,
.metrics{grid-template-columns:1fr !important;gap:10px}
  .metric{min-height:unset;padding:14px}
  .workspace,
.dashboard-grid,
.stats-grid,
.cards-grid{display:block !important;overflow:visible;}
  .workspace > .panel + .panel,
.dashboard-grid > * + *,
.cards-grid > * + *{margin-top:16px}
  .panel{padding:16px}
  .section-head{align-items:stretch}
  .toolbar,
.savebar,
.row{width:100%}
  .toolbar .input,
.savebar .btn,
.row .btn,
.toolbar .btn{width:100%}
  .list,
.preview-panel,
.editor-scroll{min-height:0;height:auto;overflow:visible;padding-right:0;}
  .form-grid,
.summary-grid,
.player-grid,
.data-grid,
.info-grid{grid-template-columns:1fr !important;}
  .table-wrap{overflow:auto}
  .quick-actions,
.action-grid{display:grid !important;grid-template-columns:1fr !important;gap:10px;}
  input[type="datetime-local"],
.input,
.select,
.textarea{font-size:16px;}
}
@media (max-width: 640px){
  
  .topbar{padding:14px;border-radius:20px}
  .title{font-size:24px}
  .hero{padding:16px}
  .hero-title{font-size:22px}
  .panel{padding:14px}
  .section-title{font-size:20px}
  .savebar{display:grid;grid-template-columns:1fr;gap:10px}
}


@media (max-width: 640px){
  
  .topbar{padding:14px !important;border-radius:20px !important;}
  .title{font-size:24px !important;}
  .hero{padding:16px !important;}
  .hero-title{font-size:22px !important;}
  .panel{padding:14px !important;}
  .section-title{font-size:20px !important;}
}


/* --- mobile navigation aligned with Tactical Animations --- */

@media(max-width:760px){
  html,
body{width:100%;max-width:100%;height:auto;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important}
  body{min-height:100svh}
  .app{
    
    
    
    
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    
  }
  
  
  
  
  
  
  
  
  
  
  .nav-icon-field{width:24px!important;height:16px!important}
  
  .main,
.content,
.workspace,
.editor-grid,
.editor-host,
.editor-scroll,
.preview-panel,
.list,
.panel,
.card,
.hero,
.topbar{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .main{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    display:grid!important;
    gap:10px!important;
  }
  .content,
.workspace,
.editor-grid,
.editor-host,
.editor-scroll,
.preview-panel,
.list{height:auto!important;min-height:0!important;overflow:visible!important}
  .hero,
.topbar{grid-template-columns:1fr!important;padding:12px!important;border-radius:22px!important;gap:12px!important}
  .hero-actions,
.toolbar,
.savebar,
.row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  .hero-actions .btn,
.toolbar .btn,
.savebar .btn,
.row .btn{width:100%!important;min-height:38px!important;font-size:12px!important}
  
}

.dashboard-hero-main{
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:20px;
}
.dashboard-hero-main .hero-title{
  margin:0;
}
.dashboard-hero-pickers{
  margin-top:0;
  min-height:0;
  height:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.dashboard-media-picker{
  min-height:0;
  height:100%;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(148px,168px);
  gap:16px;
  align-items:stretch;
}
.dashboard-media-preview{
  width:100%;
  min-height:0;
  height:100%;
  border-radius:18px;
  border:1px dashed #334155;
  background:linear-gradient(180deg,#07111f,#020617);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#64748b;
  font-size:12px;
  text-align:center;
  padding:14px;
  position:relative;
}
.dashboard-media-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:none;
  position:absolute;
  inset:0;
  margin:auto;
}
.dashboard-media-preview span{
  line-height:1.2;
}
.dashboard-media-body{
  min-width:0;
  display:grid;
  grid-template-rows:auto 1fr;
  gap:12px;
  align-items:stretch;
}
.dashboard-media-label{
  font-size:18px;
  font-weight:800;
  color:#86efac;
  line-height:1.1;
  white-space:nowrap;
}
.dashboard-media-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  align-content:end;
}
.dashboard-media-actions .btn{
  min-height:40px;
  padding:0 12px;
  font-size:14px;
  border-radius:14px;
}
.dashboard-media-actions .btn.danger{
  background:linear-gradient(180deg,#3a1616,#210c0c);
  border-color:#6b1b1b;
  color:#fecaca;
}
.dashboard-media-input{
  display:none;
}
.dashboard-media-status{
  margin-top:10px;
  min-height:20px;
  font-size:13px;
  color:var(--muted);
}
.dashboard-media-status.ok{ color:#86efac; }
.dashboard-media-status.warn{ color:#fca5a5; }
@media (max-width: 900px){
  .dashboard-hero-main{
    height:auto;
    gap:16px;
  }
  .dashboard-hero-pickers{
    height:auto;
    grid-template-columns:1fr;
    gap:14px;
  }
  .dashboard-media-picker{
    height:auto;
    padding:16px;
    grid-template-columns:minmax(0,1fr) minmax(132px,148px);
    gap:14px;
  }
  .dashboard-media-preview{
    min-height:132px;
  }
  .dashboard-media-label{
    font-size:16px;
  }
  .dashboard-media-actions .btn{
    min-height:40px;
    font-size:14px;
  }
}
@media (max-width: 640px){
  .dashboard-media-picker{
    grid-template-columns:1fr;
  }
  .dashboard-media-body{
    grid-template-rows:auto auto;
  }
  .dashboard-media-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

.btn,
button,
.nav-btn,
.icon-btn,
.export-trigger-inline,
.export-option-inline{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease, background .18s ease, color .18s ease;
}
.btn:hover,
button:hover,
.nav-btn:hover,
.icon-btn:hover,
.export-trigger-inline:hover,
.export-option-inline:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:0 12px 24px rgba(0,0,0,.18);
  filter:brightness(1.06);
}
.btn.primary:hover,
.btn.pri:hover,
button.primary:hover,
button.pri:hover{
  box-shadow:0 16px 28px rgba(34,197,94,.26);
  filter:brightness(1.08);
}



  body.is-app-loading{overflow:hidden;}
  .app-loading-overlay{
    position:fixed;
    inset:0;
    z-index:99999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:
      radial-gradient(circle at 20% 12%, rgba(34,197,94,.10), transparent 28%),
      radial-gradient(circle at 82% 8%, rgba(59,130,246,.10), transparent 26%),
      linear-gradient(145deg, rgba(4,16,26,.96) 0%, rgba(7,22,40,.98) 60%, rgba(2,8,20,.99) 100%);
    backdrop-filter:blur(10px);
    opacity:1;
    visibility:visible;
    transition:opacity .35s ease, visibility .35s ease;
  }
  .app-loading-overlay.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .app-loading-card{
    width:min(430px, calc(100vw - 32px));
    padding:28px 24px 24px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(circle at top, rgba(34,197,94,.16), transparent 36%),
      linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.98));
    box-shadow:0 30px 80px rgba(0,0,0,.44);
    text-align:center;
  }
  .app-loading-logo-wrap{
    width:84px;
    height:84px;
    margin:0 auto 16px;
    padding:10px;
    border-radius:24px;
    background:linear-gradient(135deg, rgba(34,197,94,.18), rgba(21,128,61,.22));
    border:1px solid rgba(34,197,94,.24);
    box-shadow:0 16px 34px rgba(34,197,94,.18);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .app-loading-logo{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
    border-radius:18px;
  }
  .app-loading-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:30px;
    padding:0 12px;
    margin-bottom:14px;
    border-radius:999px;
    border:1px solid rgba(34,197,94,.22);
    background:rgba(34,197,94,.10);
    color:#bbf7d0;
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .app-loading-title{
    margin:0;
    font-size:clamp(24px, 3vw, 28px);
    line-height:1.05;
    font-weight:900;
    color:#f8fafc;
    white-space:nowrap;
  }
  .app-loading-copy{
    margin:10px 0 0;
    color:#cbd5e1;
    font-size:14px;
    line-height:1.55;
  }
  .app-loading-progress-wrap{
    margin-top:22px;
    display:grid;
    gap:12px;
  }
  .app-loading-progress-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    text-align:left;
  }
  .app-loading-status{
    min-width:0;
    color:#e2e8f0;
    font-size:13px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .app-loading-percent{
    color:#86efac;
    font-size:13px;
    font-weight:900;
    letter-spacing:.04em;
  }
  .app-loading-bar{
    position:relative;
    height:14px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.07);
    box-shadow:inset 0 1px 2px rgba(0,0,0,.22);
  }
  .app-loading-bar-fill{
    position:absolute;
    inset:0 auto 0 0;
    width:0%;
    border-radius:inherit;
    background:linear-gradient(90deg, #22c55e 0%, #4ade80 55%, #86efac 100%);
    box-shadow:0 0 24px rgba(34,197,94,.28);
    transition:width .3s ease;
    overflow:hidden;
  }
  .app-loading-bar-fill::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.26) 45%, transparent 100%);
    transform:translateX(-100%);
    animation:appLoadingShine 1.3s linear infinite;
  }
  .app-loading-foot{
    margin-top:14px;
    color:#94a3b8;
    font-size:12px;
  }
  @keyframes appLoadingShine{
    to{ transform:translateX(100%); }
  }
  @media (max-width: 640px){
    .app-loading-card{
      padding:24px 18px 20px;
      border-radius:24px;
    }
    .app-loading-logo-wrap{
      width:74px;
      height:74px;
      border-radius:22px;
    }
    .app-loading-title{
      font-size:22px;
    }
  }

  :root{
    --bg:#04101a;
    --bg2:#071628;
    --panel:#0a1627;
    --panel-soft:rgba(255,255,255,.03);
    --line:rgba(255,255,255,.07);
    --text:#eef3f9;
    --muted:#9cb0c7;
    --accent:#22c55e;
    --accent-dark:#16a34a;
    --shadow:0 18px 42px rgba(0,0,0,.34);
    --radius-xl:28px;
    --radius-lg:22px;
    --radius-md:18px;
    --sidebar-w:var(--mf-shell-sidebar-width,132px);
    --gap:18px;
    --top-h:88px;
  }
  body{background:radial-gradient(circle at 15% 12%, rgba(34,197,94,.08), transparent 22%), radial-gradient(circle at 86% 10%, rgba(59,130,246,.08), transparent 22%), linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #020814 100%) !important;}
  
  
  
  
  .nav-icon-field{width:28px;height:18px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 40'%3E%3Crect x='2' y='2' width='60' height='36' rx='8' fill='none' stroke='%23bff4ce' stroke-width='3'/%3E%3Cpath d='M32 2v36M2 20h60' stroke='%23bff4ce' stroke-width='3'/%3E%3Ccircle cx='32' cy='20' r='6' fill='none' stroke='%23bff4ce' stroke-width='3'/%3E%3Cpath d='M2 12h9v16H2M53 12h9v16h-9' stroke='%23bff4ce' stroke-width='3' fill='none'/%3E%3C/svg%3E");}

  .content{grid-template-rows:auto auto 1fr;}
  body.daily-report-open{overflow:hidden;}
  .daily-report-card{
    padding:18px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:center;
    border-radius:24px;
    background:
      radial-gradient(circle at 8% 0%, rgba(34,197,94,.10), transparent 32%),
      linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
      var(--panel);
  }
  .daily-report-main{display:grid;gap:8px;min-width:0;}
  .daily-report-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8de5ad;font-weight:900;}
  .daily-report-title{margin:0;font-size:20px;line-height:1.12;font-weight:900;color:var(--text);}
  .daily-report-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.45;}
  .daily-report-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px;}
  .daily-report-chip{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;color:#e8f2ff;}
  .daily-report-chip::before{content:"";width:8px;height:8px;border-radius:999px;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12);}
  .daily-report-chip.ok{border-color:rgba(34,197,94,.26);background:rgba(34,197,94,.09);color:#d8ffe6;}
  .daily-report-chip.ok::before{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16);}
  .daily-report-chip.moderate{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.10);color:#ffedc2;}
  .daily-report-chip.moderate::before{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16);}
  .daily-report-chip.severe{border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.12);color:#ffe0e0;}
  .daily-report-chip.severe::before{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16);}
  .daily-report-action-panel{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:180px;}
  .daily-report-modal{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(1,7,15,.72);backdrop-filter:blur(14px);}
  .daily-report-modal.is-open{display:flex;}
  .daily-report-dialog{width:min(1120px,100%);max-height:min(92vh,940px);display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,255,255,.09);border-radius:30px;background:
    radial-gradient(circle at top left, rgba(34,197,94,.12), transparent 28%),
    linear-gradient(180deg, rgba(10,22,39,.98), rgba(4,16,26,.98));box-shadow:0 30px 80px rgba(0,0,0,.48);overflow:hidden;}
  .daily-report-head{padding:22px 24px 18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;border-bottom:1px solid rgba(255,255,255,.07);}
  .daily-report-head-copy{display:grid;gap:7px;min-width:0;}
  .daily-report-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8de5ad;font-weight:900;}
  .daily-report-modal-title{margin:0;font-size:28px;line-height:1.05;font-weight:950;color:var(--text);}
  .daily-report-generated{font-size:12px;color:var(--muted);}
  .daily-report-head-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
  .daily-report-toggle{min-height:40px;padding:5px 12px 5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:850;color:#dbe7f5;cursor:pointer;white-space:nowrap;position:relative;user-select:none;}
  .daily-report-toggle input{position:absolute;opacity:0;inline-size:1px;block-size:1px;pointer-events:none;}
  .daily-report-switch-track{width:48px;height:28px;border-radius:999px;padding:3px;display:inline-flex;align-items:center;justify-content:flex-start;flex:none;border:1px solid rgba(148,163,184,.26);background:linear-gradient(180deg,rgba(148,163,184,.18),rgba(15,23,42,.72));box-shadow:inset 0 1px 2px rgba(0,0,0,.35);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
  .daily-report-switch-thumb{width:20px;height:20px;border-radius:999px;background:#cbd5e1;box-shadow:0 5px 12px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.65);transform:translateX(0);transition:transform .18s ease,background .18s ease;}
  .daily-report-toggle input:checked + .daily-report-switch-track{justify-content:flex-start;border-color:rgba(34,197,94,.42);background:linear-gradient(180deg,rgba(34,197,94,.78),rgba(21,128,61,.88));box-shadow:0 0 0 3px rgba(34,197,94,.08), inset 0 1px 0 rgba(255,255,255,.18);}
  .daily-report-toggle input:checked + .daily-report-switch-track .daily-report-switch-thumb{transform:translateX(20px);background:#fff;}
  .daily-report-toggle input:focus-visible + .daily-report-switch-track{outline:2px solid rgba(141,229,173,.82);outline-offset:2px;}
  .daily-report-switch-text{line-height:1.15;}
  .daily-report-close{width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);color:#fff;font-size:18px;font-weight:900;cursor:pointer;}
  .daily-report-body{overflow:auto;overflow-x:hidden;padding:20px 24px 24px;display:grid;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(141,229,173,.58) rgba(15,30,48,.52);}
  .daily-report-body::-webkit-scrollbar{width:8px;height:8px;}
  .daily-report-body::-webkit-scrollbar-track{background:rgba(15,30,48,.52);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);}
  .daily-report-body::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,rgba(141,229,173,.82),rgba(20,122,75,.82));border:2px solid rgba(15,30,48,.86);}
  .daily-report-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(168,255,197,.94),rgba(24,150,88,.94));}
  .daily-report-body::-webkit-scrollbar-corner{background:transparent;}
  .daily-report-md{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px;border-radius:22px;border:1px solid rgba(34,197,94,.18);background:linear-gradient(180deg, rgba(34,197,94,.10), rgba(34,197,94,.045));}
  .daily-report-md-pill{min-width:74px;height:54px;padding:0 14px;border-radius:18px;background:rgba(34,197,94,.16);border:1px solid rgba(34,197,94,.26);display:inline-flex;align-items:center;justify-content:center;color:#d8ffe6;font-weight:950;font-size:18px;}
  .daily-report-md-title{font-size:17px;font-weight:950;color:var(--text);}
  .daily-report-md-meta{margin-top:4px;font-size:12px;color:var(--muted);line-height:1.35;}
  .daily-report-global{min-height:38px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);white-space:nowrap;}
  .daily-report-global.ok{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.10);color:#d8ffe6;}
  .daily-report-global.moderate{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.11);color:#ffedc2;}
  .daily-report-global.severe{border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.12);color:#ffe0e0;}
  .daily-report-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
  .daily-count-card{min-height:90px;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.035);display:grid;gap:5px;align-content:start;}
  .daily-count-card.ok{border-color:rgba(34,197,94,.18);background:rgba(34,197,94,.06);}
  .daily-count-card.moderate{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.075);}
  .daily-count-card.severe{border-color:rgba(239,68,68,.26);background:rgba(239,68,68,.08);}
  .daily-count-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9fb2c9;font-weight:900;}
  .daily-count-value{font-size:28px;font-weight:950;line-height:1;color:#fff;display:flex;align-items:center;}
  .daily-count-meta{font-size:11px;color:var(--muted);line-height:1.35;}
  .daily-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;}
  .daily-report-section{border-radius:22px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.028);overflow:hidden;}
  .daily-section-head{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .daily-section-title{font-size:14px;font-weight:950;color:#fff;}
  .daily-section-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3;}
  .daily-section-badge{min-height:26px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:11px;font-weight:950;color:#dbe7f5;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1;}
  .daily-section-content{padding:14px 16px;display:grid;gap:10px;}
  .daily-player-pills{display:flex;flex-wrap:wrap;gap:8px;}
  .daily-player-pill{min-height:38px;max-width:100%;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;gap:8px;color:#ecf4ff;font-size:12px;font-weight:850;}
  .daily-player-pill.ok{border-color:rgba(34,197,94,.20);background:rgba(34,197,94,.07);}
  .daily-player-pill.moderate{border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.075);}
  .daily-player-pill.severe{border-color:rgba(239,68,68,.25);background:rgba(239,68,68,.08);}
  .daily-avatar{width:28px;height:28px;flex:0 0 28px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.03));display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;color:#d9e8f8;}
  .daily-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .daily-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .daily-item{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);}
  .daily-item.ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.07);}
  .daily-item.moderate{border-color:rgba(245,158,11,.28);background:rgba(245,158,11,.08);}
  .daily-item.severe{border-color:rgba(239,68,68,.30);background:rgba(239,68,68,.095);}
  .daily-item-main{min-width:0;display:grid;gap:3px;}
  .daily-item-title{font-size:13px;font-weight:950;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .daily-item-meta{font-size:12px;color:#c5d4e6;line-height:1.35;}
  .daily-item-note{font-size:11px;color:var(--muted);line-height:1.35;}
  .daily-severity-dot{width:9px;height:9px;border-radius:999px;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px rgba(34,197,94,.14);}
  .daily-item.moderate .daily-severity-dot{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.16);}
  .daily-item.severe .daily-severity-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.16);}
  .daily-empty{padding:12px;border-radius:16px;border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.055);color:#d8ffe6;font-size:12px;font-weight:850;line-height:1.4;}
  .daily-empty.muted{border-color:rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:var(--muted);}
  .daily-more{color:var(--muted);font-size:11px;font-weight:800;padding:2px 4px;}
  .daily-report-foot{padding:16px 24px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(0,0,0,.12);}
  .daily-report-foot-links{display:flex;gap:10px;flex-wrap:wrap;}
  @media (max-width:1100px){
    .daily-report-grid{grid-template-columns:1fr;}
    .daily-report-counts{grid-template-columns:repeat(2,minmax(0,1fr));}
  }
  @media (max-width:900px){
    .content{grid-template-rows:auto auto auto;overflow:auto;}
    .daily-report-card{grid-template-columns:1fr;padding:16px;border-radius:22px;}
    .daily-report-action-panel{justify-content:stretch;min-width:0;}
    .daily-report-action-panel .btn{width:100%;}
    .daily-report-modal{padding:10px;align-items:stretch;}
    .daily-report-dialog{max-height:calc(100vh - 20px);border-radius:24px;}
    .daily-report-head{grid-template-columns:1fr;padding:18px;}
    .daily-report-head-actions{justify-content:space-between;}
    .daily-report-toggle{order:2;width:100%;justify-content:center;}
    .daily-report-close{order:1;margin-left:auto;}
    .daily-report-body{padding:16px;scrollbar-width:thin;}
    .daily-report-body::-webkit-scrollbar{width:6px;height:6px;}
    .daily-report-body::-webkit-scrollbar-thumb{border-width:1px;}
    .daily-report-md{grid-template-columns:1fr;align-items:start;}
    .daily-report-md-pill{width:max-content;}
    .daily-report-global{width:100%;}
    .daily-report-foot{padding:14px 16px;}
    .daily-report-foot-links,
.daily-report-foot-links .btn,
.daily-report-foot > .btn{width:100%;}
  }
  @media (max-width:560px){
    .daily-report-modal-title{font-size:24px;}
    .daily-report-counts{grid-template-columns:1fr;}
    .daily-section-head{align-items:flex-start;}
    .daily-section-badge{margin-top:2px;}
    .daily-player-pill{width:100%;}
  }

  @media (min-width:901px){
    :root{--gap:14px;--top-h:0px;}
    html,
body{height:100%;overflow:hidden;}
    .app{height:100vh;}
    .main{height:100%;grid-template-rows:1fr;gap:0;overflow:hidden;}
    .topbar{display:none !important;}
    .content{height:100%;min-height:0;grid-template-rows:minmax(270px,34vh) minmax(88px,auto) minmax(0,1fr);gap:12px;overflow:hidden;}
    .hero{padding:22px 24px;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:18px;align-items:stretch;border-radius:28px;}
    .dashboard-hero-main{gap:14px;grid-template-rows:auto minmax(0,1fr);}
    .dashboard-hero-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;}
    .dashboard-header-pills{justify-content:flex-end;gap:10px;flex:1 1 auto;margin-top:0;min-width:0;flex-wrap:nowrap;}
    .dashboard-header-pills .pill{min-height:36px;padding:0 13px;font-size:12px;flex:0 0 auto;}
    .dashboard-header-pills .dashboard-user-welcome{min-height:36px;padding:0 14px;font-size:12px;}
    .dashboard-header-pills .upgrade-btn{height:36px;flex:0 0 auto;}
        .hero-title{font-size:40px;margin:0;line-height:1;max-width:none;}
    .dashboard-hero-pickers{gap:14px;margin-top:0;}
    .dashboard-media-picker{padding:14px;grid-template-columns:minmax(0,1fr) minmax(148px,168px);gap:14px;border-radius:20px;min-height:0;}
    .dashboard-media-preview{min-height:104px;border-radius:16px;}
    .dashboard-media-label{font-size:16px;}
    .dashboard-media-actions{gap:8px;}
    .dashboard-media-actions .btn{min-height:36px;font-size:13px;border-radius:13px;}
    .hero-metrics{gap:10px;align-content:start;}
    .metric{min-height:92px;padding:14px;border-radius:16px;gap:5px;align-content:start;}
    .metric-k{font-size:9px;}
    .metric-v{font-size:18px;}
    .metric-m{font-size:10px;-webkit-line-clamp:1;}
    .daily-report-card{padding:14px 18px;border-radius:24px;grid-template-columns:minmax(0,1fr) auto;min-height:94px;}
    .daily-report-main{gap:6px;}
    .daily-report-kicker{font-size:10px;}
    .daily-report-title{font-size:19px;}
    .daily-report-copy{font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .daily-report-badges{gap:7px;}
    .daily-report-chip{min-height:28px;font-size:11px;padding:0 9px;}
    .daily-report-action-panel{min-width:150px;}
    .daily-report-action-panel .btn{min-height:38px;}
    .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:12px;overflow:hidden;}
    .module{padding:14px 16px;gap:10px;border-radius:24px;}
    .module-head{gap:10px;align-items:start;}
    .module-kicker{font-size:10px;margin-bottom:6px;}
    .module-title{font-size:16px;margin:0;line-height:1.08;}
    .module-head-actions .btn{min-height:36px;padding:0 14px;}
    .data-list{gap:8px;overflow:hidden;}
    .data-row{min-height:0;padding:9px 11px;border-radius:14px;gap:3px;}
    .data-label{font-size:9px;}
    .data-value{font-size:14px;-webkit-line-clamp:1;}
    .data-meta{font-size:10px;-webkit-line-clamp:1;}
  }
  @media (min-width:901px) and (max-height:860px){
    /* Short/zoomed desktop: keep canonical control sizes and scroll the content region instead of shrinking the UI. */
    .content{overflow-y:auto;}
  }
  @media (min-width:901px) and (max-width:1360px){
    .hero{grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);}
    .grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));}
  }
  @media (max-width:900px){
    .dashboard-hero-header{display:grid;gap:12px;}
    .dashboard-header-pills{justify-content:flex-start;width:100%;gap:8px;}
    .dashboard-header-pills .upgrade-btn{min-height:34px;}
    .dashboard-header-pills .pill{min-height:34px;}
    
  }
  @media (max-width:760px){
    
    
    
    
    
    .main{display:block !important;}
    .content{display:grid !important;grid-template-rows:auto auto auto !important;gap:10px !important;overflow:visible !important;}
    .hero{display:grid !important;grid-template-columns:1fr !important;}
    .dashboard-header-pills{display:flex !important;flex-wrap:wrap !important;}
    .grid{display:grid !important;grid-template-columns:1fr !important;grid-template-rows:none !important;gap:10px !important;overflow:visible !important;}
  }

  @media (min-width:901px){
    .hero{
      grid-template-rows:auto minmax(0,1fr) !important;
      align-items:stretch !important;
    }
    .dashboard-hero-main{
      display:contents !important;
    }
    .dashboard-hero-header{
      grid-column:1 !important;
      grid-row:1 !important;
      align-self:start !important;
    }
    .dashboard-hero-pickers{
      grid-column:1 !important;
      grid-row:2 !important;
      height:100% !important;
      min-height:0 !important;
      align-self:stretch !important;
    }
    .dashboard-media-picker{
      height:100% !important;
      min-height:0 !important;
    }
    .hero-metrics{
      grid-column:2 !important;
      grid-row:2 !important;
      padding-top:0 !important;
      margin-top:0 !important;
      box-sizing:border-box !important;
      align-self:stretch !important;
      height:100% !important;
      min-height:0 !important;
      align-content:stretch !important;
      grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    }
    .hero-metrics .metric{
      height:auto !important;
      min-height:0 !important;
      align-content:start !important;
    }
  }
  @media (max-width:900px){
    .dashboard-hero-main{
      display:grid !important;
    }
    .hero{
      grid-template-rows:none !important;
    }
    .dashboard-hero-header,
.dashboard-hero-pickers,
.hero-metrics{
      grid-column:auto !important;
      grid-row:auto !important;
      height:auto !important;
    }
    .hero-metrics{
      padding-top:0 !important;
      grid-template-rows:none !important;
    }
    .dashboard-user-welcome{max-width:100%;width:100%;justify-content:center;}
  }

  

  /* Repor o menu mobile original do Dashboard: menu integrado na barra lateral, sem drawer lateral. */
  @media (max-width: 760px){
    
    
    
    
    
    
    
    
    
    
    
    
    .nav-icon-field{width:24px !important;height:16px !important;}
    
    .main{display:grid !important;width:100% !important;max-width:100% !important;min-width:0 !important;}
  }

  .daily-report-modal,
.daily-report-dialog,
.daily-report-body{
    scrollbar-width:thin;
    scrollbar-color:rgba(141,229,173,.68) rgba(8,18,32,.74);
  }
  .daily-report-modal::-webkit-scrollbar,
.daily-report-dialog::-webkit-scrollbar,
.daily-report-body::-webkit-scrollbar,
body.daily-report-open::-webkit-scrollbar{
    width:8px;
    height:8px;
  }
  .daily-report-modal::-webkit-scrollbar-track,
.daily-report-dialog::-webkit-scrollbar-track,
.daily-report-body::-webkit-scrollbar-track,
body.daily-report-open::-webkit-scrollbar-track{
    background:rgba(8,18,32,.82);
    border-radius:999px;
  }
  .daily-report-modal::-webkit-scrollbar-thumb,
.daily-report-dialog::-webkit-scrollbar-thumb,
.daily-report-body::-webkit-scrollbar-thumb,
body.daily-report-open::-webkit-scrollbar-thumb{
    border-radius:999px;
    background:linear-gradient(180deg,rgba(141,229,173,.88),rgba(22,163,74,.78));
    border:2px solid rgba(8,18,32,.92);
  }
  .daily-report-modal::-webkit-scrollbar-thumb:hover,
.daily-report-dialog::-webkit-scrollbar-thumb:hover,
.daily-report-body::-webkit-scrollbar-thumb:hover,
body.daily-report-open::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,rgba(190,255,211,.96),rgba(34,197,94,.86));
  }
  .daily-report-modal::-webkit-scrollbar-corner,
.daily-report-dialog::-webkit-scrollbar-corner,
.daily-report-body::-webkit-scrollbar-corner,
body.daily-report-open::-webkit-scrollbar-corner{background:transparent;}
  @media (max-width:760px){
    .daily-report-modal,
.daily-report-dialog,
.daily-report-body{
      scrollbar-color:rgba(141,229,173,.60) rgba(8,18,32,.62);
    }
    .daily-report-modal::-webkit-scrollbar,
.daily-report-dialog::-webkit-scrollbar,
.daily-report-body::-webkit-scrollbar,
body.daily-report-open::-webkit-scrollbar{
      width:6px;
      height:6px;
    }
    .daily-report-modal::-webkit-scrollbar-thumb,
.daily-report-dialog::-webkit-scrollbar-thumb,
.daily-report-body::-webkit-scrollbar-thumb,
body.daily-report-open::-webkit-scrollbar-thumb{
      border-width:1px;
    }
  }

/* My Football App - global theme layer */
:root{
  color-scheme:dark;
  --mfe-surface-plain:rgba(255,255,255,.03);
  --mfe-surface-soft:rgba(255,255,255,.04);
  --mfe-card-bg:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  --mfe-card-bg-strong:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  --mfe-input-bg:rgba(255,255,255,.04);
  --mfe-input-border:rgba(255,255,255,.09);
  --mfe-accent-rgb:34,197,94;
  --mfe-accent-bg:rgba(var(--mfe-accent-rgb),.12);
  --mfe-accent-bg-strong:rgba(var(--mfe-accent-rgb),.22);
  --mfe-accent-border:rgba(var(--mfe-accent-rgb),.26);
  --mfe-accent-text:#d8ffe6;
  --mfe-danger:#ef4444;
  --mfe-warning:#f59e0b;
  --mfe-success:#22c55e;
  --mfe-scroll-track:rgba(255,255,255,.04);
  --mfe-scroll-thumb:rgba(var(--mfe-accent-rgb),.42);
  --mfe-scroll-thumb-hover:rgba(var(--mfe-accent-rgb),.62);
}
html[data-mfe-theme="light"]{
  color-scheme:light;
  --bg:#eef4f1;
  --bg2:#f8fafc;
  --panel:#ffffff;
  --line:rgba(15,23,42,.13);
  --text:#102018;
  --muted:#5b6b7c;
  --accent:#16a34a;
  --accent-dark:#15803d;
  --accent-blue:#2563eb;
  --shadow:0 18px 42px rgba(15,23,42,.12);
  --mfe-surface-plain:rgba(255,255,255,.86);
  --mfe-surface-soft:rgba(255,255,255,.92);
  --mfe-card-bg:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,252,.90));
  --mfe-card-bg-strong:linear-gradient(180deg, rgba(255,255,255,1), rgba(241,245,249,.96));
  --mfe-input-bg:rgba(255,255,255,.96);
  --mfe-input-border:rgba(15,23,42,.16);
  --mfe-accent-rgb:22,163,74;
  --mfe-accent-bg:rgba(22,163,74,.10);
  --mfe-accent-bg-strong:rgba(22,163,74,.18);
  --mfe-accent-border:rgba(22,163,74,.30);
  --mfe-accent-text:#064e3b;
  --mfe-scroll-track:rgba(15,23,42,.05);
  --mfe-scroll-thumb:rgba(22,163,74,.40);
  --mfe-scroll-thumb-hover:rgba(22,163,74,.58);
}
html[data-mfe-theme="gray"]{
  color-scheme:dark;
  --bg:#111315;
  --bg2:#1d2024;
  --panel:#171a1f;
  --line:rgba(255,255,255,.09);
  --text:#f3f4f6;
  --muted:#a8b0bb;
  --accent:#d1d5db;
  --accent-dark:#9ca3af;
  --accent-blue:#cbd5e1;
  --shadow:0 18px 42px rgba(0,0,0,.38);
  --mfe-surface-plain:rgba(255,255,255,.035);
  --mfe-surface-soft:rgba(255,255,255,.05);
  --mfe-card-bg:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  --mfe-card-bg-strong:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.035));
  --mfe-input-bg:rgba(255,255,255,.05);
  --mfe-input-border:rgba(255,255,255,.11);
  --mfe-accent-rgb:209,213,219;
  --mfe-accent-bg:rgba(209,213,219,.10);
  --mfe-accent-bg-strong:rgba(209,213,219,.18);
  --mfe-accent-border:rgba(209,213,219,.26);
  --mfe-accent-text:#f8fafc;
  --mfe-scroll-track:rgba(255,255,255,.04);
  --mfe-scroll-thumb:rgba(209,213,219,.32);
  --mfe-scroll-thumb-hover:rgba(209,213,219,.50);
}
html[data-mfe-theme="custom"]{
  color-scheme:dark;
  --bg:#04101a;
  --bg2:#071628;
  --panel:#0a1627;
  --line:rgba(255,255,255,.07);
  --text:#eef3f9;
  --muted:#9cb0c7;
  --accent:var(--mfe-custom-primary,#22c55e);
  --accent-dark:var(--mfe-custom-primary-dark,#16a34a);
  --mfe-accent-rgb:var(--mfe-custom-primary-rgb,34,197,94);
  --mfe-accent-bg:rgba(var(--mfe-accent-rgb),.12);
  --mfe-accent-bg-strong:rgba(var(--mfe-accent-rgb),.22);
  --mfe-accent-border:rgba(var(--mfe-accent-rgb),.28);
  --mfe-accent-text:#ffffff;
  --mfe-scroll-thumb:rgba(var(--mfe-accent-rgb),.42);
  --mfe-scroll-thumb-hover:rgba(var(--mfe-accent-rgb),.62);
}
html[data-mfe-theme] body{
  color:var(--text)!important;
  scrollbar-color:var(--mfe-scroll-thumb) var(--mfe-scroll-track);
}
html[data-mfe-theme="light"] body{
  background:radial-gradient(circle at 15% 12%, rgba(22,163,74,.10), transparent 24%),radial-gradient(circle at 86% 10%, rgba(37,99,235,.08), transparent 24%),linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #e2e8f0 100%)!important;
}
html[data-mfe-theme="gray"] body{
  background:radial-gradient(circle at 15% 12%, rgba(209,213,219,.08), transparent 24%),radial-gradient(circle at 86% 10%, rgba(148,163,184,.08), transparent 24%),linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #090a0c 100%)!important;
}
html[data-mfe-theme="custom"] body{
  background:radial-gradient(circle at 15% 12%, rgba(var(--mfe-accent-rgb),.10), transparent 22%),radial-gradient(circle at 86% 10%, rgba(59,130,246,.08), transparent 22%),linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #020814 100%)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .topbar,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .header,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .card,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .panel,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .modal-card,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .modal-content,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .block,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .metric,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .empty,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .toolbar,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .mobile-drawer,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .drawer,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .app-loading-card{
  border-color:var(--line)!important;
  background:var(--mfe-card-bg)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .pill,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .chip,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .tag,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .badge{
  border-color:var(--mfe-input-border)!important;
  background:var(--mfe-surface-plain)!important;
  color:var(--text)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .pill.accent,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.primary,
html[data-mfe-theme] .theme-option.is-active{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg-strong)!important;
  color:var(--mfe-accent-text)!important;
}

html[data-mfe-theme] .eyebrow,
html[data-mfe-theme] .label,
html[data-mfe-theme] .metric-k,
html[data-mfe-theme] .section-kicker,
html[data-mfe-theme] .app-loading-badge{color:var(--accent)!important;}
html[data-mfe-theme] input,
html[data-mfe-theme] select,
html[data-mfe-theme] textarea,
html[data-mfe-theme] .input{
  background:var(--mfe-input-bg)!important;
  border-color:var(--mfe-input-border)!important;
  color:var(--text)!important;
}
html[data-mfe-theme] input::placeholder,
html[data-mfe-theme] textarea::placeholder{color:var(--muted)!important;opacity:.88;}
html[data-mfe-theme] select option{background:var(--panel)!important;color:var(--text)!important;}
html[data-mfe-theme] .muted,
html[data-mfe-theme] .helper,
html[data-mfe-theme] .section-copy,
html[data-mfe-theme] .hero-copy,
html[data-mfe-theme] .metric-m,
html[data-mfe-theme] .status{color:var(--muted)!important;}
html[data-mfe-theme] ::-webkit-scrollbar{width:10px;height:10px;}
html[data-mfe-theme] ::-webkit-scrollbar-track{background:var(--mfe-scroll-track);border-radius:999px;}
html[data-mfe-theme] ::-webkit-scrollbar-thumb{background:var(--mfe-scroll-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
html[data-mfe-theme] ::-webkit-scrollbar-thumb:hover{background:var(--mfe-scroll-thumb-hover);background-clip:padding-box;}
html[data-mfe-theme="light"] .app-loading-overlay{background:rgba(238,244,241,.88)!important;}
html[data-mfe-theme="light"] .app-loading-copy,
html[data-mfe-theme="light"] .app-loading-status,
html[data-mfe-theme="light"] .app-loading-foot{color:var(--muted)!important;}
.theme-settings-card{position:relative;}
.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.theme-option{min-height:112px;border:1px solid var(--mfe-input-border);border-radius:18px;background:var(--mfe-surface-plain);padding:12px;display:grid;gap:9px;cursor:pointer;color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.theme-option:hover{transform:translateY(-1px);border-color:var(--mfe-accent-border);}
.theme-option input{position:absolute;opacity:0;pointer-events:none;}
.theme-swatch{height:42px;border-radius:14px;border:1px solid var(--mfe-input-border);display:block;overflow:hidden;}
.theme-swatch.base{background:linear-gradient(135deg,#04101a 0%,#071628 55%,#22c55e 56%,#16a34a 100%);}
.theme-swatch.light{background:linear-gradient(135deg,#f8fafc 0%,#ffffff 55%,#16a34a 56%,#dcfce7 100%);}
.theme-swatch.gray{background:linear-gradient(135deg,#111315 0%,#27272a 55%,#d1d5db 56%,#71717a 100%);}
.theme-swatch.custom{background:linear-gradient(135deg,#04101a 0%,#071628 55%,var(--mfe-custom-primary,#22c55e) 56%,var(--mfe-custom-primary-dark,#16a34a) 100%);}
.theme-name{font-weight:900;font-size:13px;line-height:1.15;}
.theme-desc{font-size:11px;color:var(--muted);line-height:1.3;}
.theme-custom-controls{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:end;}
.theme-color-input{height:44px!important;min-height:44px;width:100%!important;padding:5px!important;border-radius:14px!important;cursor:pointer;}
@media(max-width:900px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.theme-custom-controls{grid-template-columns:1fr;}.theme-option{min-height:104px;}}
@media(max-width:520px){.theme-grid{grid-template-columns:1fr;}}

/* Theme-aware progress bars, export modals and Dashboard daily report refinements */
html[data-mfe-theme] .app-loading-logo-wrap{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;
}
html[data-mfe-theme] .app-loading-badge{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  color:var(--accent)!important;
}
html[data-mfe-theme] .app-loading-bar,
html[data-mfe-theme] .progress-bar,
html[data-mfe-theme] .asset-upload-progress,
html[data-mfe-theme] .sequence-progress-track,
html[data-mfe-theme] .mfe-progress-track{
  background:var(--mfe-input-bg)!important;
  border-color:var(--mfe-input-border)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12)!important;
}
html[data-mfe-theme] .app-loading-bar-fill,
html[data-mfe-theme] .progress-fill,
html[data-mfe-theme] .asset-upload-progress-fill,
html[data-mfe-theme] .sequence-progress-fill,
html[data-mfe-theme] .mfe-progress-fill{
  background:linear-gradient(90deg,var(--accent) 0%,rgba(var(--mfe-accent-rgb),.78) 55%,rgba(var(--mfe-accent-rgb),.44) 100%)!important;
  box-shadow:0 0 24px rgba(var(--mfe-accent-rgb),.28)!important;
}
html[data-mfe-theme] input[type="range"],
html[data-mfe-theme] .range,
html[data-mfe-theme] .stage-player-range{
  accent-color:var(--accent)!important;
}
html[data-mfe-theme] .stage-player-range::-webkit-slider-thumb{
  background:var(--accent)!important;
  border-color:var(--accent-dark)!important;
  box-shadow:0 0 0 3px rgba(var(--mfe-accent-rgb),.18)!important;
}
html[data-mfe-theme] .stage-player-range::-moz-range-thumb{
  background:var(--accent)!important;
  box-shadow:0 0 0 3px rgba(var(--mfe-accent-rgb),.18), inset 0 0 0 2px var(--accent-dark)!important;
}
html[data-mfe-theme] .mfe-export-choice-overlay,
html[data-mfe-theme] .mfe-export-progress-overlay{
  background:rgba(2,6,23,.66)!important;
}
html[data-mfe-theme="light"] .mfe-export-choice-overlay,
html[data-mfe-theme="light"] .mfe-export-progress-overlay{
  background:rgba(238,244,241,.72)!important;
}
html[data-mfe-theme] .mfe-export-choice-card,
html[data-mfe-theme] .mfe-export-progress-card{
  border-color:var(--line)!important;
  background:var(--mfe-card-bg-strong)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
html[data-mfe-theme] .mfe-export-choice-card p,
html[data-mfe-theme] .mfe-export-progress-card p,
html[data-mfe-theme] .mfe-progress-meta{
  color:var(--muted)!important;
}
html[data-mfe-theme] .daily-report-card{
  border:1px solid var(--line)!important;
  background:radial-gradient(circle at 8% 0%,rgba(var(--mfe-accent-rgb),.10),transparent 32%),var(--mfe-card-bg)!important;
  color:var(--text)!important;
}
html[data-mfe-theme] .daily-report-kicker,
html[data-mfe-theme] .daily-report-eyebrow{
  color:var(--accent)!important;
}
html[data-mfe-theme] .daily-report-title,
html[data-mfe-theme] .daily-report-modal-title,
html[data-mfe-theme] .daily-count-value,
html[data-mfe-theme] .daily-section-title,
html[data-mfe-theme] .daily-item-title{
  color:var(--text)!important;
}
html[data-mfe-theme] .daily-report-copy,
html[data-mfe-theme] .daily-report-generated,
html[data-mfe-theme] .daily-count-meta,
html[data-mfe-theme] .daily-section-sub,
html[data-mfe-theme] .daily-item-note{
  color:var(--muted)!important;
}
html[data-mfe-theme] .daily-report-modal{
  background:rgba(1,7,15,.72)!important;
}
html[data-mfe-theme="light"] .daily-report-modal{
  background:rgba(238,244,241,.74)!important;
}
html[data-mfe-theme] .daily-report-dialog{
  border-color:var(--line)!important;
  background:radial-gradient(circle at top left,rgba(var(--mfe-accent-rgb),.12),transparent 28%),var(--mfe-card-bg-strong)!important;
  color:var(--text)!important;
  box-shadow:var(--shadow)!important;
}
html[data-mfe-theme] .daily-report-head,
html[data-mfe-theme] .daily-section-head{
  border-color:var(--line)!important;
}
html[data-mfe-theme] .daily-report-toggle,
html[data-mfe-theme] .daily-report-close,
html[data-mfe-theme] .daily-report-section,
html[data-mfe-theme] .daily-section-badge,
html[data-mfe-theme] .daily-player-pill,
html[data-mfe-theme] .daily-item,
html[data-mfe-theme] .daily-count-card{
  border-color:var(--mfe-input-border)!important;
  background:var(--mfe-surface-plain)!important;
  color:var(--text)!important;
}
html[data-mfe-theme] .daily-report-switch-track{
  border-color:var(--mfe-input-border)!important;
  background:var(--mfe-input-bg)!important;
}
html[data-mfe-theme] .daily-report-toggle input:checked + .daily-report-switch-track{
  border-color:var(--mfe-accent-border)!important;
  background:linear-gradient(180deg,rgba(var(--mfe-accent-rgb),.82),rgba(var(--mfe-accent-rgb),.58))!important;
  box-shadow:0 0 0 3px rgba(var(--mfe-accent-rgb),.10), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
html[data-mfe-theme] .daily-report-toggle input:focus-visible + .daily-report-switch-track{
  outline-color:rgba(var(--mfe-accent-rgb),.78)!important;
}
html[data-mfe-theme] .daily-report-body{
  scrollbar-color:var(--mfe-scroll-thumb) var(--mfe-scroll-track)!important;
}
html[data-mfe-theme] .daily-report-body::-webkit-scrollbar-track{
  background:var(--mfe-scroll-track)!important;
  box-shadow:none!important;
}
html[data-mfe-theme] .daily-report-body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(var(--mfe-accent-rgb),.78),rgba(var(--mfe-accent-rgb),.46))!important;
  border-color:var(--panel)!important;
}
html[data-mfe-theme] .daily-report-md,
html[data-mfe-theme] .daily-report-md-pill{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  color:var(--mfe-accent-text)!important;
}
html[data-mfe-theme] .daily-report-md-title,
html[data-mfe-theme] .daily-report-md-meta{
  color:var(--text)!important;
}
html[data-mfe-theme] .daily-report-md-meta{color:var(--muted)!important;}
html[data-mfe-theme="light"] .daily-report-chip,
html[data-mfe-theme="light"] .daily-report-global,
html[data-mfe-theme="light"] .daily-player-pill,
html[data-mfe-theme="light"] .daily-item,
html[data-mfe-theme="light"] .daily-section-badge,
html[data-mfe-theme="light"] .daily-count-label,
html[data-mfe-theme="light"] .daily-player-name,
html[data-mfe-theme="light"] .daily-item-meta{
  color:#102018!important;
}
html[data-mfe-theme="light"] .daily-report-chip.ok,
html[data-mfe-theme="light"] .daily-report-global.ok,
html[data-mfe-theme="light"] .daily-player-pill.ok,
html[data-mfe-theme="light"] .daily-count-card.ok,
html[data-mfe-theme="light"] .daily-item.ok{
  color:#064e3b!important;
  background:rgba(22,163,74,.10)!important;
  border-color:rgba(22,163,74,.24)!important;
}
html[data-mfe-theme="light"] .daily-report-chip.moderate,
html[data-mfe-theme="light"] .daily-report-global.moderate,
html[data-mfe-theme="light"] .daily-player-pill.moderate,
html[data-mfe-theme="light"] .daily-count-card.moderate,
html[data-mfe-theme="light"] .daily-item.moderate{
  color:#78350f!important;
  background:rgba(245,158,11,.13)!important;
  border-color:rgba(245,158,11,.28)!important;
}
html[data-mfe-theme="light"] .daily-report-chip.severe,
html[data-mfe-theme="light"] .daily-report-global.severe,
html[data-mfe-theme="light"] .daily-player-pill.severe,
html[data-mfe-theme="light"] .daily-count-card.severe,
html[data-mfe-theme="light"] .daily-item.severe{
  color:#7f1d1d!important;
  background:rgba(239,68,68,.12)!important;
  border-color:rgba(239,68,68,.28)!important;
}
html[data-mfe-theme="light"] .daily-avatar{
  border-color:rgba(15,23,42,.16)!important;
  background:rgba(15,23,42,.06)!important;
  color:#102018!important;
}

html[data-mfe-theme] .app-loading-percent,
html[data-mfe-theme] .asset-upload-progress-value,
html[data-mfe-theme] .sequence-progress-time,
html[data-mfe-theme] #progressPercent,
html[data-mfe-theme] #exportProgressPercent,
html[data-mfe-theme] #mfeProgressPercent{
  color:var(--accent)!important;
}
html[data-mfe-theme] .app-loading-progress-head,
html[data-mfe-theme] #progressStatus,
html[data-mfe-theme] #exportProgressStatus,
html[data-mfe-theme] #mfeProgressStatus{
  color:var(--muted)!important;
}

/* My Football App - complete theme accent correction */
html[data-mfe-theme]{
  --mfe-accent-glow:rgba(var(--mfe-accent-rgb),.24);
  --mfe-accent-glow-soft:rgba(var(--mfe-accent-rgb),.12);
  --mfe-accent-fill:linear-gradient(180deg, rgba(var(--mfe-accent-rgb),.24), rgba(var(--mfe-accent-rgb),.14));
  --mfe-accent-fill-strong:linear-gradient(180deg, rgba(var(--mfe-accent-rgb),.90), rgba(var(--mfe-accent-rgb),.72));
  --mfe-progress-fill:linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%);
}
html[data-mfe-theme="gray"]{
  color-scheme:light;
  --bg:#f3f4f6;
  --bg2:#e5e7eb;
  --panel:#ffffff;
  --line:rgba(17,24,39,.14);
  --text:#111827;
  --muted:#4b5563;
  --accent:#111827;
  --accent-dark:#000000;
  --accent-blue:#374151;
  --shadow:0 18px 42px rgba(17,24,39,.13);
  --mfe-surface-plain:rgba(255,255,255,.92);
  --mfe-surface-soft:rgba(255,255,255,.96);
  --mfe-card-bg:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,244,246,.94));
  --mfe-card-bg-strong:linear-gradient(180deg, rgba(255,255,255,1), rgba(229,231,235,.96));
  --mfe-input-bg:rgba(255,255,255,.96);
  --mfe-input-border:rgba(17,24,39,.16);
  --mfe-accent-rgb:17,24,39;
  --mfe-accent-bg:rgba(17,24,39,.08);
  --mfe-accent-bg-strong:rgba(17,24,39,.14);
  --mfe-accent-border:rgba(17,24,39,.26);
  --mfe-accent-text:#ffffff;
  --mfe-scroll-track:rgba(17,24,39,.06);
  --mfe-scroll-thumb:rgba(17,24,39,.36);
  --mfe-scroll-thumb-hover:rgba(17,24,39,.58);
}
html[data-mfe-theme="gray"] body{
  background:radial-gradient(circle at 15% 12%, rgba(17,24,39,.07), transparent 24%),radial-gradient(circle at 86% 10%, rgba(75,85,99,.08), transparent 24%),linear-gradient(145deg, var(--bg) 0%, var(--bg2) 58%, #d1d5db 100%)!important;
}
html[data-mfe-theme="gray"] .theme-swatch.gray{background:linear-gradient(135deg,#f9fafb 0%,#e5e7eb 55%,#111827 56%,#000 100%)!important;}

/* text accents: section labels, card labels, small titles */
html[data-mfe-theme]:not([data-mfe-theme="base"]) .eyebrow,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .metric-k,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .section-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .card-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .block-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .tile-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .stat-k,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .stat-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .mini-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .form-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .field-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .panel-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .panel-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .modal-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .export-file-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .export-choice-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .confirm-action-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .rename-plan-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .pm-kicker,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .dashboard-media-label,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .app-loading-badge,
html[data-mfe-theme]:not([data-mfe-theme="base"]) [class*="-kicker"],
html[data-mfe-theme]:not([data-mfe-theme="base"]) [class*="__kicker"]{
  color:var(--accent)!important;
}

/* active/primary UI */
html[data-mfe-theme]:not([data-mfe-theme="base"]) .player-card-photo-fallback{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;
  color:var(--mfe-accent-text)!important;
  border-color:var(--mfe-accent-border)!important;
  box-shadow:0 14px 28px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .pill.accent,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .pill.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.primary,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.pri,
html[data-mfe-theme]:not([data-mfe-theme="base"]) button.primary,
html[data-mfe-theme]:not([data-mfe-theme="base"]) button.pri,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .upgrade-btn,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .export-choice-btn.is-active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .player-display-toggle-btn.is-active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .matchday-role-switch-btn.is-active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .color-swatch.is-active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .theme-option.is-active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .dashboard-user-welcome{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-fill)!important;
  color:var(--mfe-accent-text)!important;
  box-shadow:0 14px 28px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.primary:hover,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn.pri:hover,
html[data-mfe-theme]:not([data-mfe-theme="base"]) button.primary:hover,
html[data-mfe-theme]:not([data-mfe-theme="base"]) button.pri:hover,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .upgrade-btn:hover{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-fill-strong)!important;
  color:var(--mfe-accent-text)!important;
  box-shadow:0 18px 34px var(--mfe-accent-glow)!important;
}


/* selected cards and accent cards */
html[data-mfe-theme]:not([data-mfe-theme="base"]) .item-card.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .item.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .player-card.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .archive-saved-item.active,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .selection-card,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .export-choice-card,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .export-file-card,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .field-popover,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .ve-seq-placeholder,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .drop-zone,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .tactical-chip,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .tactical-area,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .daily-report-md,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .daily-report-md-pill{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--mfe-accent-rgb),.08),0 12px 24px rgba(0,0,0,.10)!important;
}

/* input and form focus */
html[data-mfe-theme] .input:focus,
html[data-mfe-theme] .select:focus,
html[data-mfe-theme] .textarea:focus,
html[data-mfe-theme] input:focus,
html[data-mfe-theme] select:focus,
html[data-mfe-theme] textarea:focus,
html[data-mfe-theme] .micro-input:focus,
html[data-mfe-theme] .micro-textarea:focus,
html[data-mfe-theme] .micro-title-input:focus,
html[data-mfe-theme] .micro-select:focus,
html[data-mfe-theme] .rename-plan-input:focus,
html[data-mfe-theme] .export-file-input:focus{
  border-color:var(--mfe-accent-border)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft)!important;
}

/* progress bars, exports, uploads, sync and video editor timeline */
html[data-mfe-theme]:not([data-mfe-theme="base"]) .progress-fill,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .asset-upload-progress-fill,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .sequence-progress-fill,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .app-loading-bar-fill,
html[data-mfe-theme]:not([data-mfe-theme="base"]) [class$="progress-fill"],
html[data-mfe-theme]:not([data-mfe-theme="base"]) [class*="-progress-fill"]{
  background:var(--mfe-progress-fill)!important;
  box-shadow:0 0 24px var(--mfe-accent-glow)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .app-loading-logo-wrap,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .loading-logo-wrap{
  border-color:var(--mfe-accent-border)!important;
  background:linear-gradient(135deg, rgba(var(--mfe-accent-rgb),.18), rgba(var(--mfe-accent-rgb),.10))!important;
  box-shadow:0 16px 34px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .app-loading-percent{
  color:var(--accent)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .trim-wave span,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .trend-bar{
  background:linear-gradient(180deg,rgba(var(--mfe-accent-rgb),.62),rgba(var(--mfe-accent-rgb),.16))!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) .trim-handle,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .sequence-item.drop-before::before,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .sequence-item.drop-after::after{
  background:linear-gradient(180deg,var(--accent),var(--accent-dark))!important;
  border-color:var(--mfe-accent-border)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .stage-player-range::-webkit-slider-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) input[type="range"]::-webkit-slider-thumb{
  background:var(--accent)!important;
  border-color:var(--accent-dark)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .stage-player-range::-moz-range-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) input[type="range"]::-moz-range-thumb{
  background:var(--accent)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft), inset 0 0 0 2px var(--accent-dark)!important;
}

/* switches */
html[data-mfe-theme] .daily-report-toggle input:checked + .daily-report-switch-track,
html[data-mfe-theme] input:checked + .switch-track,
html[data-mfe-theme] input:checked + .toggle-track,
html[data-mfe-theme] input:checked + .slider,
html[data-mfe-theme] .switch.is-on,
html[data-mfe-theme] .toggle.is-on,
html[data-mfe-theme] [role="switch"][aria-checked="true"]{
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-fill-strong)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* scrollbars: make every local scrollbar follow the selected theme */
html[data-mfe-theme],
html[data-mfe-theme] *{
  scrollbar-color:var(--mfe-scroll-thumb) var(--mfe-scroll-track)!important;
}


/* preserve functional alert colors where they are semantic, not branding */
html[data-mfe-theme] .daily-report-chip.ok,
html[data-mfe-theme] .daily-report-global.ok,
html[data-mfe-theme] .daily-player-pill.ok,
html[data-mfe-theme] .daily-count-card.ok,
html[data-mfe-theme] .daily-item.ok,
html[data-mfe-theme] .tag.status-available{
  border-color:rgba(34,197,94,.28)!important;
  background:rgba(34,197,94,.10)!important;
  color:var(--text)!important;
}
html[data-mfe-theme="light"] .daily-report-chip.ok,
html[data-mfe-theme="light"] .daily-report-global.ok,
html[data-mfe-theme="light"] .daily-player-pill.ok,
html[data-mfe-theme="light"] .daily-count-card.ok,
html[data-mfe-theme="light"] .daily-item.ok,
html[data-mfe-theme="light"] .tag.status-available{
  color:#064e3b!important;
  background:rgba(22,163,74,.12)!important;
}

/* Final theme polish: all brand/accent UI follows the selected theme. Semantic warning/error colours remain untouched. */
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.metric-k, .module-kicker, .data-label, .column-label, .info-label, .kpi-label, .form-label, .field-label, .panel-label, .panel-kicker, .section-label, .section-kicker, .section-eyebrow, .eyebrow, .kicker, .card-kicker, .block-kicker, .tile-kicker, .stat-k, .stat-label, .mini-label, .menu-title, .tab-label, .toolbar-field label, .accordion summary, .daily-report-kicker, .daily-report-eyebrow, .app-loading-badge, .modal-badge, .confirm-action-badge, .rename-plan-badge, .export-file-badge, .export-choice-badge, .pm-kicker, .dashboard-media-label, [class*="-kicker"], [class*="__kicker"], [class*="-eyebrow"], [class*="__eyebrow"], [class*="-label"], [class*="__label"]){
  color:var(--accent)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.pill.accent, .pill.active, .btn.primary, .btn.pri, button.primary, button.pri, .btn.active, .dashboard-user-welcome, .theme-option.is-active, .export-choice-btn.is-active, .player-display-toggle-btn.is-active, .matchday-role-switch-btn.is-active, .color-swatch.is-active, .upgrade-btn){
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-fill)!important;
  color:var(--mfe-accent-text)!important;
  box-shadow:0 14px 28px var(--mfe-accent-glow-soft)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) .player-card-photo-fallback{
  background:linear-gradient(135deg,var(--accent),var(--accent-dark))!important;
  border-color:var(--mfe-accent-border)!important;
  color:var(--mfe-accent-text)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.btn.primary:hover, .btn.pri:hover, button.primary:hover, button.pri:hover, .upgrade-btn:hover){
  background:var(--mfe-accent-fill-strong)!important;
  border-color:var(--mfe-accent-border)!important;
  color:var(--mfe-accent-text)!important;
  box-shadow:0 18px 34px var(--mfe-accent-glow)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(input[type="range"], .range, .stage-player-range){
  accent-color:var(--accent)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.progress-fill, .asset-upload-progress-fill, .sequence-progress-fill, .app-loading-bar-fill, .mfe-progress-fill, [class$="progress-fill"], [class*="-progress-fill"]){
  background:var(--mfe-progress-fill)!important;
  box-shadow:0 0 24px var(--mfe-accent-glow)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.trim-wave span, .trend-bar){
  background:linear-gradient(180deg,rgba(var(--mfe-accent-rgb),.62),rgba(var(--mfe-accent-rgb),.16))!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .trim-selection{
  border-color:var(--mfe-accent-border)!important;
  background:linear-gradient(180deg,rgba(var(--mfe-accent-rgb),.24),rgba(var(--mfe-accent-rgb),.10))!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.trim-handle, .sequence-item.drop-before::before, .sequence-item.drop-after::after){
  background:linear-gradient(180deg,var(--accent),var(--accent-dark))!important;
  border-color:var(--mfe-accent-border)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(input:checked + .switch-track, input:checked + .toggle-track, input:checked + .slider, .daily-report-toggle input:checked + .daily-report-switch-track, .switch.is-on, .toggle.is-on, [role="switch"][aria-checked="true"]){
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-fill-strong)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft), inset 0 1px 0 rgba(255,255,255,.18)!important;
}

html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.selection-card, .item-card.active, .item.active, .player-card.active, .archive-saved-item.active, .video-project-card.active, .saved-project.active, .daily-report-md, .daily-report-md-pill){
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  color:var(--text)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--mfe-accent-rgb),.08),0 12px 24px rgba(0,0,0,.10)!important;
}

/* Dashboard daily report: in gray/custom themes, remove leftover base green from non-critical UI. */
html[data-mfe-theme="gray"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-player-pill.ok, .daily-count-card.ok, .daily-item.ok, .daily-empty, .daily-report-md, .daily-report-md-pill),
html[data-mfe-theme="custom"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-player-pill.ok, .daily-count-card.ok, .daily-item.ok, .daily-empty, .daily-report-md, .daily-report-md-pill){
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  color:var(--text)!important;
}
html[data-mfe-theme="gray"] .daily-report-chip.ok::before,
html[data-mfe-theme="gray"] .daily-severity-dot,
html[data-mfe-theme="custom"] .daily-report-chip.ok::before,
html[data-mfe-theme="custom"] .daily-severity-dot{
  background:var(--accent)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme="gray"] .daily-item.moderate .daily-severity-dot,
html[data-mfe-theme="custom"] .daily-item.moderate .daily-severity-dot{
  background:#f59e0b!important;
  box-shadow:0 0 0 3px rgba(245,158,11,.16)!important;
}
html[data-mfe-theme="gray"] .daily-item.severe .daily-severity-dot,
html[data-mfe-theme="custom"] .daily-item.severe .daily-severity-dot{
  background:#ef4444!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.16)!important;
}
html[data-mfe-theme="gray"] :is(.daily-report-modal-title, .daily-section-title, .daily-count-value, .daily-item-title, .daily-player-name),
html[data-mfe-theme="custom"] :is(.daily-report-modal-title, .daily-section-title, .daily-count-value, .daily-item-title, .daily-player-name){
  color:var(--text)!important;
}
html[data-mfe-theme="gray"] :is(.daily-report-body, .daily-report-dialog, .daily-report-toggle, .daily-report-section, .daily-count-card, .daily-player-pill, .daily-item),
html[data-mfe-theme="custom"] :is(.daily-report-body, .daily-report-dialog, .daily-report-toggle, .daily-report-section, .daily-count-card, .daily-player-pill, .daily-item){
  scrollbar-color:var(--mfe-scroll-thumb) var(--mfe-scroll-track)!important;
}

/* Gray theme loading modal contrast: no white-on-light text. */
html[data-mfe-theme="gray"] .app-loading-card,
html[data-mfe-theme="gray"] .loading-card{
  background:linear-gradient(180deg,#ffffff,#e5e7eb)!important;
  border-color:rgba(17,24,39,.16)!important;
  color:#111827!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-title, .app-loading-subtitle, .app-loading-copy, .app-loading-progress-head, .app-loading-progress-label, .app-loading-step, .app-loading-status, .app-loading-percent, .loading-title, .loading-subtitle, .loading-status, .loading-percent, #progressStatus, #progressPercent){
  color:#111827!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-mfe-theme="gray"] .app-loading-bar,
html[data-mfe-theme="gray"] .loading-bar{
  background:rgba(17,24,39,.10)!important;
  border-color:rgba(17,24,39,.16)!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-bar-fill, .loading-bar-fill){
  background:linear-gradient(90deg,#111827,#000000)!important;
  box-shadow:0 0 20px rgba(17,24,39,.18)!important;
}

/* Scrollbars follow the selected theme, including page-local panels. */
html[data-mfe-theme],
html[data-mfe-theme] *{
  scrollbar-color:var(--mfe-scroll-thumb) var(--mfe-scroll-track)!important;
}
html[data-mfe-theme] *::-webkit-scrollbar,
html[data-mfe-theme]::-webkit-scrollbar{width:10px!important;height:10px!important;}
html[data-mfe-theme] *::-webkit-scrollbar-track,
html[data-mfe-theme]::-webkit-scrollbar-track{background:var(--mfe-scroll-track)!important;border-radius:999px!important;}
html[data-mfe-theme] *::-webkit-scrollbar-thumb,
html[data-mfe-theme]::-webkit-scrollbar-thumb{background:var(--mfe-scroll-thumb)!important;border-radius:999px!important;border:2px solid transparent!important;background-clip:padding-box!important;}
html[data-mfe-theme] *::-webkit-scrollbar-thumb:hover,
html[data-mfe-theme]::-webkit-scrollbar-thumb:hover{background:var(--mfe-scroll-thumb-hover)!important;background-clip:padding-box!important;}

/* Keep semantic warning/error states readable. */
html[data-mfe-theme] :is(.daily-report-chip.moderate, .daily-report-global.moderate, .daily-player-pill.moderate, .daily-count-card.moderate, .daily-item.moderate){
  color:#78350f!important;
  background:rgba(245,158,11,.13)!important;
  border-color:rgba(245,158,11,.28)!important;
}
html[data-mfe-theme] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-player-pill.severe, .daily-count-card.severe, .daily-item.severe){
  color:#fee2e2!important;
  background:rgba(239,68,68,.14)!important;
  border-color:rgba(239,68,68,.34)!important;
}
html[data-mfe-theme="light"] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-player-pill.severe, .daily-count-card.severe, .daily-item.severe){
  color:#7f1d1d!important;
}

/* Theme polish: remove leftover base-green accents in gray/custom themes. */
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.k, .metric-k, .label, .summary-line span, .summary-versus, .toolbar-field label, .speed-control label, .accordion summary, .tactical-chip, .stage-chip, .project-title-pill, .field-popover-title, .daily-report-kicker, .daily-report-eyebrow, .daily-count-label, .daily-section-badge, .export-choice-label, .tactical-scheme-title-wrap .tactical-chip, [class*="-kicker"], [class*="-eyebrow"], [class*="-label"]){
  color:var(--accent)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .accordion summary::after{
  color:var(--accent)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.tactical-chip, .pill.active, .project-title-pill, .btn.active, .selection-card, .export-choice-btn.is-active, .color-swatch.is-active){
  border-color:var(--mfe-accent-border)!important;
  background:var(--mfe-accent-bg)!important;
  box-shadow:0 0 0 2px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.input:focus, .select:focus, .textarea:focus, input:focus, select:focus, textarea:focus){
  border-color:var(--mfe-accent-border)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) :is(.range, input[type="range"]){
  accent-color:var(--accent)!important;
}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .preview-panel::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .editor-scroll::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .list::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .content::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .players-list.is-scrollable::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .tactical-shell::-webkit-scrollbar-thumb,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .option-panel::-webkit-scrollbar-thumb{
  background:var(--mfe-scroll-thumb)!important;
  border-radius:999px!important;
  border:2px solid transparent!important;
  background-clip:padding-box!important;
}

/* Daily report: keep operational warning/error readable, especially in gray mode. */
html[data-mfe-theme="gray"] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-count-card.severe, .daily-player-pill.severe, .daily-item.severe){
  color:#7f1d1d!important;
  background:rgba(239,68,68,.13)!important;
  border-color:rgba(239,68,68,.38)!important;
}
html[data-mfe-theme="gray"] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-count-card.severe, .daily-player-pill.severe, .daily-item.severe) *{
  color:#7f1d1d!important;
}
html[data-mfe-theme="gray"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-count-card.ok, .daily-player-pill.ok, .daily-item.ok, .daily-empty){
  color:#111827!important;
  background:rgba(17,24,39,.08)!important;
  border-color:rgba(17,24,39,.22)!important;
}
html[data-mfe-theme="gray"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-count-card.ok, .daily-player-pill.ok, .daily-item.ok, .daily-empty) *{
  color:#111827!important;
}
html[data-mfe-theme="custom"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-count-card.ok, .daily-player-pill.ok, .daily-item.ok, .daily-empty){
  color:var(--text)!important;
  background:var(--mfe-accent-bg)!important;
  border-color:var(--mfe-accent-border)!important;
}
html[data-mfe-theme="custom"] :is(.daily-report-chip.ok, .daily-report-global.ok, .daily-count-card.ok, .daily-player-pill.ok, .daily-item.ok, .daily-empty) *{
  color:var(--text)!important;
}
html[data-mfe-theme="custom"] .daily-report-chip.ok::before,
html[data-mfe-theme="custom"] .daily-severity-dot,
html[data-mfe-theme="gray"] .daily-report-chip.ok::before,
html[data-mfe-theme="gray"] .daily-severity-dot{
  background:var(--accent)!important;
  box-shadow:0 0 0 3px var(--mfe-accent-glow-soft)!important;
}
html[data-mfe-theme="custom"] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-count-card.severe, .daily-player-pill.severe, .daily-item.severe){
  color:#fee2e2!important;
}
html[data-mfe-theme="light"] :is(.daily-report-chip.severe, .daily-report-global.severe, .daily-count-card.severe, .daily-player-pill.severe, .daily-item.severe){
  color:#7f1d1d!important;
}

/* Gray theme loading/sync modals: force readable dark text. */
html[data-mfe-theme="gray"] :is(.app-loading-card, .loading-card, .sync-card, .export-card, .export-file-card){
  background:linear-gradient(180deg,#ffffff,#e5e7eb)!important;
  border-color:rgba(17,24,39,.16)!important;
  color:#111827!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-card, .loading-card, .sync-card, .export-card, .export-file-card) *:not(img):not(svg):not(path){
  color:#111827!important;
  opacity:1!important;
  text-shadow:none!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-copy, .app-loading-status, .loading-copy, .loading-status, .sync-copy, .sync-status, .export-copy, .export-status){
  color:#374151!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-bar, .loading-bar, .sync-bar, .export-progress-track){
  background:rgba(17,24,39,.10)!important;
  border-color:rgba(17,24,39,.16)!important;
}
html[data-mfe-theme="gray"] :is(.app-loading-bar-fill, .loading-bar-fill, .sync-bar-fill, .export-progress-fill){
  background:linear-gradient(90deg,#111827,#000000)!important;
  box-shadow:0 0 20px rgba(17,24,39,.18)!important;
}


/* --- mobile account shortcut in Dashboard header --- */





/* Dashboard EN-only overrides consolidated from dashboard-en.css. */
html[lang="en"] .top-title{white-space:normal;}
html[lang="en"] .app-loading-card{display:grid;justify-items:center;}
html[lang="en"] .app-loading-card > *{max-width:100%;}
html[lang="en"] .app-loading-title,
html[lang="en"] .app-loading-copy,
html[lang="en"] .app-loading-foot{width:100%;text-align:center;}
html[lang="en"] .app-loading-progress-wrap{width:100%;}

/* MFA safe root overscroll boundary — 2026-06-29
   Keeps normal wheel/touch scrolling. Only the document/root page containers stop browser rubber-band; inner cards/lists/tables are left free to pass wheel scroll to the page. */
html,
body{
  overscroll-behavior:none!important;
  overscroll-behavior-x:none!important;
  overscroll-behavior-y:none!important;
  scroll-behavior:auto!important;
}
.app-shell,
.shell,
.page-shell,
.page,
.main,
main,
.content,
.workspace,
.gps-page-shell{
  overscroll-behavior-y:none!important;
  overscroll-behavior-x:none!important;
  scroll-behavior:auto!important;
}.app{
  overscroll-behavior-y:none!important;
  overscroll-behavior-x:none!important;
  scroll-behavior:auto!important;
}
/* MFA wheel-safe inner scroll recovery — 2026-06-29
   Inner panels/lists/tables must not trap mouse-wheel scrolling at their edges; root containers above still stop the browser bounce. */
.panel,
.card,
.module,
.list,
.history-list,
.table-wrap,
.modal,
.modal-card,
.drawer,
.mobile-drawer,
.panel-roster .list,
.match-stats-list-inline,
.editor-scroll,
.preview-panel,
.daily-report-body,
.dropdown-menu,
.select-menu,
.roster-list{
  overscroll-behavior:auto!important;
  overscroll-behavior-x:auto!important;
  overscroll-behavior-y:auto!important;
}