/* ==== match-day-head-core.css ==== */
/* Extracted from match-day style block 1 */

:root{
      --bg:#04101a; --bg2:#071628; --panel:#0a1627; --line:rgba(255,255,255,.07);
      --text:#eef3f9; --muted:#9cb0c7; --accent:#22c55e; --accent-dark:#16a34a;
      --shadow:0 18px 42px rgba(0,0,0,.34); --sidebar-w:var(--mf-shell-sidebar-width,132px); --gap:18px; --top-h:88px;
      --radius:28px;
    }
    *{box-sizing:border-box}
    html,
body{width:100%;height:100%}
    body{
      margin:0; overflow: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%);
    }
    a{text-decoration:none;color:inherit}
    button,
input,
select,
textarea{font:inherit}
    .app{ height:100%;     overflow:hidden;}
        

    
    

    
    
    
    
    

    

    
    
    
    
    .export-menu-inline{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start}
    .export-menu-inline summary{list-style:none}
    .export-menu-inline summary::-webkit-details-marker{display:none}
    .export-trigger-inline{user-select:none}
    .export-dropdown-inline{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:40;min-width:220px;padding:8px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a1730;box-shadow:0 18px 40px rgba(2,6,23,.36);flex-direction:column;gap:8px}
    .export-menu-inline[open] .export-dropdown-inline{display:flex}
    .export-option-inline{width:100%;justify-content:flex-start;text-align:left}
    body.export-modal-open{overflow:hidden}
    .export-file-modal{
      position:fixed; inset:0; z-index:2600; display:none; align-items:center; justify-content:center;
      padding:24px; background:rgba(2,6,23,.64); backdrop-filter:blur(12px);
    }
    .export-file-modal.open{display:flex}
    .export-file-card{
      width:min(100%, 700px); border-radius:28px; border:1px solid var(--line);
      background:
        radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
        #0a1527;
      box-shadow:0 32px 80px rgba(2,6,23,.5); padding:28px;
    }
    .export-file-badge{
      display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 18px;
      border-radius:999px; border:1px solid rgba(34,197,94,.24); background:rgba(22,163,74,.12);
      color:#d8ffe6; font-size:12px; letter-spacing:.12em; text-transform:uppercase; font-weight:900;
    }
    .export-file-title{margin:18px 0 10px; font-size:28px; line-height:1.05; font-weight:900; color:var(--text)}
    .export-file-copy{margin:0 0 18px; font-size:14px; line-height:1.55; color:var(--muted)}
    .export-file-form{display:grid; gap:18px}
    .export-file-input{
      width:100%; min-height:74px; padding:0 22px; border-radius:22px; border:1px solid rgba(34,197,94,.28);
      background:rgba(5,13,28,.82); color:var(--text); outline:none; box-shadow:0 0 0 4px rgba(34,197,94,.08);
      font-size:24px; font-weight:800;
    }
    .export-file-input::placeholder{color:rgba(238,243,249,.34)}
    .export-file-input:focus{
      border-color:rgba(34,197,94,.42); box-shadow:0 0 0 5px rgba(34,197,94,.14);
    }
    .export-file-actions{display:grid; grid-template-columns:1fr 1fr; gap:14px}
    .export-file-actions .btn{min-height:54px; font-size:16px; font-weight:900}
    .export-choice-group{display:grid;gap:10px}
    .export-choice-label{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8de5ad}
    .export-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .export-choice-btn{min-height:56px;padding:12px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);display:grid;gap:4px;align-content:center;text-align:left;cursor:pointer;font-weight:800}
    .export-choice-btn small{font-size:12px;color:var(--muted);font-weight:700}
    .export-choice-btn.is-active{border-color:rgba(34,197,94,.32);background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(22,163,74,.10));box-shadow:0 0 0 3px rgba(34,197,94,.10)}
    .export-choice-grid.single{grid-template-columns:repeat(2,minmax(0,1fr))}
    @media (max-width: 720px){
      .export-choice-grid,
.export-choice-grid.single{grid-template-columns:1fr}
    }
    @media (max-width: 720px){
      .export-file-modal{padding:16px}
      .export-file-card{padding:22px}
      .export-file-title{font-size:24px}
      .export-file-input{min-height:62px; font-size:20px}
      .export-file-actions{grid-template-columns:1fr}
    }
    .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;}
    .title{margin:0; font-size:32px; 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);}

    .content{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:18px;overflow:hidden}
    .card,
.panel{min-height:0; border-radius:28px; border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); box-shadow:var(--shadow); overflow:hidden;}
    .hero{padding:22px 24px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); gap:18px; align-items:stretch;}
    .hero-title{margin:0 0 10px; font-size:28px; line-height:1.05; font-weight:900}
    .hero-copy{font-size:14px; line-height:1.55; color:var(--muted); max-width:760px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
    .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); display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:800; 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);}
    .btn.danger{background:rgba(127,29,29,.35); border-color:rgba(248,113,113,.18);}
    @media (hover:hover){
      .btn:not(.export-trigger-inline):not(.export-option-inline),
.icon-btn{
        transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
      }
      .btn:not(.export-trigger-inline):not(.export-option-inline):hover,
.icon-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:not(.export-trigger-inline):not(.export-option-inline):hover{
        box-shadow:0 16px 28px rgba(34,197,94,.26);
        filter:brightness(1.08);
      }
      .btn.danger:hover,
.icon-btn.danger:hover{
        box-shadow:0 12px 24px rgba(127,29,29,.22);
        filter:brightness(1.08);
      }
      .export-trigger-inline,
.export-option-inline{
        transition:box-shadow .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
      }
      .export-trigger-inline:hover,
.export-option-inline:hover{
        border-color:rgba(255,255,255,.14);
        box-shadow:0 12px 24px rgba(0,0,0,.18);
        filter:brightness(1.06);
      }
      .export-option-inline.btn.primary:hover{
        box-shadow:0 14px 24px rgba(34,197,94,.22);
        filter:brightness(1.08);
      }
      
      
      
    }
    .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .metric{min-height:92px; border-radius:18px; border:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.03); padding:14px;}
    .metric-k{font-size:11px; color:#8de5ad; text-transform:uppercase; letter-spacing:.08em; font-weight:800;}
    .metric-v{margin-top:10px; font-size:20px; line-height:1.1; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; max-width:100%}
    .metric-m{margin-top:6px; font-size:12px; line-height:1.4; color:var(--muted); overflow:hidden; text-overflow:ellipsis}

    .workspace{min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;overflow:hidden}
    .workspace > .panel{min-height:0}
    .panel{padding:18px 20px; display:flex; flex-direction:column; gap:16px;}
    .section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
    .section-title{margin:0;font-size:22px;font-weight:900}
    .section-copy{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
    .toolbar{display:flex;gap:10px;flex-wrap:wrap}
    .input,
.select,
.textarea{
      min-height:40px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      color:var(--text);
      padding:0 14px;
      min-width:0;
      width:100%;
      outline:none;
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      box-shadow:none;
    }
    .select{
      background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23eef3f9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 14px center;
      background-size:14px;
      padding-right:42px;
    }
    .select:focus,
.input:focus,
.textarea:focus{
      border-color:rgba(34,197,94,.34);
      box-shadow:0 0 0 3px rgba(34,197,94,.12);
    }
    .select option{
      background:#132237;
      color:#eef3f9;
    }
    .textarea{min-height:96px; padding:12px 14px; resize:vertical;}
    .list{min-height:0;overflow:auto;display:grid;gap:12px;padding-right:4px}
    .list::-webkit-scrollbar{width:10px}
    .list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px}
    .item{border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); border-radius:20px; padding:16px; display:grid; gap:12px;}
    .item.active{border-color:rgba(34,197,94,.26); box-shadow:inset 0 0 0 1px rgba(34,197,94,.12);}
    .item-top{display:flex;justify-content:space-between;gap:14px;align-items:start}
    .item-title{font-size:17px;font-weight:900;line-height:1.2;word-break:break-word}
    .item-meta{font-size:12px;color:var(--muted);line-height:1.45}
    .item-actions{display:flex;gap:10px;flex-wrap:wrap}
    .status{color:var(--muted);font-size:13px;line-height:1.5}

    .editor-grid{height:100%;min-height:0;display:grid;grid-template-columns:minmax(360px, 1fr) minmax(320px, 420px);gap:18px;overflow:hidden}
    .editor-host{min-height:0;overflow:hidden}
    .editor-scroll{min-height:0;overflow:auto;padding-right:6px;display:grid;gap:16px;overscroll-behavior:contain}
    .editor-scroll::-webkit-scrollbar{width:10px}
    .editor-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:999px}
    .block{border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); border-radius:20px; padding:16px; display:grid; gap:14px;}
    .block-title{font-size:16px;font-weight:900;margin:0}
    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .field{display:grid;gap:8px}
    .field.full{grid-column:1 / -1}
    .label{font-size:12px;font-weight:800;color:#8de5ad}
    .row{display:flex;gap:10px;flex-wrap:wrap}
    .subtle{font-size:12px;color:var(--muted);line-height:1.45}
    .kit-picker-card{display:grid;gap:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
    .kit-picker-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}
    .kit-picker-label{font-size:12px;font-weight:800;color:#dce8f4}
    .color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
    .conv-kit-palette{grid-template-columns:repeat(10,minmax(30px,1fr));margin-bottom:0}
    .color-swatch{width:100%;aspect-ratio:1 / 1;border-radius:10px;border:2px solid rgba(255,255,255,.28);cursor:pointer;padding:0;min-height:28px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
    .color-swatch[data-color="#e5e7eb"]{border-color:#94a3b8}
    .color-swatch.is-active{border-color:#86efac !important;box-shadow:0 0 0 2px rgba(134,239,172,.24),0 0 0 1px rgba(134,239,172,.9) inset}
    @media (max-width: 1180px){
      .kit-picker-row{grid-template-columns:1fr;gap:8px}
      .conv-kit-palette{grid-template-columns:repeat(5,minmax(30px,1fr))}
    }

    .players-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
    .players-list{display:grid;gap:10px}
    .player-card{display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}
    .player-source-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:10px;align-items:end}
    .player-source-row .field{min-width:0}
    .player-grid{display:grid;grid-template-columns:90px minmax(0,1fr) 120px 110px auto;gap:10px;align-items:center}
    .icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer}
    .icon-btn.danger{background:rgba(127,29,29,.35);border-color:rgba(248,113,113,.18);}

    .preview-panel{min-height:0;display:grid;gap:16px;overflow:auto;padding-right:6px;align-content:start;overscroll-behavior:contain}
    .summary{border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); border-radius:20px; padding:18px; display:grid; gap:12px}
    .summary-logo{width:72px;height:72px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;overflow:hidden}
    .summary-logo img{width:100%;height:100%;object-fit:contain;display:block}
    .match-logo-picker{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:14px;align-items:stretch}
    .match-logo-picker .summary-logo{width:100%;height:124px;border-style:dashed;border-color:#334155;background:linear-gradient(180deg,#07111f,#020617)}
    .match-logo-picker-actions{display:grid;grid-template-columns:1fr;gap:10px;align-content:stretch}
    .match-logo-picker-actions .btn{width:100%;min-height:40px;padding:0 12px}
    .match-logo-input{display:none !important}
    .summary-team{font-size:20px;font-weight:900;line-height:1.1}
    .summary-versus{font-size:15px;font-weight:700;color:#d9f3e2}
    .pill-row{display:flex;gap:8px;flex-wrap:wrap}
    .tiny-pill{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);display:inline-flex;align-items:center;font-size:12px;font-weight:800}
    .summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .summary-line{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
    .summary-line span{font-size:11px;color:#8de5ad;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
    .summary-line strong{font-size:13px;line-height:1.35}
    .summary-line.full{grid-column:1 / -1}

    .pitch-card{border:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.03); border-radius:20px; padding:16px; display:grid; gap:12px}
    .preview-panel::-webkit-scrollbar,
.editor-scroll::-webkit-scrollbar,
.list::-webkit-scrollbar{width:10px}
    .preview-panel::-webkit-scrollbar-track,
.editor-scroll::-webkit-scrollbar-track,
.list::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
    .preview-panel::-webkit-scrollbar-thumb,
.editor-scroll::-webkit-scrollbar-thumb,
.list::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(255,255,255,.12));border-radius:999px;border:2px solid transparent;background-clip:padding-box}

    .pitch{position:relative; aspect-ratio: 0.72 / 1; border-radius:18px; overflow:hidden; background:
      linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
      repeating-linear-gradient(180deg,#2a8a3a 0 66px,#236f32 66px 132px);
      border:2px solid rgba(183,255,193,.22);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
    }
    .pitch::before{content:"";position:absolute;inset:18px;border:2px solid rgba(255,255,255,.72);border-radius:12px;z-index:1}
    .pitch-markings{position:absolute;inset:0;z-index:1;pointer-events:none}
    .pitch-lines{position:absolute;inset:0;width:100%;height:100%;display:block}
    .pitch-lines .line{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
    .pitch-lines .spot{fill:rgba(255,255,255,.72)}
    .pitch-lines .arc{fill:none;stroke:rgba(255,255,255,.58);stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
    select,
option,
optgroup{
      background-color:#132237;
      color:#eef3f9;
    }
    .marker{position:absolute; width:62px; min-height:64px; padding:7px 6px 8px; border-radius:20px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; cursor:grab; user-select:none; box-shadow:0 12px 22px rgba(2,6,23,.34), 0 0 0 3px rgba(15,23,42,.16); border:2px solid rgba(255,255,255,.88); z-index:4; backdrop-filter:blur(8px)}
    .marker.gk{width:64px}
    .marker:active{cursor:grabbing}
    .marker{touch-action:none}
    .marker .num{font-size:22px;font-weight:900;line-height:1;margin-bottom:4px}
    .marker .name{font-size:11px;font-weight:800;line-height:1.05;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eef3f9}
    .bench-list,
.starting-list{display:grid;gap:8px}
    .mini-player{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:12px}
    .empty{color:var(--muted);font-size:13px;line-height:1.45}

    .savebar{display:flex;gap:10px;flex-wrap:wrap}
    .hidden{display:none !important}

    @media (max-width: 1500px){
      .workspace{grid-template-columns:320px minmax(0,1fr)}
    }
    @media (max-width: 1360px){
      .hero{grid-template-columns:1fr}
      .workspace{grid-template-columns:1fr}
      .editor-grid{grid-template-columns:1fr}
    }
    
/* --- mobile improvements injected --- */
@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;
    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%;
  }
  .metrics{
    grid-template-columns:1fr;
    gap:10px;
  }
  .metric{
    min-height:unset;
    padding:14px;
  }
  .workspace{
    display:block;
    overflow:visible;
  }
  .workspace > .panel + .panel{
    margin-top:16px;
  }
  .panel{
    padding:16px;
  }
  .section-head{
    align-items:stretch;
  }
  .toolbar,
.savebar,
.row{
    width:100%;
  }
  .toolbar .input,
.savebar .btn,
.row .btn{
    width:100%;
  }
  .editor-host,
.editor-grid,
.editor-scroll,
.preview-panel,
.list{
    min-height:0;
    height:auto;
    overflow:visible;
    padding-right:0;
  }
  .editor-grid{
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .block{
    border-radius:18px;
    padding:14px;
  }
  .form-grid,
.summary-grid,
.player-grid{
    grid-template-columns:1fr !important;
  }
  .field.full{
    grid-column:auto;
  }
  .players-top{
    align-items:stretch;
  }
  .players-top .row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .player-grid{
    gap:8px;
  }
  .icon-btn{
    width:100%;
  }
  .kit-picker-card{
    padding:10px;
  }
  .kit-picker-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .conv-kit-palette,
.color-palette{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .summary{
    border-radius:18px;
    padding:14px;
  }
  .summary-logo{
    width:64px;
    height:64px;
    border-radius:16px;
  }
  .summary-team{
    font-size:18px;
  }
  .summary-versus{
    font-size:14px;
  }
  .summary-line{
    padding:10px;
  }
  .pitch-card{
    border-radius:18px;
    padding:14px;
  }
  .pitch{
    width:100%;
    max-width:100%;
    aspect-ratio:0.72 / 1;
  }
  .pitch::before{
    inset:12px;
  }
  .marker{
    width:52px;
    min-height:54px;
    padding:6px 4px 6px;
    border-radius:16px;
  }
  .marker.gk{
    width:54px;
  }
  .marker .num{
    font-size:18px;
    margin-bottom:3px;
  }
  .marker .name{
    max-width:46px;
    font-size:9px;
  }
  .mini-player{
    padding:10px;
    font-size:12px;
  }
  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;
  }
  .block-title{
    font-size:15px;
  }
  .players-top .row{
    grid-template-columns:1fr;
  }
  .savebar{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .conv-kit-palette,
.color-palette{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .summary-logo{
    width:58px;
    height:58px;
  }
  .summary-team{
    font-size:17px;
  }
  .pitch-card{
    padding:12px;
  }
  .pitch{
    aspect-ratio:0.76 / 1;
  }
  .marker{
    width:48px;
    min-height:50px;
  }
  .marker.gk{
    width:50px;
  }
  .marker .num{
    font-size:16px;
  }
  .marker .name{
    max-width:42px;
    font-size:8px;
  }
}

  
    .main{
      grid-template-rows:auto 1fr;
    }
    .content{
      grid-template-rows:1fr;
      align-items:stretch;
    }
    .topbar.topbar-expanded{
      padding:20px 24px;
      display:grid;
      grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
      align-items:stretch;
      gap:18px;
      min-height:0;
    }
    .topbar-main{
      min-width:0;
      display:grid;
      align-content:space-between;
      gap:18px;
    }
    .topbar-title-wrap{
      min-width:0;
      display:grid;
      gap:12px;
    }
    .topbar-copy-wrap{
      display:grid;
      gap:8px;
    }
    .topbar-headline{
      margin:0;
      font-size:30px;
      line-height:1.04;
      font-weight:900;
    }
    .topbar-copy{
      max-width:760px;
      color:var(--muted);
      font-size:14px;
      line-height:1.55;
    }
    .topbar-actions{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      align-items:center;
    }
    .topbar-side{
      min-width:0;
      display:grid;
      align-content:space-between;
      gap:14px;
    }
    .topbar-side .top-pills{
      justify-content:flex-end;
    }
    .topbar-metrics{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:12px;
    }
    .metric.compact{
      min-height:96px;
    }
    .workspace{
      height:100%;
      min-height:0;
      align-items:stretch;
    }
    .workspace > .panel{
      height:100%;
    }
    @media (max-width: 1360px){
      .topbar.topbar-expanded{
        grid-template-columns:1fr;
      }
      .topbar-side{
        gap:12px;
      }
      .topbar-side .top-pills{
        justify-content:flex-start;
      }
    }
    @media (max-width: 900px){
      
      
      .main{grid-template-rows:auto 1fr}
      .topbar.topbar-expanded{
        padding:16px;
        border-radius:22px;
        grid-template-columns:1fr;
        gap:14px;
      }
      .title{
        font-size:28px;
        white-space:normal;
      }
      .topbar-headline{
        font-size:24px;
      }
      .topbar-copy{
        font-size:13px;
      }
      .topbar-actions{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
      }
      .topbar-actions .btn{
        width:100%;
      }
      .topbar-metrics{
        grid-template-columns:1fr;
      }
      .content{
        overflow:auto;
      }
      .workspace{
        grid-template-columns:1fr;
      }
    }
    

.hidden{display:none !important;}


.topbar-copy-wrap{display:grid;gap:8px}
.topbar-headline{display:none !important;}


    .content{display:flex;flex-direction:column;gap:18px;overflow:auto;min-height:0;align-items:stretch;padding-right:6px;}
    .postmatch-panel{
      min-height:0;
      border-radius:28px;
    }
    .pm-header{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:14px;
      flex-wrap:wrap;
    }
    .pm-kicker{
      min-height:30px;
      width:max-content;
      padding:0 12px;
      border-radius:999px;
      border:1px solid rgba(34,197,94,.18);
      background:rgba(22,163,74,.10);
      display:inline-flex;
      align-items:center;
      color:#d7f6e2;
      font-size:11px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    max-width:100%;
    text-align:center;
    line-height:1.2;
    white-space:normal;
      margin-bottom:10px;
    }
    .pm-overview-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
    }
    .pm-main-grid{
      display:grid;
      grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
      gap:18px;
    }
    .pm-stack{
      display:grid;
      gap:16px;
      min-width:0;
    }
    .pm-textarea{
      min-height:120px;
    }
    .pm-moments{
      display:grid;
      gap:10px;
    }
    .pm-moment-row{
      display:grid;
      grid-template-columns:84px 1fr;
      gap:10px;
      align-items:start;
    }
    .pm-minute{
      text-align:center;
      font-weight:800;
    }
    .pm-moment-text{
      min-height:72px;
    }
    .pm-players-host{
      display:grid;
      gap:10px;
    }
    .pm-player-card{
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.025);
      border-radius:16px;
      padding:12px;
      display:grid;
      gap:10px;
    }
    .pm-player-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .pm-player-name{
      font-size:14px;
      font-weight:900;
      line-height:1.2;
    }
    .pm-player-role{
      font-size:11px;
      color:var(--muted);
      line-height:1.4;
    }
    .pm-rating-input{
      width:88px;
      text-align:center;
      font-weight:900;
    }
    .pm-player-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .pm-mini-textarea{
      min-height:84px;
    }
    @media (max-width: 1360px){
      .pm-overview-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
      .pm-main-grid{
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 900px){
      .content{
        grid-template-rows:auto auto;
      }
      .postmatch-panel{
        border-radius:22px;
      }
      .pm-overview-grid{
        grid-template-columns:1fr;
      }
      .pm-moment-row{
        grid-template-columns:1fr;
      }
      .pm-player-grid{
        grid-template-columns:1fr;
      }
      .pm-rating-input{
        width:100%;
      }
    }


.content::-webkit-scrollbar{width:10px}
.content::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.content::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(255,255,255,.12));border-radius:999px;border:2px solid transparent;background-clip:padding-box}
.workspace{
  flex:0 0 auto;
  min-height:min(860px, calc(100vh - 180px));
}
.postmatch-panel{
  flex:0 0 auto;
}
@media (max-width: 1360px){
  .workspace{
    min-height:auto;
  }
}
@media (max-width: 900px){
  .content{
    display:block;
    padding-right:0;
  }
}


    .pm-player-card{
      align-content:start;
    }
    .pm-player-grid{
      align-items:start;
    }
    .pm-mini-textarea{
      min-height:78px;
    }
    .pm-note-compact .label{
      margin-bottom:0;
    }


    .pm-player-card{
      display:grid;
      grid-template-rows:auto auto;
      align-content:start;
      gap:8px;
      padding:12px;
    }
    .pm-player-head{
      margin:0;
      align-items:flex-start;
    }
    .pm-player-head > div:first-child{
      display:grid;
      gap:2px;
      align-content:start;
    }
    .pm-player-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
      align-items:start;
    }
    .pm-note-compact{
      display:grid;
      gap:6px;
      align-content:start;
      margin:0;
    }
    .pm-note-compact .label{
      line-height:1.2;
      margin:0;
    }
    .pm-mini-textarea{
      min-height:62px !important;
      height:62px;
      resize:vertical;
      padding-top:10px;
      padding-bottom:10px;
    }
    @media (max-width: 900px){
      .pm-player-grid{
        grid-template-columns:1fr;
      }
    }


    .pm-stack > .block{
      align-content:start;
      height:auto;
      min-height:0;
    }
    .pm-stack > .block .field{
      align-content:start;
    }
    .pm-textarea{
      min-height:120px !important;
      height:120px;
      flex:0 0 auto;
    }


    .pm-stack > .block{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      min-height:0;
    }
    .pm-stack > .block .field{
      display:flex;
      flex-direction:column;
      flex:1 1 auto;
      min-height:0;
    }
    .pm-textarea{
      flex:1 1 auto;
      min-height:220px !important;
      height:auto !important;
    }


/* --- Match Day visual layout v51 --- */
.topbar-copy-wrap{display:none!important}
.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.saved-matchday-picker{
  width:clamp(240px,26vw,380px);
  min-height:40px;
  height:40px;
  flex:0 1 380px;
}
#archiveCompat.hidden{display:none!important}
@media (min-width:1361px){
  .main{grid-template-rows:auto minmax(0,1fr)}
  .content{grid-template-rows:1fr;overflow:auto;align-items:start;min-height:0}
  .workspace{grid-template-columns:1fr!important;overflow:visible;align-items:start}
  .workspace>.editor-host{width:100%;height:auto;min-height:0;overflow:visible}
  .editor-host{overflow:visible}
  .editor-grid.matchday-visual-grid{
    height:auto;
    min-height:0;
    display:grid;
    grid-template-columns:minmax(300px,.9fr) minmax(360px,1.05fr) minmax(330px,1fr);
    gap:18px;
    align-items:start;
    overflow:visible;
  }
  .editor-scroll.matchday-details-col,
.editor-scroll.matchday-players-col,
.preview-panel.matchday-preview-col{
    height:auto;
    max-height:none;
    min-height:0;
    overflow:visible;
    padding-right:0;
    align-content:start;
  }
  .editor-scroll.matchday-details-col,
.editor-scroll.matchday-players-col{
    display:grid;
    gap:16px;
  }
  .preview-panel.matchday-preview-col{
    display:grid;
    gap:16px;
  }
}
@media (max-width:1360px){
  .editor-grid.matchday-visual-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .saved-matchday-picker{width:100%;flex:1 1 100%;height:42px}
}


/* --- Match Day visual layout v55 stable corrections --- */
@media (min-width:1361px){
  .main{
    min-height:0!important;
    overflow:hidden!important;
  }
  .content{
    display:block!important;
    height:100%!important;
    min-height:0!important;
    overflow:auto!important;
    padding-right:6px!important;
  }
  .workspace{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    margin:0 0 18px 0!important;
  }
  .workspace > .editor-host,
.editor-host{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    position:relative!important;
    z-index:2!important;
  }
  .editor-grid.matchday-visual-grid{
    display:grid!important;
    grid-template-columns:minmax(390px,.95fr) minmax(460px,1.05fr) minmax(360px,.9fr)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .editor-scroll.matchday-details-col,
.editor-scroll.matchday-players-col,
.preview-panel.matchday-preview-col{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    padding-right:0!important;
    min-width:0!important;
  }
  .content > .postmatch-panel,
#postMatchSection{
    position:relative!important;
    z-index:1!important;
    clear:both!important;
    width:100%!important;
    margin-top:18px!important;
  }
  .matchday-details-col .kit-picker-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:10px!important;
    gap:8px!important;
  }
  .matchday-details-col .kit-picker-row{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
  }
  .matchday-details-col .kit-picker-label{
    font-size:11px!important;
    line-height:1.1!important;
    min-width:0!important;
  }
  .matchday-details-col .color-palette,
.matchday-details-col .conv-kit-palette{
    display:grid!important;
    grid-template-columns:repeat(10,minmax(18px,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .matchday-details-col .color-swatch{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:1/1!important;
    border-radius:8px!important;
  }
}
@media (max-width:1360px){
  .matchday-details-col .kit-picker-row{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:8px!important;
    align-items:center!important;
  }
  .matchday-details-col .color-palette,
.matchday-details-col .conv-kit-palette{
    display:grid!important;
    grid-template-columns:repeat(10,minmax(18px,1fr))!important;
    gap:4px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .matchday-players-col .block,
.matchday-players-col .player-card,
.matchday-players-col .players-list{
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .matchday-players-col .player-source-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .matchday-players-col .player-grid{
    grid-template-columns:minmax(70px,.7fr) minmax(0,1.2fr) minmax(96px,.75fr) minmax(96px,.75fr) 40px!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .matchday-players-col .input,
.matchday-players-col .select,
.matchday-players-col .btn{
    min-width:0!important;
    max-width:100%!important;
  }
}
@media (max-width:900px){
  .matchday-details-col .kit-picker-row,
.matchday-players-col .player-source-row,
.matchday-players-col .player-grid{
    grid-template-columns:1fr!important;
  }
}
.players-list,
.players-list.is-scrollable{
  max-height:none!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  padding-right:0!important;
}
.players-list.is-scrollable::-webkit-scrollbar{display:none!important}
.pitch::before{
  inset:3.6% 5%!important;
}


/* --- Match Day players card v56 --- */
.matchday-players-col,
.matchday-players-col .block,
.matchday-players-col .players-list,
.matchday-players-col .player-card,
.matchday-players-col .player-source-row,
.matchday-players-col .player-grid,
.matchday-players-col .field{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.matchday-players-col .block,
.matchday-players-col .player-card{
  overflow:hidden!important;
}
.matchday-players-col .players-list{
  overflow-x:hidden!important;
}
.matchday-players-col .player-source-row{
  display:grid!important;
  grid-template-columns:minmax(96px,.9fr) minmax(0,1.45fr)!important;
  gap:10px!important;
  align-items:end!important;
}
.matchday-players-col .player-grid{
  display:grid!important;
  grid-template-columns:minmax(72px,.8fr) minmax(0,1.5fr) minmax(94px,.95fr) 42px!important;
  gap:10px!important;
  align-items:center!important;
}
.matchday-players-col .input,
.matchday-players-col .select,
.matchday-players-col .btn,
.matchday-players-col .icon-btn{
  min-width:0!important;
  max-width:100%!important;
}
.matchday-players-col .select,
.matchday-players-col .input{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.players-list{
  max-height:none!important;
  overflow:visible!important;
  overflow-x:hidden!important;
  padding-right:0!important;
}
.players-list.is-scrollable{
  max-height:1550px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  overscroll-behavior:contain;
}
.players-list.is-scrollable::-webkit-scrollbar{width:10px!important;display:block!important}
.players-list.is-scrollable::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.players-list.is-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(255,255,255,.12));border-radius:999px;border:2px solid transparent;background-clip:padding-box}
@media (max-width:900px){
  .matchday-players-col .player-source-row,
.matchday-players-col .player-grid{
    grid-template-columns:1fr!important;
  }
  .players-list.is-scrollable{
    max-height:calc(100svh - 220px)!important;
  }
}


/* --- Match Day layout v57 players + summary --- */
.matchday-details-col > .summary{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.matchday-details-col .match-logo-picker{
  grid-template-columns:minmax(0,1fr) minmax(118px,150px)!important;
  gap:12px!important;
}
.matchday-details-col .match-logo-picker .summary-logo{
  min-height:112px!important;
}
.matchday-details-col .summary-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.matchday-preview-col > .summary{
  display:none!important;
}
.matchday-players-col .players-list,
.matchday-players-col .players-list.is-scrollable{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  align-content:flex-start!important;
  gap:10px!important;
  grid-auto-rows:unset!important;
  min-height:0!important;
  overflow-x:hidden!important;
  padding-right:0!important;
}
.matchday-players-col .players-list.is-scrollable{
  overflow-y:auto!important;
  padding-right:6px!important;
}
.matchday-players-col .players-list:not(.is-scrollable){
  max-height:none!important;
  overflow-y:visible!important;
}
.matchday-players-col .player-card{
  flex:0 0 auto!important;
  height:auto!important;
  min-height:max-content!important;
  overflow:visible!important;
  align-self:stretch!important;
}
.matchday-players-col .player-source-row{
  display:grid!important;
  grid-template-columns:minmax(96px,.9fr) minmax(0,1.45fr)!important;
}
.matchday-players-col .player-grid{
  display:grid!important;
  grid-template-columns:minmax(72px,.8fr) minmax(0,1.35fr) minmax(90px,.9fr) 40px!important;
}
.matchday-players-col .field,
.matchday-players-col .input,
.matchday-players-col .select,
.matchday-players-col .icon-btn{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media (max-width:900px){
  .matchday-details-col .match-logo-picker,
.matchday-details-col .summary-grid{
    grid-template-columns:1fr!important;
  }
  .matchday-players-col .player-source-row,
.matchday-players-col .player-grid{
    grid-template-columns:1fr!important;
  }
  .matchday-players-col .icon-btn{
    width:100%!important;
  }
}


/* --- Match Day tactical schemes module v58 --- */
.tactical-schemes-panel{position:relative;z-index:1;overflow:visible!important;display:flex;flex-direction:column;gap:18px}
.tactical-schemes-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.tactical-schemes-list{display:grid;gap:18px;min-width:0}
.tactical-empty{border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.025);border-radius:20px;padding:22px;display:grid;gap:8px;color:var(--muted)}
.tactical-empty strong{color:var(--text);font-size:17px}
.tactical-scheme-card{border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.025));border-radius:22px;padding:16px;display:grid;gap:14px;min-width:0;overflow:hidden}
.tactical-scheme-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.tactical-scheme-title-wrap{display:grid;gap:8px;min-width:0}.tactical-scheme-title{margin:0;font-size:20px;font-weight:900;line-height:1.12;word-break:break-word}.tactical-scheme-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px}
.tactical-chip{min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(34,197,94,.18);background:rgba(22,163,74,.10);display:inline-flex;align-items:center;color:#d7f6e2;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tactical-scheme-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tactical-board{position:relative;width:min(100%,880px);margin:0 auto;border-radius:22px;overflow:hidden;aspect-ratio:.72/1;background:repeating-linear-gradient(180deg,#2a8a3a 0 66px,#236f32 66px 132px);border:2px solid rgba(183,255,193,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 30px rgba(0,0,0,.18);touch-action:none}.tactical-board::before{content:"";position:absolute;inset:3.6% 5%;border:2px solid rgba(255,255,255,.72);border-radius:12px;z-index:1;pointer-events:none}.tactical-board-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.tactical-board-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.tactical-board-lines svg{width:100%;height:100%;display:block}.tactical-board-lines .line{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tactical-board-lines .spot{fill:rgba(255,255,255,.72)}.tactical-board-lines .arc{fill:none;stroke:rgba(255,255,255,.58);stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tactical-template-layer{position:absolute;inset:0;z-index:2;pointer-events:none}.tactical-template-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tactical-area{position:absolute;border:2px solid rgba(190,255,206,.7);background:rgba(34,197,94,.18);border-radius:10px;transform:translate(-50%,-50%);pointer-events:none}.tactical-text{position:absolute;transform:translate(-50%,-50%);padding:6px 10px;border-radius:10px;background:rgba(2,8,20,.55);border:1px solid rgba(255,255,255,.12);font-size:clamp(10px,1.4vw,18px);font-weight:900;color:#ffffff;text-align:center;line-height:1.08;max-width:48%;text-shadow:0 2px 6px rgba(0,0,0,.35);pointer-events:none}.tactical-ball{position:absolute;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff 0 30%,#111827 31% 44%,#fff 45% 100%);border:1px solid rgba(15,23,42,.4);box-shadow:0 6px 12px rgba(0,0,0,.25);pointer-events:none}
.tactical-marker{position:absolute;width:62px;min-height:64px;padding:7px 6px 8px;border-radius:20px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:grab;user-select:none;box-shadow:0 12px 22px rgba(2,6,23,.34),0 0 0 3px rgba(15,23,42,.16);border:2px solid rgba(255,255,255,.88);z-index:5;touch-action:none;backdrop-filter:blur(8px)}.tactical-marker:active{cursor:grabbing}.tactical-marker.gk{width:64px}.tactical-marker .num{font-size:22px;font-weight:900;line-height:1;margin-bottom:4px}.tactical-marker .name{font-size:11px;font-weight:800;line-height:1.05;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tactical-scheme-notes{display:grid;gap:8px}.tactical-scheme-notes textarea{min-height:82px}.tactical-modal-card{width:min(100%,760px)}.tactical-library-status{color:var(--muted);font-size:13px;line-height:1.45}
@media (min-width:1361px){.tactical-schemes-panel{margin-top:0}.tactical-scheme-card{grid-template-columns:minmax(360px,.72fr) minmax(360px,1fr);align-items:start}.tactical-scheme-card-head,
.tactical-scheme-notes{grid-column:1/-1}.tactical-board{max-height:760px}}
@media (max-width:900px){.tactical-schemes-head,
.tactical-scheme-card-head{align-items:stretch}.tactical-scheme-actions,
.tactical-schemes-head .savebar{display:grid;grid-template-columns:1fr;width:100%}.tactical-board{border-radius:18px}.tactical-marker{width:50px;min-height:52px;border-radius:16px}.tactical-marker .num{font-size:18px}.tactical-marker .name{font-size:9px;max-width:46px}.tactical-text{max-width:72%;font-size:12px}}


/* --- Match Day tactical schemes module v59 fixes --- */
@media (min-width:1180px){
  .tactical-schemes-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
  }
}
@media (max-width:1179px){
  .tactical-schemes-list{
    grid-template-columns:1fr!important;
  }
}
.tactical-scheme-card{
  grid-template-columns:1fr!important;
  align-content:start!important;
}
.tactical-scheme-card-head,
.tactical-scheme-notes{
  grid-column:auto!important;
}
.tactical-board{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:16/10!important;
  margin:0!important;
}
.tactical-board-bg{
  object-fit:contain!important;
  background:#176f30!important;
}
.tactical-marker{
  width:31px!important;
  min-height:32px!important;
  padding:3px 3px 4px!important;
  border-radius:10px!important;
  border-width:1.5px!important;
  box-shadow:0 7px 14px rgba(2,6,23,.30),0 0 0 2px rgba(15,23,42,.12)!important;
}
.tactical-marker.gk{
  width:32px!important;
}
.tactical-marker .num{
  font-size:12px!important;
  line-height:1!important;
  margin-bottom:1px!important;
}
.tactical-marker .name{
  font-size:6px!important;
  line-height:1!important;
  max-width:28px!important;
}
@media (max-width:900px){
  .tactical-marker{
    width:30px!important;
    min-height:31px!important;
  }
  .tactical-marker.gk{
    width:31px!important;
  }
}


/* --- Match Day tactical schemes module v60 fixes --- */
.tactical-board{
  aspect-ratio:16/10!important;
}
.tactical-board-bg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.tactical-template-layer{
  pointer-events:none;
}
.tactical-marker{
  width:44px!important;
  min-height:45px!important;
  padding:4px 4px 5px!important;
  border-radius:13px!important;
  border-width:2px!important;
}
.tactical-marker.gk{
  width:46px!important;
}
.tactical-marker .num{
  font-size:17px!important;
  line-height:1!important;
  margin-bottom:2px!important;
}
.tactical-marker .name{
  font-size:8px!important;
  line-height:1.02!important;
  max-width:39px!important;
}
.tactical-scheme-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
@media (max-width:900px){
  .tactical-marker{
    width:40px!important;
    min-height:41px!important;
  }
  .tactical-marker.gk{
    width:42px!important;
  }
  .tactical-marker .num{
    font-size:15px!important;
  }
  .tactical-marker .name{
    font-size:7px!important;
    max-width:36px!important;
  }
}


/* --- Match Day tactical schemes module v61 fixes --- */
.tactical-scheme-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:start!important;
}
.tactical-scheme-title-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
}
.tactical-chip{
  width:max-content!important;
  max-width:100%!important;
  align-self:flex-start!important;
  justify-self:start!important;
  flex:none!important;
  white-space:nowrap!important;
}
.tactical-scheme-actions{
  flex-wrap:nowrap!important;
  align-self:start!important;
}
.tactical-scheme-actions .btn{
  min-height:38px!important;
  padding:0 14px!important;
  white-space:nowrap!important;
}
.tactical-board.has-template-image{
  background:transparent!important;
  box-shadow:none!important;
}
.tactical-board.has-template-image::before{
  display:none!important;
}
.tactical-board.has-template-image .tactical-board-lines{
  display:none!important;
}
.tactical-board.has-template-image .tactical-board-bg{
  object-fit:contain!important;
  background:transparent!important;
}

.tactical-marker{
  width:38px!important;
  min-height:38px!important;
  padding:3px!important;
  border-radius:12px!important;
}
.tactical-marker.gk{
  width:39px!important;
}
.tactical-marker .num{
  font-size:19px!important;
  line-height:1!important;
  margin:0!important;
}

.tactical-scheme-title{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.tactical-scheme-meta{
  display:none!important;
}
@media (max-width:1100px){
  .tactical-scheme-card-head{
    grid-template-columns:1fr!important;
  }
  .tactical-scheme-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
}
@media (max-width:900px){
  .tactical-marker{
    width:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
  }
  .tactical-marker.gk{
    width:35px!important;
  }
  .tactical-marker .num{
    font-size:17px!important;
  }
}


/* --- Match Day tactical schemes module v63 fixes --- */
.tactical-scheme-card-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:start!important;
}
.tactical-scheme-title-wrap{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
}
.tactical-chip{
  align-self:flex-start!important;
  justify-self:start!important;
  width:max-content!important;
  max-width:100%!important;
  flex:none!important;
  white-space:nowrap!important;
}
.tactical-scheme-actions{
  display:flex!important;
  align-self:start!important;
  justify-self:end!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}
.tactical-scheme-actions .btn{
  white-space:nowrap!important;
}
.export-filename-bg-group.hidden{display:none!important}
.tactical-board,
.tactical-board-overlay-only{
  background:rgba(255,255,255,.012)!important;
  background-image:none!important;
  box-shadow:none!important;
  border:1px solid rgba(183,255,193,.22)!important;
}
.tactical-board::before,
.tactical-board-lines,
.tactical-board-bg{
  display:none!important;
}
.tactical-template-layer{
  z-index:2!important;
}
.tactical-template-svg{
  overflow:hidden!important;
}
.tactical-template-layer .tactical-text,
.tactical-template-layer .tactical-ball{
  display:none!important;
}
.tactical-area{
  border-radius:14px!important;
  pointer-events:none!important;
}
.tactical-marker{
  width:30px!important;
  min-height:30px!important;
  padding:2px!important;
  border-radius:10px!important;
  border-width:2px!important;
  box-shadow:0 8px 16px rgba(2,6,23,.26),0 0 0 2px rgba(15,23,42,.14)!important;
}
.tactical-marker.gk{
  width:31px!important;
}
.tactical-marker .num{
  font-size:15px!important;
  line-height:1!important;
  margin:0!important;
}
.tactical-marker .name{
  display:none!important;
}
@media (max-width:1100px){
  .tactical-scheme-card-head{grid-template-columns:1fr!important}
  .tactical-scheme-actions{justify-self:start!important;flex-wrap:wrap!important}
}
@media (max-width:900px){
  .tactical-marker{
    width:28px!important;
    min-height:28px!important;
    border-radius:9px!important;
  }
  .tactical-marker.gk{width:30px!important}
  .tactical-marker .num{font-size:14px!important}
}


/* --- Match Day tactical schemes module v69 rebuild: real Library exercise image only --- */
@media (min-width:1180px){
  .tactical-schemes-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;}
}
@media (max-width:1179px){.tactical-schemes-list{grid-template-columns:1fr!important;}}
.tactical-scheme-card{grid-template-columns:1fr!important;align-content:start!important;}
.tactical-scheme-card-head,
.tactical-scheme-notes{grid-column:auto!important;}
.tactical-scheme-card-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:start!important;}
.tactical-scheme-title-wrap{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;}
.tactical-scheme-title{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tactical-scheme-meta{display:none!important;}
.tactical-chip{align-self:flex-start!important;justify-self:start!important;width:max-content!important;max-width:100%!important;white-space:nowrap!important;}
.tactical-scheme-actions{justify-self:end!important;display:flex!important;gap:10px!important;flex-wrap:nowrap!important;align-self:start!important;}
.tactical-scheme-actions .btn{min-height:38px!important;padding:0 14px!important;white-space:nowrap!important;}
.tactical-board{position:relative!important;width:100%!important;max-width:100%!important;max-height:none!important;aspect-ratio:16/10!important;margin:0!important;border-radius:22px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(8,20,36,.92),rgba(5,13,28,.96))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 18px 30px rgba(0,0,0,.18)!important;touch-action:none!important;}
.tactical-board::before,
.tactical-board-lines{display:none!important;}
.tactical-board-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;z-index:0!important;background:transparent!important;}
.tactical-board.has-template-image{background:#071628!important;}
.tactical-board-missing{position:absolute!important;inset:0!important;z-index:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:26px!important;color:rgba(238,243,249,.62)!important;font-size:13px!important;line-height:1.45!important;font-weight:900!important;border:1px dashed rgba(148,163,184,.26)!important;border-radius:20px!important;}
.tactical-template-layer{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;}
.tactical-template-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;}
.tactical-template-layer .tactical-text,
.tactical-template-layer .tactical-ball{display:none!important;}
.tactical-area{z-index:2!important;}
.tactical-marker{width:31px!important;min-height:31px!important;padding:3px!important;border-radius:10px!important;border-width:1.5px!important;z-index:5!important;box-shadow:0 7px 14px rgba(2,6,23,.30),0 0 0 2px rgba(15,23,42,.12)!important;}
.tactical-marker.gk{width:32px!important;}
.tactical-marker .num{font-size:15px!important;line-height:1!important;margin:0!important;}
.tactical-marker .name{display:none!important;}
@media (max-width:1100px){.tactical-scheme-card-head{grid-template-columns:1fr!important}.tactical-scheme-actions{justify-self:start!important;flex-wrap:wrap!important}}
@media (max-width:900px){.tactical-marker{width:30px!important;min-height:30px!important}.tactical-marker.gk{width:31px!important}.tactical-marker .num{font-size:14px!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}
  
}

/* Extracted from match-day style block 2 */

.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);
}



/* Extracted from match-day style block 3 */

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;
    display:flex;
    flex-direction:column;
    align-items: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;
    max-width:100%;
    text-align:center;
    line-height:1.2;
    white-space:normal;
  }
  .app-loading-title{
    margin:0;
    width:100%;
    max-width:100%;
    text-align:center;
    font-size:clamp(24px, 3vw, 28px);
    line-height:1.05;
    font-weight:900;
    color:#f8fafc;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
  }
  .app-loading-copy{
    margin:10px 0 0;
    width:100%;
    text-align:center;
    color:#cbd5e1;
    font-size:14px;
    line-height:1.55;
    overflow-wrap:anywhere;
  }
  .app-loading-progress-wrap{
    width:100%;
    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{
    width:100%;
    margin-top:14px;
    text-align:center;
    color:#94a3b8;
    font-size:12px;
    overflow-wrap:anywhere;
  }
  @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;
    }
  }

/* Extracted from match-day style block 4 */

: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");}

/* Extracted from match-day style block 5 */

/* --- Match Day tactical schemes v74: clean Exercise Editor field, no flattened thumbnail --- */
.tactical-board.editor-field-clean{
  background:#2e7d32!important;
}
.tactical-board.editor-field-clean.field-default{
  background:#2e7d32!important;
}
.tactical-board.editor-field-clean.field-horizontal{
  background:#2e7d32!important;
}
.tactical-board.editor-field-clean.field-plain{
  background:#2e7d32!important;
}
.tactical-board.editor-field-clean.field-white{
  background:#ffffff!important;
}
.tactical-board.editor-field-clean.field-white::before{
  border-color:rgba(15,23,42,.74)!important;
}
.tactical-board.editor-field-clean .tactical-editor-field-stripes{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.34;
}
.tactical-board.editor-field-clean.field-default .tactical-editor-field-stripes{
  background:repeating-linear-gradient(90deg, rgba(255,255,255,.09) 0 10%, rgba(0,0,0,.055) 10% 20%);
}
.tactical-board.editor-field-clean.field-horizontal .tactical-editor-field-stripes{
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.09) 0 10%, rgba(0,0,0,.055) 10% 20%);
}
.tactical-board.editor-field-clean.field-plain .tactical-editor-field-stripes,
.tactical-board.editor-field-clean.field-white .tactical-editor-field-stripes{
  display:none;
}
.tactical-board.editor-field-clean .tactical-board-lines{
  z-index:1!important;
}
.tactical-board.editor-field-clean.field-white .tactical-board-lines .line,
.tactical-board.editor-field-clean.field-white .tactical-board-lines .arc{
  stroke:rgba(15,23,42,.78)!important;
}
.tactical-board.editor-field-clean.field-white .tactical-board-lines .spot{
  fill:rgba(15,23,42,.82)!important;
}
.tactical-template-svg .tactical-zone-polygon,
.tactical-template-svg .tactical-zone-circle{
  pointer-events:none;
}

/* Extracted from match-day style block 6 */

@media (max-width: 760px){
    
    
    
    
    
    
    
    
    
    
    
    .nav-icon-field{width:24px !important;height:16px !important;}
    
  }

/* Extracted from match-day style block 7 */

/* 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;}}


/* ==== match-day-head-theme-after-runtime.css ==== */
/* Extracted from match-day style block 8 */

/* 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;
}

/* Extracted from match-day style block 9 */

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;
}

/* Extracted from match-day style block 10 */

/* 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"]) .upgrade-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"]) .btn-upgrade,
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,
html[data-mfe-theme]:not([data-mfe-theme="base"]) .btn-upgrade: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"]) .upgrade-box,
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;
}

/* Extracted from match-day style block 11 */

/* 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, .upgrade-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, .btn-upgrade){
  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, .btn-upgrade: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;
}

/* Extracted from match-day style block 12 */

/* 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;
}

/* Extracted from match-day style block 13 */

.mfe-pro-lock-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 20% 10%,rgba(34,197,94,.12),transparent 28%),linear-gradient(145deg,#04101a 0%,#071628 58%,#020814 100%);color:#eef3f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;}
  .mfe-pro-lock-card{width:min(620px,100%);border:1px solid rgba(255,255,255,.09);border-radius:30px;background:linear-gradient(180deg,rgba(10,22,39,.96),rgba(4,16,26,.94));box-shadow:0 28px 80px rgba(0,0,0,.48);padding:30px;display:grid;gap:16px;text-align:left;}
  .mfe-pro-lock-badge{width:max-content;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.12);color:#bbf7d0;font-size:12px;font-weight:900;letter-spacing:.1em;}
  .mfe-pro-lock-title{margin:0;font-size:clamp(30px,6vw,46px);line-height:1.02;font-weight:950;letter-spacing:-.04em;}
  .mfe-pro-lock-copy{margin:0;color:#cbd5e1;font-size:15px;line-height:1.65;}
  .mfe-pro-lock-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px;}
  .mfe-pro-lock-actions a{min-height:44px;padding:0 18px;border-radius:15px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;border:1px solid rgba(255,255,255,.1);color:#eef3f9;background:rgba(255,255,255,.05);}
  .mfe-pro-lock-actions a.primary{background:linear-gradient(135deg,#22c55e,#15803d);border-color:rgba(34,197,94,.36);color:white;box-shadow:0 14px 30px rgba(34,197,94,.20);}
  @media(max-width:560px){.mfe-pro-lock-card{padding:24px;border-radius:24px}.mfe-pro-lock-actions{display:grid}.mfe-pro-lock-actions a{width:100%;box-sizing:border-box}}


/* ==== match-day-head-layout-overrides.css ==== */
/* Extracted from match-day style block 14 */

html,
body{overscroll-behavior:none!important;}
  .content,
.main,
.workspace,
.editor-scroll,
.preview-panel,

/* Extracted from match-day style block 15 */

@media (min-width:901px){
    .topbar-actions{flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;}
    .topbar-actions .btn,
.topbar-actions a.btn{white-space:nowrap!important;flex:0 0 auto!important;padding-left:12px!important;padding-right:12px!important;}
    .saved-matchday-picker{width:clamp(170px,18vw,240px)!important;flex:0 1 240px!important;min-width:150px!important;}
  }


/* ==== match-day-body.css ==== */
/* Consolidated from match-day-body-board-aspect.css */
/* Extracted from match-day style block 16 */

.tactical-board.editor-field-clean.board-full{
  aspect-ratio:1050/680 !important;
}
.tactical-board.editor-field-clean.board-half{
  aspect-ratio:1/1 !important;
}
.tactical-board.editor-field-clean .tactical-board-lines,
.tactical-board.editor-field-clean .tactical-template-layer,
.tactical-board.editor-field-clean .tactical-template-svg{
  position:absolute;
  inset:0;
}
.tactical-board.editor-field-clean .tactical-board-lines svg,
.tactical-board.editor-field-clean .tactical-template-svg{
  width:100%;
  height:100%;
  display:block;
}

/* Consolidated from match-day-body-board-scale.css */
/* Extracted from match-day style block 17 */

.tactical-board.editor-field-clean.board-full{aspect-ratio:1050/680!important;}
.tactical-board.editor-field-clean.board-half{aspect-ratio:680/680!important;}
.tactical-board.editor-field-clean .tactical-board-lines{display:block!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;}
.tactical-board.editor-field-clean .tactical-board-lines svg{display:block!important;width:100%!important;height:100%!important;}
.tactical-board.editor-field-clean .tactical-template-layer{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;}
.tactical-board.editor-field-clean .tactical-template-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:visible!important;}
.tactical-board.editor-field-clean::before{display:none!important;}

/* Consolidated from match-day-body-marker-label.css */
/* Extracted from match-day style block 18 */

.tactical-marker{overflow:visible!important;}
.tactical-marker .tactical-name-below{
  position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);
  min-width:78px;max-width:140px;padding:2px 6px;border-radius:999px;
  background:rgba(2,8,20,.58);border:1px solid rgba(255,255,255,.16);
  color:#eef3f9;font-size:10px;font-weight:900;line-height:1.15;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.45);
  pointer-events:none;z-index:7;
}
@media (max-width:900px){.tactical-marker .tactical-name-below{font-size:9px;min-width:64px;max-width:110px;}}

/* Consolidated from match-day-body-marker-label-fix.css */
/* Extracted from match-day style block 19 */

.tactical-marker .tactical-name-below{
  min-width:0!important;
  width:max-content!important;
  max-width:140px!important;
  padding-left:8px!important;
  padding-right:8px!important;
}
.tactical-marker .tactical-name-below:empty{display:none!important;}
@media (max-width:900px){.tactical-marker .tactical-name-below{max-width:112px!important;}}

/* Consolidated from match-day-body-player-display-controls.css */
/* Extracted from match-day style block 20 */

.player-display-select-wrap{display:flex;align-items:end;gap:8px;min-width:210px;max-width:260px}
.player-display-select-wrap .field{min-width:180px;width:100%}
.marker.marker-photo,
.tactical-marker.tactical-photo{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
.marker.marker-photo{width:78px!important;min-height:84px!important;border-radius:0!important}
.marker.marker-photo .num{display:none!important}
.marker.marker-photo .name{
  display:block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:110px!important;
  margin-top:5px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  background:rgba(2,8,20,.62)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#eef3f9!important;
  font-size:11px!important;
  line-height:1.1!important;
  text-shadow:0 1px 3px rgba(0,0,0,.45)!important;
}
.player-photo-avatar{
  width:58px;
  height:58px;
  border-radius:18px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.92);
  background:rgba(15,23,42,.34);
  box-shadow:0 10px 20px rgba(2,6,23,.34),0 0 0 3px rgba(15,23,42,.14);
  display:block;
}
.player-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.tactical-marker.tactical-photo{width:36px!important;min-height:50px!important;border-radius:0!important}
.tactical-marker.tactical-photo .num{display:none!important}
.tactical-marker.tactical-photo .tactical-photo-avatar{
  width:34px;
  height:34px;
  border-radius:10px;
  overflow:hidden;
  border:1.5px solid rgba(255,255,255,.92);
  background:rgba(15,23,42,.34);
  box-shadow:0 7px 14px rgba(2,6,23,.30),0 0 0 2px rgba(15,23,42,.12);
}
.tactical-marker.tactical-photo .tactical-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.tactical-marker.tactical-photo .tactical-name-below{top:calc(100% + 2px)!important;min-width:0!important;width:max-content!important;max-width:116px!important;padding-left:7px!important;padding-right:7px!important}
@media (max-width:900px){
  .player-display-select-wrap{width:100%;max-width:none}.player-display-select-wrap .field{width:100%}
  .marker.marker-photo{width:68px!important;min-height:78px!important}.player-photo-avatar{width:52px;height:52px;border-radius:16px}
  .marker.marker-photo .name{font-size:10px!important;max-width:96px!important}
}

/* Consolidated from match-day-body-player-display-toggle.css */
/* Extracted from match-day style block 21 */

.player-display-select-wrap{display:none!important;}
.player-display-toggle-wrap{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-height:40px;max-width:100%;}
.player-display-toggle-label{font-size:12px;font-weight:900;color:#8de5ad;letter-spacing:.02em;white-space:nowrap;line-height:1.1;}
.player-display-toggle{display:flex;align-items:center;gap:5px;padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.player-display-toggle-btn{min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--text);font-size:12px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;}
.player-display-toggle-btn.is-active{border-color:rgba(34,197,94,.32);background:linear-gradient(180deg, rgba(34,197,94,.26), rgba(22,163,74,.16));box-shadow:0 0 0 2px rgba(34,197,94,.10);color:#ecfdf5;}
.player-display-toggle-btn:not(.is-active):hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);}
.matchday-preview-col .pitch-card:first-of-type>.section-head{display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center!important;justify-content:stretch!important;column-gap:18px!important;row-gap:0!important;}
.matchday-preview-title{min-width:0;display:flex;align-items:center;}
.matchday-preview-title .block-title{white-space:nowrap;line-height:1.15;}
.matchday-preview-title .section-copy{display:none!important;}
#matchDayPlayerVisualToggle{margin:0;align-self:center;justify-self:end;}
#tacticalPlayerVisualToggle{align-self:center;margin-right:4px;}
#tacticalSchemesSection .tactical-schemes-head .savebar{align-items:center;}
#tacticalSchemesSection .tactical-schemes-head .savebar>.btn{min-height:40px;}
@media (max-width:760px){
  .matchday-preview-col .pitch-card:first-of-type>.section-head{grid-template-columns:1fr!important;align-items:start!important;row-gap:12px!important;}
  .football-format-control{justify-self:start!important;}
  #matchDayPlayerVisualToggle{width:auto;margin:0;justify-self:start;}
  #tacticalPlayerVisualToggle{width:100%;margin-right:0;}
  .player-display-toggle-wrap{flex-wrap:wrap;}
  .player-display-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .player-display-toggle-btn{width:100%;}
}

/* Consolidated from match-day-body-compact-controls.css */
/* Extracted from match-day style block 22 */

/* Remove redundant visual labels while keeping the two-button controls compact. */
.player-display-toggle-label{display:none!important;}
.player-display-toggle-wrap{gap:0!important;}
#matchDayPlayerVisualToggle,
#tacticalPlayerVisualToggle{min-height:34px!important;}

/* Extracted from match-day style block 23 */

#tacticalPlayerNameToggle{align-self:center;margin-right:4px;}
#tacticalPlayerNameToggle .player-display-toggle-btn{min-width:84px;}
#tacticalSchemesSection[data-tactical-names="off"] .tactical-name-below,
#tacticalSchemesSection[data-tactical-names="off"] .tactical-marker .name{display:none!important;}
@media (max-width:900px){#tacticalPlayerNameToggle{width:100%;margin-right:0;}#tacticalPlayerNameToggle .player-display-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr;}#tacticalPlayerNameToggle .player-display-toggle-btn{width:100%;}}

/* Consolidated from match-day-body-schemes-copy-hide.css */
/* Extracted from match-day style block 24 */

#tacticalSchemesSection .tactical-schemes-head .section-copy{display:none!important;}
#tacticalSchemesSection .tactical-schemes-head{align-items:center;}
#tacticalSchemesSection .tactical-schemes-head .savebar{align-items:center;gap:10px;}

/* Consolidated from match-day-body-role-switch.css */
/* Extracted from match-day style block 25 */

.matchday-role-switch{
    display:flex;align-items:center;gap:4px;padding:4px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);min-height:42px;width:100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .matchday-role-switch-btn{
    flex:1;min-height:32px;padding:0 9px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);font-size:12px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;
  }
  .matchday-role-switch-btn.is-active{
    border-color:rgba(34,197,94,.32);background:linear-gradient(180deg, rgba(34,197,94,.26), rgba(22,163,74,.16));box-shadow:0 0 0 2px rgba(34,197,94,.10);color:#ecfdf5;
  }
  .matchday-role-switch-btn:not(.is-active):hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:var(--text);}
  .matchday-player-unavailable-note{
    margin-top:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.10);color:#fecaca;font-size:12px;font-weight:800;line-height:1.35;
  }
  .matchday-players-col .player-grid{grid-template-columns:minmax(72px,.75fr) minmax(0,1.5fr) minmax(148px,1fr) 42px!important;}
  @media(max-width:900px){
    .matchday-players-col .player-grid{grid-template-columns:1fr!important;}
    .matchday-role-switch{min-height:44px;}
    .matchday-role-switch-btn{min-height:34px;font-size:12px;}
  }

/* 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;
}

/* Match Day fixed desktop shell — 2026-07-05
   Consolidates the Match Day page into a fixed desktop viewport while keeping existing controls and handlers intact. */
@media (min-width:1180px){
  body:not(.matchday-overlay-open){overflow:hidden!important;}
  .main{grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;}
  .topbar.topbar-expanded{grid-template-columns:minmax(0,1fr) minmax(372px,416px)!important;}
  .topbar-actions{align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;}
  .topbar-actions .btn,
.topbar-actions a.btn{padding-left:12px!important;padding-right:12px!important;}
  .matchday-header-export{order:2;}
  .content{height:100%!important;min-height:0!important;display:block!important;overflow:hidden!important;padding-right:0!important;}
  .workspace{height:100%!important;min-height:0!important;display:block!important;overflow:hidden!important;}
  .workspace>.editor-host{height:100%!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:14px!important;}
  .content,
.workspace,
.workspace>.editor-host{width:100%!important;max-width:none!important;}
  .editor-host>.section-head{flex:0 0 auto!important;gap:10px!important;align-items:center!important;}
  .editor-host>.section-head .savebar{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;}
  .editor-host>.section-head .savebar>.btn{min-height:36px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important;}
  .editor-grid.matchday-visual-grid{flex:1 1 auto!important;height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(320px,360px) minmax(320px,1fr) minmax(280px,340px)!important;gap:12px!important;overflow:hidden!important;align-items:stretch!important;}
  .editor-scroll.matchday-details-col,
.preview-panel.matchday-preview-col,
.lineup-side-panel.matchday-players-col{height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;padding-right:0!important;min-width:0!important;}
  .editor-scroll.matchday-details-col{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .matchday-details-col>.summary{flex:0 0 auto!important;display:block!important;padding:10px!important;border-radius:18px!important;}
  .matchday-details-col>.summary .pill-row,
.matchday-details-col>.summary .summary-team,
.matchday-details-col>.summary .summary-versus,
.matchday-details-col>.summary .summary-grid{display:none!important;}
  .matchday-details-col .match-logo-picker{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;}
  .matchday-details-col .match-logo-picker .summary-logo{width:74px!important;height:74px!important;min-height:74px!important;border-radius:18px!important;}
  .matchday-details-col .match-logo-picker-actions{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
  .matchday-details-col .match-logo-picker-actions .btn{min-height:30px!important;padding:0 9px!important;font-size:11px!important;border-radius:10px!important;}
  .matchday-details-col>.block{flex:1 1 auto!important;min-height:0!important;padding:10px!important;border-radius:18px!important;gap:8px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
  .matchday-details-col .block-title{font-size:14px!important;flex:0 0 auto!important;}
  .matchday-details-col .form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(5,auto) auto minmax(42px,1fr)!important;gap:7px!important;align-content:stretch!important;flex:1 1 auto!important;min-height:0!important;}
  .matchday-details-col .field{gap:4px!important;min-width:0!important;}
  .matchday-details-col .field.full{grid-column:1/-1!important;}
  .matchday-details-col .field.full:last-child{min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;}
  .matchday-details-col .label{font-size:10px!important;line-height:1.05!important;}
  .matchday-details-col .input,
.matchday-details-col .select{min-height:30px!important;height:30px!important;border-radius:10px!important;padding:0 9px!important;font-size:11px!important;}
  .matchday-details-col .select{padding-right:28px!important;background-position:right 9px center!important;}
  .matchday-details-col .textarea{min-height:42px!important;max-height:none!important;border-radius:10px!important;padding:8px 9px!important;font-size:11px!important;resize:none!important;}
  .matchday-details-col .field.full:last-child .textarea{height:100%!important;min-height:42px!important;}
  .matchday-details-col .kit-picker-card{gap:6px!important;padding:7px!important;border-radius:12px!important;}
  .matchday-details-col .kit-picker-row{grid-template-columns:70px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;}
  .matchday-details-col .kit-picker-label{font-size:10px!important;}
  .matchday-details-col .conv-kit-palette{display:grid!important;grid-template-columns:repeat(10,minmax(16px,1fr))!important;gap:4px!important;}
  .matchday-details-col .color-swatch{min-height:18px!important;border-radius:6px!important;border-width:1px!important;}
  .preview-panel.matchday-preview-col{display:grid!important;grid-template-rows:minmax(0,1fr)!important;gap:0!important;align-content:stretch!important;}
  .preview-panel.matchday-preview-col>.pitch-card{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:10px!important;padding:12px!important;overflow:hidden!important;border-radius:18px!important;}
  .matchday-preview-col>.pitch-card:first-of-type>.section-head{flex:0 0 auto!important;align-items:center!important;}
  .matchday-preview-col>.pitch-card:first-of-type .block-title{font-size:14px!important;}
  .matchday-preview-col>.pitch-card:first-of-type .section-copy{display:none!important;}
  .matchday-preview-col .pitch{height:100%!important;max-height:100%!important;width:auto!important;max-width:100%!important;aspect-ratio:0.72/1!important;margin:0 auto!important;min-height:0!important;border-radius:22px!important;}
  .pitch::before{inset:3.2% 4.6%!important;}
  .lineup-side-panel.matchday-players-col{display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,.78fr)!important;gap:10px!important;}
  .lineup-side-panel .pitch-card{min-height:0!important;height:100%!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:6px!important;padding:9px 10px!important;border-radius:18px!important;overflow:hidden!important;}
  .lineup-side-panel .block-title{font-size:13px!important;line-height:1.1!important;}
  .starting-list,
.bench-list{min-height:0!important;display:grid!important;grid-auto-rows:minmax(0,auto)!important;gap:4px!important;overflow:hidden!important;align-content:start!important;}
  .mini-player{min-height:0!important;padding:4px 8px!important;border-radius:10px!important;gap:8px!important;font-size:10.5px!important;line-height:1.15!important;align-items:center!important;overflow:hidden!important;}
  .mini-player span,
.mini-player strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  .mini-player strong{font-size:10px!important;flex:0 0 auto!important;}
  .empty{font-size:11px!important;line-height:1.35!important;padding:8px!important;}
}

.matchday-overlay-modal{position:fixed;inset:0;z-index:2450;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,6,23,.72);backdrop-filter:blur(18px);}
.matchday-overlay-modal.open{display:flex;}
body.matchday-overlay-open{overflow:hidden!important;}
.matchday-overlay-card{width:min(100%,980px);max-height:min(92vh,920px);display:flex;flex-direction:column;gap:14px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,15,28,.98));box-shadow:0 28px 80px rgba(0,0,0,.46);padding:18px;overflow:hidden;}
.matchday-overlay-card-wide{width:min(100%,1080px);}
.matchday-overlay-card-xl{width:min(100%,1240px);}
.matchday-overlay-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:14px;}
.matchday-overlay-body{min-height:0;overflow:auto;padding-right:4px;overscroll-behavior:contain;}
.matchday-overlay-body::-webkit-scrollbar{width:10px;}
.matchday-overlay-body::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px;}
.matchday-overlay-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(34,197,94,.28), rgba(255,255,255,.12));border-radius:999px;border:2px solid transparent;background-clip:padding-box;}
.matchday-overlay-body .editor-scroll.matchday-players-col{height:auto!important;max-height:none!important;overflow:visible!important;display:block!important;padding-right:0!important;}
.matchday-overlay-body .matchday-players-col .block{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.matchday-overlay-body .players-top{margin-bottom:12px!important;}
.matchday-overlay-body .players-list,
.matchday-overlay-body .players-list.is-scrollable{display:flex!important;flex-direction:column!important;gap:10px!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
.matchday-overlay-body .player-card{display:grid!important;gap:10px!important;padding:12px!important;border-radius:16px!important;overflow:visible!important;}
.matchday-overlay-body .player-source-row{display:grid!important;grid-template-columns:minmax(130px,.6fr) minmax(220px,1.4fr)!important;gap:10px!important;align-items:end!important;}
.matchday-overlay-body .player-grid{display:grid!important;grid-template-columns:minmax(80px,.55fr) minmax(180px,1.4fr) minmax(160px,.8fr) 42px!important;gap:10px!important;align-items:end!important;}
.matchday-overlay-body .player-grid .icon-btn{width:40px!important;height:40px!important;align-self:end!important;justify-self:end!important;}
.matchday-overlay-body .tactical-schemes-panel,
.matchday-overlay-body .postmatch-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.matchday-overlay-body .tactical-schemes-list{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;}
.matchday-overlay-body .tactical-scheme-card{display:grid!important;grid-template-columns:minmax(360px,.9fr) minmax(300px,.65fr)!important;gap:14px!important;align-items:start!important;}
.matchday-overlay-body .tactical-scheme-card-head{grid-column:1/-1!important;align-items:center!important;}
.matchday-overlay-body .tactical-board{width:100%!important;max-width:760px!important;max-height:58vh!important;margin:0!important;}
.matchday-overlay-body .tactical-scheme-notes{align-self:stretch!important;}
.matchday-overlay-body .tactical-scheme-notes textarea{min-height:280px!important;resize:vertical!important;}
.matchday-overlay-body .pm-main-grid{min-height:0!important;}
@media (max-width:900px){
  .matchday-overlay-modal{padding:14px;align-items:stretch;}
  .matchday-overlay-card{max-height:calc(100svh - 28px);border-radius:22px;padding:14px;}
  .matchday-overlay-head{display:grid;grid-template-columns:1fr;}
  .matchday-overlay-head>.btn{width:100%;}
  .matchday-overlay-body .player-source-row,
.matchday-overlay-body .player-grid,
.matchday-overlay-body .tactical-scheme-card{grid-template-columns:1fr!important;}
  .matchday-overlay-body .player-grid .icon-btn{width:100%!important;justify-self:stretch!important;}
  .matchday-overlay-body .tactical-board{max-height:none!important;}
  .matchday-overlay-body .tactical-scheme-notes textarea{min-height:140px!important;}
}

/* Match Day venue selector */
.match-venue-field{align-self:stretch}
.match-venue-switch{
  width:100%;min-height:42px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;
  border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);
  color:var(--muted);font:inherit;font-weight:900;line-height:1;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.match-venue-switch span{
  min-height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:12px;color:var(--muted);font-size:12px;
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.match-venue-switch[data-value="home"] .venue-home,
.match-venue-switch[data-value="away"] .venue-away{
  border-color:rgba(34,197,94,.32);background:linear-gradient(180deg,rgba(34,197,94,.26),rgba(22,163,74,.16));
  box-shadow:0 0 0 2px rgba(34,197,94,.10);color:#ecfdf5;
}
.match-venue-switch[data-value="home"] .venue-away:hover,
.match-venue-switch[data-value="away"] .venue-home:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:var(--text)}
.match-venue-switch:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
html[data-mfe-theme] .match-venue-switch[aria-checked="true"]{
  border-color:var(--mfe-input-border,rgba(255,255,255,.08))!important;
  background:var(--mfe-surface-plain,rgba(255,255,255,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.matchday-details-col .match-venue-switch{min-height:30px!important;height:30px!important;padding:2px!important;gap:2px!important;border-radius:10px!important}
.matchday-details-col .match-venue-switch span{min-height:24px!important;height:24px!important;padding:0 7px!important;border-radius:8px!important;font-size:11px!important}



/* Match Day — formatos Futebol 7 / 9 / 11 */
.football-format-control{display:flex;align-items:center;justify-content:center;justify-self:center;gap:12px;flex-wrap:nowrap;min-width:0}
.football-format-label{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;line-height:1}
.football-format-switch{display:inline-flex;align-items:center;flex:0 0 auto;padding:3px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2,rgba(148,163,184,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.football-format-switch button{min-width:42px;height:34px;padding:0 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 13px/1 inherit;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.football-format-switch button:hover{color:var(--text)}
.football-format-switch button.is-active{background:var(--accent);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 26%,transparent)}
.football-format-hint{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.matchday-formation-locked .select{opacity:.58;cursor:not-allowed}
.matchday-formation-locked .label::after{content:" · bloqueado";font-size:10px;font-weight:700;color:var(--muted)}
html[lang^="en"] .matchday-formation-locked .label::after{content:" · locked"}
@media (max-width:1100px){
  .matchday-preview-col .pitch-card:first-of-type>.section-head{column-gap:12px!important}
  .football-format-control{gap:8px}
  .football-format-label{font-size:10px}
  .football-format-switch button{min-width:38px;padding:0 10px}
  .player-display-toggle-btn{padding-left:10px;padding-right:10px}
}

/* Match Day export progress modal */
.matchday-export-progress-modal{
  position:fixed;inset:0;z-index:2750;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(2,6,23,.68);backdrop-filter:blur(12px);
}
.matchday-export-progress-modal.open{display:flex}
.matchday-export-progress-card{
  width:min(100%,680px);padding:30px;border-radius:28px;border:1px solid var(--line);
  background:radial-gradient(circle at top right,rgba(34,197,94,.10),transparent 28%),var(--panel);
  box-shadow:0 32px 80px rgba(2,6,23,.52);color:var(--text);
}
.matchday-export-progress-badge{
  display:inline-flex;align-items:center;min-height:38px;padding:0 18px;border-radius:999px;
  border:1px solid rgba(34,197,94,.26);background:rgba(22,163,74,.14);color:#d8ffe6;
  font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
}
.matchday-export-progress-title{margin:18px 0 10px;font-size:30px;line-height:1.08;font-weight:900;color:var(--text)}
.matchday-export-progress-copy{margin:0 0 24px;font-size:14px;line-height:1.55;color:var(--muted)}
.matchday-export-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px;font-size:13px;font-weight:800;color:var(--muted)}
.matchday-export-progress-meta strong{color:var(--text);font-size:14px}
.matchday-export-progress-track{height:14px;overflow:hidden;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.07)}
.matchday-export-progress-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-dark));box-shadow:0 0 24px rgba(34,197,94,.28);transition:width .24s ease}
.matchday-export-progress-actions{display:flex;justify-content:flex-end;margin-top:22px}
.matchday-export-progress-actions .btn{min-width:132px}
html[data-mfe-theme="light"] .matchday-export-progress-modal{background:rgba(238,244,241,.74)}
html[data-mfe-theme]:not([data-mfe-theme="base"]) .matchday-export-progress-card{background:var(--mfe-card-bg-strong,var(--panel));border-color:var(--line);box-shadow:var(--shadow)}
html[data-mfe-theme="gray"] .matchday-export-progress-card{background:#fff!important;color:#111827!important}
html[data-mfe-theme="gray"] .matchday-export-progress-badge{color:#374151!important;background:#f3f4f6!important;border-color:#d1d5db!important}
@media (max-width:720px){
  .matchday-export-progress-modal{padding:16px}
  .matchday-export-progress-card{padding:22px}
  .matchday-export-progress-title{font-size:25px}
  .matchday-export-progress-meta{align-items:flex-start}
}