/* Joueur du match — sous-ensemble du CSS partagé de widget/estac-widgets.js (classes
   .ew*) porté tel quel pour cette extension : mêmes tokens de thème (couleur ESTAC,
   mode sombre html.dark), même rendu que le widget d'origine. */

.ew{
   --ew-p:var(--color-primary, 9,72,137);      /* bleu ESTAC */
   --ew-gold:var(--color-text, 202,170,84);    /* or ESTAC */
   --ew-card:#fff; --ew-txt:#1f2937; --ew-mut:#6b7280;
   --ew-line:#e5e7eb; --ew-line2:#f3f4f6; --ew-hover:#f6f8fb;
   --ew-soft:#f8fafc; --ew-me:rgba(var(--ew-p),.07);
   display:block;width:100%;box-sizing:border-box;
   font-family:Roboto,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
   color:var(--ew-txt);background:var(--ew-card);
   border:1px solid var(--ew-line);border-radius:.75rem;overflow:hidden;
   box-shadow:0 1px 2px rgba(9,72,137,.06);font-size:14px;line-height:1.4}
html.dark .ew{
   --ew-card:#0f172a; --ew-txt:#e2e8f0; --ew-mut:#94a3b8;
   --ew-line:rgba(255,255,255,.09); --ew-line2:rgba(255,255,255,.06);
   --ew-hover:rgba(255,255,255,.04); --ew-soft:rgba(255,255,255,.03);
   --ew-me:rgba(var(--ew-p),.30);
   box-shadow:0 1px 2px rgba(0,0,0,.3)}
.ew *{box-sizing:border-box}
.ew-head{background:rgba(var(--ew-p),1);color:#fff;padding:12px 16px;font-weight:700;
   display:flex;align-items:center;justify-content:space-between;gap:10px}
.ew-tabs{display:flex;gap:4px}
.ew-tabs button{border:0;background:rgba(255,255,255,.16);color:#fff;padding:6px 12px;
   border-radius:20px;cursor:pointer;font-weight:600;font-size:13px}
.ew-tabs button.on{background:rgba(var(--ew-gold),1);color:#fff}
.ew table{width:100%;border-collapse:collapse}
.ew th,.ew td{padding:9px 6px;text-align:center;border-bottom:1px solid var(--ew-line2);white-space:nowrap}
.ew tbody tr:last-child td{border-bottom:0}
.ew th{font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--ew-mut);font-weight:600;
   background:var(--ew-soft)}
.ew td.tm,.ew th.tm{text-align:left;white-space:normal}
.ew tr.me td{background:var(--ew-me);font-weight:600}
.ew tr.me td:first-child{box-shadow:inset 3px 0 0 rgba(var(--ew-gold),1)}
.ew .rk{font-weight:700}
.ew .pts{font-weight:700;color:rgba(var(--ew-p),1)}
.ew tr.me td.pts{font-weight:700}
html.dark .ew .pts,html.dark .ew tr.me .rk{color:#7fb2e6}
.ew-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}
.ew-vid{display:inline-flex;align-items:center;line-height:1;gap:6px;background:var(--ew-card);color:var(--ew-txt);
   text-decoration:none;padding:9px 14px 8px;border-radius:8px;border:1px solid var(--ew-line);font-weight:600;font-size:13px}
.ew-vid svg{display:block;flex:none}
.ew-vid span{display:block}
.ew-vid:hover{color:rgba(var(--ew-gold),1)}
html.dark .ew-vid{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#e2e8f0}
html.dark .ew-vid:hover{color:rgba(var(--ew-gold),1)}
.ew-mc-info{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ew-soft);
   padding:8px 12px;border-bottom:1px solid var(--ew-line)}
.ew-mc-jr{flex:none;background:rgba(var(--ew-p),1);color:#fff;font-weight:800;font-size:11px;
   letter-spacing:.02em;padding:3px 7px;border-radius:5px;line-height:1.2}
.ew-mc-when{flex:0 1 auto;min-width:0;max-width:100%;color:rgba(var(--ew-p),1);font-weight:700;font-size:11.5px;
   text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.dark .ew-mc-when{color:#7fb2e6}
.ew-mc-cta{padding:4px 14px 14px}
.ew-mc-cta .ew-actions{gap:6px;flex-wrap:nowrap}
.ew-mc-cta .ew-vid{padding:9px 8px 8px;font-size:12.5px;flex:1 1 0;min-width:0;justify-content:center}
.ew-mc-cta .ew-vid span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:480px){
   #motm-widget .ew-mc-cta .ew-actions{flex-direction:column;flex-wrap:wrap}
   #motm-widget .ew-mc-cta .ew-vid{flex:none;width:100%}
   #motm-widget .ew-mc-cta .ew-vid span{overflow:visible;white-space:normal;text-align:center}
}
.ew-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:rgba(var(--ew-p),1);
   color:#fff;border:0;border-radius:8px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;
   font-family:inherit}
.ew-btn:hover{background:rgba(var(--ew-p),.88)}
.ew-btn:disabled{opacity:.5;cursor:default}
.ew select.ew-note{width:76px;padding:6px 8px;border:1px solid var(--ew-line);border-radius:6px;
   background:var(--ew-card);color:var(--ew-txt);font:inherit;font-size:13px}
.ew-notice{padding:10px 14px;font-size:12.5px;color:var(--ew-mut)}
.ew-notice.ok{color:#2fa66a;font-weight:600}
.ew-notice.err{color:#d1495b;font-weight:600}
.ew-notice a{color:rgba(var(--ew-p),1);font-weight:600}
html.dark .ew-notice a{color:#7fb2e6}
.ew-login-cta{padding:18px 14px;text-align:center;border-top:1px solid var(--ew-line2);
   background:linear-gradient(135deg,rgba(var(--ew-p),.12),rgba(var(--ew-gold),.16))}
html.dark .ew-login-cta{background:linear-gradient(135deg,rgba(var(--ew-p),.30),rgba(var(--ew-gold),.20))}
.ew-login-cta p{margin:0 0 12px;font-weight:700;font-size:13.5px}
.ew-login-cta-actions{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;align-items:center}
.ew-login-cta .ew-btn{text-decoration:none}
.ew-login-cta-register{font-size:12.5px;font-weight:600;color:var(--ew-mut);text-decoration:underline;
   text-decoration-style:dotted;text-underline-offset:2px}
.ew-login-cta-register:hover{color:rgba(var(--ew-p),1)}
html.dark .ew-login-cta-register:hover{color:#7fb2e6}
.ew-vote-actions{padding:12px 14px}
.ew-vote-msg{margin-top:8px}
.ew-win{color:rgba(var(--ew-gold),1);font-weight:700}
.ew tr.motm-win td:first-child{padding-left:12px}
.ew tbody tr.clk{cursor:pointer}
.ew tbody tr.clk:hover{background:var(--ew-hover)}
.ew-motm-detail td{padding:14px 6px;background:var(--ew-soft)}
.ew-motm-nav{display:flex;align-items:center;gap:6px;padding:10px 4px}
.ew-motm-arrow{flex:none;border:1px solid var(--ew-line);background:var(--ew-card);border-radius:8px;
   width:28px;height:28px;cursor:pointer;font-size:16px;line-height:1;color:inherit;
   display:flex;align-items:center;justify-content:center}
.ew-motm-arrow:disabled{opacity:.35;cursor:default}
.ew-motm-arrow:not(:disabled):hover{background:var(--ew-hover)}
.ew-motm-wrap{flex:1;min-width:0}
.ew-motm-plot{position:relative}
.ew-motm-cols{display:flex;position:relative;z-index:1}
.ew-motm-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center}
.ew-motm-hd{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;
   color:var(--ew-mut);font-weight:600;height:36px;justify-content:flex-end;padding-bottom:8px}
.ew-motm-hd img{width:18px;height:18px;object-fit:contain}
.ew-motm-track{position:relative;width:100%;height:100px}
.ew-motm-badge{position:absolute;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:800;
   font-size:12px;padding:4px 7px;border-radius:6px;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.ew-motm-line{position:absolute;left:0;top:36px;width:100%;height:100px;pointer-events:none}
.ew-load{padding:40px;text-align:center;color:var(--ew-mut)}
.ew-spin{width:34px;height:34px;border:4px solid var(--ew-line);border-top-color:rgba(var(--ew-p),1);
   border-radius:50%;animation:ewsp 1s linear infinite;margin:0 auto 10px}
@keyframes ewsp{to{transform:rotate(360deg)}}
@media(max-width:520px){.ew .hide-sm{display:none}}

.estac-motm-intro{margin-bottom:16px}
.estac-motm-outro{margin-top:16px}