/* ═══════════════════════════════════════════════════
   SCOUT CLUBS — 07-matchday.css · v1.31
   Gerador Matchday: controles + 6 templates + 5 efeitos.
   Templates usam --club1/--club2 (cores do time).
   ═══════════════════════════════════════════════════ */
.md-wrap{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start}
@media(max-width:900px){.md-wrap{grid-template-columns:1fr}}

.md-controls{background:var(--bg2);border:1px solid var(--bdr);border-radius:14px;padding:18px}
.md-field{margin-bottom:12px}
.md-field label{display:block;font-family:var(--fc);font-size:9px;letter-spacing:.14em;color:var(--t3);text-transform:uppercase;margin-bottom:6px}
.md-field input,.md-field select{background:var(--bg);border:1px solid var(--bdr);border-radius:8px;color:var(--t1);padding:10px 12px;font-size:12px;font-family:var(--fc);outline:none;width:100%}
.md-block{margin:16px 0}
.md-block-h{font-family:var(--fc);font-size:9px;letter-spacing:.16em;color:var(--t2);text-transform:uppercase;margin-bottom:10px}
.md-grow{display:grid;grid-template-columns:64px 1fr 1fr 1fr 28px;gap:6px;margin-bottom:6px}
.md-grow input{background:var(--bg);border:1px solid var(--bdr);border-radius:7px;color:var(--t1);padding:8px 10px;font-size:11px;font-family:var(--fc);outline:none;width:100%}
.md-grow-head{opacity:.5}.md-grow-head span{font-family:var(--fc);font-size:8px;letter-spacing:.1em;color:var(--t3);padding:0 4px}
.md-del{background:rgba(255,77,106,.12);color:var(--loss);border:none;border-radius:7px;cursor:pointer;font-size:14px}
.md-addbtn{background:var(--bg3);border:1px dashed var(--bdr);color:var(--t2);border-radius:8px;padding:9px;width:100%;font-family:var(--fc);font-size:11px;cursor:pointer;margin-top:4px}
.md-tpls{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.md-tpl{aspect-ratio:1;border-radius:8px;border:1px solid var(--bdr);background:var(--bg3);color:var(--t2);font-family:var(--fd);font-size:16px;cursor:pointer;transition:.2s}
.md-tpl.on{border-color:var(--club1);background:color-mix(in srgb,var(--club1) 18%,var(--bg3));color:var(--t1)}
.md-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.md-fmt{display:flex;gap:6px}
.md-fmt button{flex:1;background:var(--bg);border:1px solid var(--bdr);color:var(--t2);border-radius:8px;padding:10px;font-family:var(--fc);font-size:11px;cursor:pointer}
.md-fmt button.on{background:var(--club1);color:var(--club-ink,#fff);border-color:var(--club1)}
.md-download{width:100%;background:var(--club1);color:var(--club-ink,#fff);border:none;border-radius:10px;padding:14px;font-family:var(--fc);font-weight:700;font-size:13px;letter-spacing:.08em;cursor:pointer;margin-top:8px}
.md-download:disabled{opacity:.6}
.md-note{font-size:11px;color:var(--t3);margin-top:10px;line-height:1.5}

.md-preview{display:flex;justify-content:center}
.md-frame{box-shadow:0 24px 60px -20px rgba(0,0,0,.8);border-radius:10px;overflow:hidden}

/* ═══════ CANVAS ═══════ */
.mdc-card{width:340px;height:604px;position:relative;overflow:hidden;color:#fff;font-family:var(--fb)}
.mdc-card.feed{width:440px;height:440px}
.mdc-wm{position:absolute;right:12px;bottom:10px;z-index:20;font-family:var(--fd);font-size:11px;letter-spacing:.14em;opacity:.5}
.mdc-crest{object-fit:contain}
.mdc-crest-ph{display:flex;align-items:center;justify-content:center;font-family:var(--fd);background:linear-gradient(150deg,var(--mc1),var(--mc1-40d));border:2px solid var(--mca);border-radius:14px;color:#fff}
.mdc-card>*:not(.mdc-fx){position:relative;z-index:2}

/* EFEITOS */
.mdc-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.mdc-fx-crest{position:absolute;right:-20%;bottom:-14%;width:62%;height:62%;opacity:.045;filter:grayscale(.5)}
.mdc-fx-crest img{width:100%;height:100%;object-fit:contain}
.mdc-fx-crest .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:180px;color:#fff}
.mdc-fx-repeat{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around;opacity:.045;transform:rotate(-8deg) scale(1.3)}
.mdc-fx-repeat span{font-family:var(--fd);font-size:30px;white-space:nowrap;letter-spacing:.1em}
.mdc-fx-waves{position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 56px,var(--mc1-9a) 56px 58px)}
.mdc-fx-waves::after{content:'';position:absolute;top:18%;left:-20%;width:140%;height:60%;border-radius:50%;background:radial-gradient(ellipse,var(--mc1-20a),transparent 65%);filter:blur(26px)}
.mdc-fx-glow{position:absolute;inset:0;background:radial-gradient(circle at 68% 55%,var(--mc1-28a),transparent 55%)}
.mdc-fx-glow::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1px);background-size:24px 24px;opacity:.07}
.mdc-fx-sideband{position:absolute;top:-10%;right:-6%;width:46%;height:120%;background:linear-gradient(160deg,var(--mc1-42a),transparent);transform:skewX(-10deg)}

/* — comuns — */
.mdc-time{font-family:var(--fd)}
.mdc-games .l1{font-family:var(--fo,'Oswald'),sans-serif}

/* TPL 1 */
.mdc-t1{background:linear-gradient(160deg,var(--mc1-40),var(--mc2) 70%)}
.mdc-t1 .mdc-top{position:absolute;top:26px;left:0;right:0;text-align:center}
.mdc-t1 .mdc-logo{width:64px;height:64px;margin:0 auto 10px;display:flex;justify-content:center}
.mdc-t1 .mdc-md{font-family:var(--fd);font-size:42px;line-height:.9;transform:skewX(-4deg)}
.mdc-t1 .mdc-md b{color:var(--mca)}
.mdc-t1 .mdc-date{font-family:var(--fc);font-size:11px;letter-spacing:.3em;margin-top:4px;opacity:.8}
.mdc-t1 .mdc-games{position:absolute;top:184px;left:22px;right:22px;display:flex;flex-direction:column;gap:10px}
.mdc-t1 .mdc-g{display:flex;align-items:center;gap:10px}
.mdc-t1 .mdc-time{font-size:14px;background:var(--mc1);padding:3px 8px;border-radius:5px;transform:skewX(-6deg)}
.mdc-t1 .l1{font-weight:700;font-size:15px;line-height:1.05}
.mdc-t1 .l1 em{font-style:normal;color:var(--mca);font-size:11px;margin:0 3px}
.mdc-t1 .l2{font-family:var(--fc);font-size:8px;opacity:.6;letter-spacing:.06em;margin-top:1px}

/* TPL 2 */
.mdc-t2{background:linear-gradient(135deg,var(--mc1-52),var(--mc2))}
.mdc-t2 .mdc-hd{position:absolute;top:28px;left:22px}
.mdc-t2 .mdc-logo{width:52px;height:52px;margin-bottom:8px;display:flex}
.mdc-t2 .mdc-gd{font-family:var(--fd);font-size:50px;line-height:.82;transform:skewX(-8deg);font-style:italic}
.mdc-t2 .mdc-date{font-family:var(--fd);font-size:14px;background:#fff;color:#000;display:inline-block;padding:2px 10px;transform:skewX(-8deg);margin-top:6px}
.mdc-t2 .mdc-games{position:absolute;bottom:88px;left:22px;right:22px;display:flex;flex-direction:column;gap:8px}
.mdc-t2 .mdc-g{background:rgba(0,0,0,.35);border-left:3px solid var(--mca);padding:8px 12px;display:flex;align-items:center;gap:10px}
.mdc-t2 .mdc-time{font-size:16px;color:var(--mca);transform:skewX(-6deg)}
.mdc-t2 .l1{font-weight:700;font-size:14px}
.mdc-t2 .l2{font-family:var(--fc);font-size:7.5px;opacity:.6}

/* TPL 3 */
.mdc-t3{background:radial-gradient(ellipse at 50% 26%,var(--mc1-42),var(--mc2) 70%)}
.mdc-t3 .mdc-logo{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:120px;height:120px;display:flex;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}
.mdc-t3 .mdc-md{position:absolute;top:172px;left:0;right:0;text-align:center;font-family:var(--fd);font-size:32px;letter-spacing:.1em;transform:skewX(-5deg)}
.mdc-t3 .mdc-date{position:absolute;top:208px;left:0;right:0;text-align:center;font-family:var(--fc);font-size:10px;letter-spacing:.3em;opacity:.75}
.mdc-t3 .mdc-games{position:absolute;top:246px;left:20px;right:20px;display:flex;flex-direction:column;gap:9px}
.mdc-t3 .mdc-g{text-align:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px}
.mdc-t3 .top{font-family:var(--fc);font-size:8px;opacity:.6;letter-spacing:.1em}
.mdc-t3 .mid{font-family:var(--fo,'Oswald');font-weight:700;font-size:15px;margin-top:2px}
.mdc-t3 .mid em{font-style:normal;color:var(--mca);margin:0 5px}
.mdc-t3 .mdc-time{color:var(--mca)}

/* TPL 4 */
.mdc-t4{background:linear-gradient(180deg,#0d1017,#05070c)}
.mdc-t4 .mdc-band{position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(120deg,var(--mc1),var(--mc1-50d));clip-path:polygon(0 0,100% 0,100% 72%,0 100%)}
.mdc-t4 .mdc-logo{position:absolute;top:24px;left:22px;width:54px;height:54px;display:flex}
.mdc-t4 .mdc-md{position:absolute;top:30px;left:88px;font-family:var(--fd);font-size:28px;line-height:.9;transform:skewX(-4deg)}
.mdc-t4 .mdc-date{position:absolute;top:68px;left:88px;font-family:var(--fc);font-size:10px;letter-spacing:.2em;opacity:.85}
.mdc-t4 .mdc-games{position:absolute;top:168px;left:20px;right:20px;display:flex;flex-direction:column;gap:7px}
.mdc-t4 .mdc-g{background:var(--bg2);border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:10px}
.mdc-t4 .mdc-time{font-size:14px;color:var(--mca);min-width:42px;transform:skewX(-6deg)}
.mdc-t4 .l1{font-weight:700;font-size:13px}
.mdc-t4 .l2{font-family:var(--fc);font-size:7.5px;opacity:.55}

/* TPL 5 */
.mdc-t5{background:#05060a}
.mdc-t5 .mdc-logo{position:absolute;top:38px;left:50%;transform:translateX(-50%);width:78px;height:78px;display:flex;filter:drop-shadow(0 0 18px var(--mc1))}
.mdc-t5 .mdc-md{position:absolute;top:130px;left:0;right:0;text-align:center;font-family:var(--fd);font-size:44px;transform:skewX(-8deg);text-shadow:0 0 22px var(--mc1)}
.mdc-t5 .mdc-md b{color:var(--mca)}
.mdc-t5 .mdc-date{position:absolute;top:188px;left:0;right:0;text-align:center;font-family:var(--fc);font-size:10px;letter-spacing:.3em;color:var(--mca)}
.mdc-t5 .mdc-games{position:absolute;top:234px;left:20px;right:20px;display:flex;flex-direction:column;gap:9px}
.mdc-t5 .mdc-g{border:1px solid var(--mc1-42a);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.4)}
.mdc-t5 .mdc-time{font-size:15px;color:var(--mca);transform:skewX(-6deg)}
.mdc-t5 .l1{font-weight:700;font-size:14px}
.mdc-t5 .l2{font-family:var(--fc);font-size:7.5px;opacity:.6}

/* TPL 6 */
.mdc-t6{background:#06070c;display:flex}
.mdc-t6 .mdc-left{width:38%;background:linear-gradient(180deg,var(--mc1),var(--mc1-40d));position:relative;clip-path:polygon(0 0,100% 0,80% 100%,0 100%)}
.mdc-t6 .mdc-left .mdc-logo{position:absolute;top:36px;left:50%;transform:translateX(-50%);width:70px;height:70px;display:flex}
.mdc-t6 .mdc-left .mdc-md{position:absolute;bottom:30px;left:26px;font-family:var(--fd);font-size:22px;line-height:.85;transform:rotate(-90deg);transform-origin:left bottom;white-space:nowrap;letter-spacing:.08em;color:rgba(255,255,255,.9)}
.mdc-t6 .mdc-right{flex:1;padding:24px 16px 24px 20px;display:flex;flex-direction:column}
.mdc-t6 .mdc-date{font-family:var(--fd);font-size:17px;transform:skewX(-6deg);margin-bottom:14px;color:var(--mca)}
.mdc-t6 .mdc-games{display:flex;flex-direction:column;gap:10px}
.mdc-t6 .mdc-time{font-size:13px;color:var(--mca);transform:skewX(-6deg)}
.mdc-t6 .l1{font-weight:700;font-size:12px;line-height:1.1;font-family:var(--fo,'Oswald')}
.mdc-t6 .l2{font-family:var(--fc);font-size:7px;opacity:.6}


/* v1.32: aplicar cores editáveis (title/text/chip) */
.mdc-md,.mdc-gd{color:var(--mct)!important}
.mdc-md b{color:var(--mca)!important}
.mdc-date{color:var(--mct)!important;opacity:.85}
.mdc-games .l1{color:var(--mcx)!important}
.mdc-games .l2{color:var(--mcx)!important;opacity:.6}
.mdc-t1 .mdc-time{background:var(--mcc)!important}
.mdc-card{background-color:var(--mc2)!important}
.mdc-t1{background:linear-gradient(160deg,var(--mc1-40),var(--mc2) 70%)!important}
.mdc-t2{background:linear-gradient(135deg,var(--mc1-52),var(--mc2))!important}
.mdc-t3{background:radial-gradient(ellipse at 50% 26%,var(--mc1-42),var(--mc2) 70%)!important}
.mdc-t4{background:var(--mc2)!important}
.mdc-t5{background:var(--mc2)!important}
.mdc-t6{background:var(--mc2)!important}

/* controles novos: topbar, cores, histórico */
.md-topbar{display:flex;gap:8px;margin-bottom:14px;align-items:center}
.md-title{flex:1;background:var(--bg);border:1px solid var(--bdr);border-radius:8px;color:var(--t1);padding:10px 12px;font-family:var(--fc);font-size:13px;outline:none}
.md-save{background:var(--club1);color:var(--club-ink,#fff);border:none;border-radius:8px;padding:10px 14px;font-family:var(--fc);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.md-new{background:var(--bg3);color:var(--t2);border:1px solid var(--bdr);border-radius:8px;padding:10px 12px;font-family:var(--fc);font-size:11px;cursor:pointer}
.md-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.md-color{display:flex;flex-direction:column;gap:4px;align-items:center;background:var(--bg);border:1px solid var(--bdr);border-radius:8px;padding:8px 4px}
.md-color span{font-family:var(--fc);font-size:8px;letter-spacing:.06em;color:var(--t3)}
.md-color input{width:100%;height:26px;border:none;background:transparent;cursor:pointer;padding:0}
.md-mini{background:var(--bg3);color:var(--t2);border:1px solid var(--bdr);border-radius:7px;padding:6px 10px;font-family:var(--fc);font-size:10px;cursor:pointer}
.md-mini.on{background:var(--club1);color:var(--club-ink,#fff);border-color:var(--club1)}
.md-hist{display:flex;flex-direction:column;gap:6px}
.md-hist-item{display:flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--bdr);border-radius:9px;padding:8px 10px}
.md-hist-item.on{border-color:var(--club1)}
.md-hist-info{flex:1;cursor:pointer;min-width:0}
.md-hist-info b{font-family:var(--fc);font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-hist-info span{font-family:var(--fc);font-size:9px;color:var(--t3)}
.md-hist-empty{font-family:var(--fc);font-size:11px;color:var(--t3);padding:10px;text-align:center}

/* v1.35: botão de escudo do adversário por jogo */
.md-grow{grid-template-columns:56px 1fr 1fr 1fr 32px 28px!important}
.md-grow-head{grid-template-columns:56px 1fr 1fr 1fr 32px 28px!important}
.md-crestbtn{background:var(--bg);border:1px solid var(--bdr);border-radius:7px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px}
.md-crestbtn.has{border-color:var(--club1)}
.md-crestbtn img{width:100%;height:100%;object-fit:contain}

/* v1.36: logo Scout no rodapé inferior centralizado */
.mdc-wm-foot{position:absolute!important;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:30;pointer-events:none}
.mdc-wm-foot img{height:46px;width:auto;opacity:.9;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.mdc-card.feed .mdc-wm-foot{bottom:14px}
.mdc-card.feed .mdc-wm-foot img{height:38px}

/* v1.43: fantasma mais discreto e fora da área de leitura no split */
.mdc-t6 .mdc-fx-crest{right:-24%;bottom:-18%;width:56%;height:56%;opacity:.04}

/* v1.46: fix Design cortando no mobile (Android) — preview responsivo */
@media(max-width:640px){
  .md-wrap{gap:16px}
  .md-preview{overflow-x:auto;width:100%;justify-content:flex-start;-webkit-overflow-scrolling:touch}
  .md-frame{flex-shrink:0}
  .md-controls{padding:14px}
  .md-tpls{grid-template-columns:repeat(3,1fr)!important}
  .md-colors{grid-template-columns:repeat(3,1fr)!important}
}