/* ===== 1. Tarjeta del próximo partido y cifras: más pequeñas y cuidadas ===== */
#eq-next{display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:6px;align-items:center;padding:12px 16px;border-radius:14px;margin:0 0 10px}
#eq-next .eq-lab{grid-column:1/-1;margin:0;font-size:10px}
#eq-next .eq-match{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:0;text-align:left}
#eq-next .eq-tm{flex-direction:row;gap:10px;font-size:15px}
#eq-next .eq-tm img{width:34px;height:34px;border-radius:8px;padding:1px}
#eq-next .eq-vs{display:flex;flex-direction:column;align-items:center;font-size:13px;line-height:1.1}
#eq-next .eq-vs small{margin:3px 0 0;font-size:11px;white-space:nowrap}
#eq-next .eq-act{align-items:flex-end;gap:0}
#eq-next .eq-act small{display:none}
#eq-next .eq-btn{padding:9px 16px;font-size:13px;border-radius:10px}
html.proposal main.workspace-page :scope>.workspace-stats,html.proposal main.workspace-page>.workspace-stats{gap:8px;margin-bottom:10px}
html.proposal main.workspace-page>.workspace-stats article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;border-radius:12px;min-height:0}
html.proposal main.workspace-page>.workspace-stats article span{font:600 12.5px Inter,sans-serif;color:#94A3B8;margin:0}
html.proposal main.workspace-page>.workspace-stats article strong{font:800 20px/1 Inter,sans-serif;color:#fff;margin:0}
@media(max-width:700px){
 #eq-next{grid-template-columns:1fr;padding:12px}
 #eq-next .eq-match{justify-content:space-between;gap:8px}
 #eq-next .eq-tm{font-size:13px;gap:7px}#eq-next .eq-tm img{width:30px;height:30px}
 #eq-next .eq-act{align-items:stretch}#eq-next .eq-btn{width:100%;justify-content:center}
 html.proposal main.workspace-page>.workspace-stats{grid-template-columns:repeat(3,1fr)}
 html.proposal main.workspace-page>.workspace-stats article{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px}
 html.proposal main.workspace-page>.workspace-stats article span{font-size:11px}
}

/* ===== 2. Actividad de usuarios: sin «Consultar»; Actualizar y Descargar en su lugar ===== */
html.proposal .usage-panel{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:12px}
html.proposal .usage-panel>*{flex:0 0 100%;order:5}
html.proposal .usage-panel>h2{order:0}
html.proposal .usage-panel>h2+p{order:1}
html.proposal .usage-panel>form.usage-filters{flex:0 1 auto;order:2;margin:16px 0 8px}
html.proposal .usage-panel>form.usage-filters button{display:none}
html.proposal .usage-panel>form.usage-filters+p+.workspace-actions{flex:0 1 auto;order:3;margin:16px 0 8px}
html.proposal .usage-panel>form.usage-filters+p{order:4}
@media(max-width:700px){
 html.proposal .usage-panel>form.usage-filters,html.proposal .usage-panel>form.usage-filters+p+.workspace-actions{flex:0 0 100%}
 html.proposal .usage-panel>form.usage-filters+p+.workspace-actions button{flex:1}
}

/* ===== 3. Miembros e invitaciones: pestañas como los botones del resto + cuerpo técnico arriba ===== */
html.proposal #root .mm-tabs{display:flex;gap:8px;border:0;margin:0 0 14px;overflow-x:auto;padding:2px 2px 6px}
html.proposal #root .mm-tabs .mm-tab,html.proposal #root .mm-tabs .mm-tab[aria-selected="true"],html.proposal #root .mm-tabs .mm-tab[aria-selected="false"]{appearance:none;display:inline-flex;align-items:center;gap:8px;height:40px;min-height:0;padding:0 16px!important;border-radius:12px!important;border:1px solid #2a3a4c!important;background:#0e1620!important;color:#fff;font:700 13px Inter,sans-serif;letter-spacing:0;text-transform:none;white-space:nowrap;box-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
html.proposal #root .mm-tabs .mm-tab:hover:not([aria-selected="true"]){transform:translateY(-2px)!important;box-shadow:0 5px 14px rgba(0,0,0,.5)!important;border-color:#00f59b!important;color:#fff;text-shadow:none}
html.proposal #root .mm-tabs .mm-tab:active{transform:scale(.97)!important;box-shadow:none!important}
html.proposal #root .mm-tabs .mm-tab[aria-selected="true"]{background:#00f59b!important;border-color:#00f59b!important;color:#06231a!important;font-weight:800}
html.proposal #root .mm-tabs .mm-tab[aria-selected="true"]:hover{transform:translateY(-2px)!important;box-shadow:0 5px 14px rgba(0,0,0,.5)!important;color:#06231a!important}
html.proposal #root .mm-tabs .mm-tab em{font-style:normal;font:800 10.5px Inter,sans-serif;background:rgba(255,255,255,.1);color:inherit;border-radius:999px;padding:2px 7px;margin:0}
html.proposal #root .mm-tabs .mm-tab[aria-selected="true"] em{background:rgba(6,35,26,.18)}
/* orden: propietario, cuerpo técnico y después jugadores, con su título */
html.proposal [data-mtabs] ul.workspace-list>li[data-mo="0"]{order:0}
html.proposal [data-mtabs] ul.workspace-list>li[data-mo="1"]{order:1}
html.proposal [data-mtabs] ul.workspace-list>li[data-mo="3"]{order:3}
html.proposal [data-mtabs] ul.workspace-list>li[data-mfirst]{margin-top:22px}
html.proposal [data-mtabs] ul.workspace-list>li[data-mfirst]::after{content:attr(data-mfirst);position:absolute;top:-20px;left:2px;font:800 10.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7d8da1}
html.proposal [data-mtabs] ul.workspace-list>li{position:relative}
html.proposal [data-mtabs] ul.workspace-list>li[data-mfirst][data-mo="0"],html.proposal [data-mtabs] ul.workspace-list>li[data-mfirst][data-mo="1"]:first-child{margin-top:22px}
@media(max-width:700px){html.proposal #root .mm-tabs .mm-tab{padding:0 14px!important}}
@media(prefers-reduced-motion:reduce){html.proposal #root .mm-tabs .mm-tab:hover,html.proposal #root .mm-tabs .mm-tab:active{transform:none!important}}
html.proposal .usage-panel>h2+p,html.proposal .usage-panel>form.usage-filters+p{flex:0 0 100%;max-width:none;width:100%}
html.proposal .usage-panel>h2+p{margin:0 0 4px}
html.proposal .usage-panel>form.usage-filters+p{margin:4px 0 0}

@media(max-width:700px){html.proposal #root .mm-tabs{gap:6px}html.proposal #root .mm-tabs .mm-tab,html.proposal #root .mm-tabs .mm-tab[aria-selected="true"],html.proposal #root .mm-tabs .mm-tab[aria-selected="false"]{padding:0 11px!important;font-size:12.5px;gap:6px;height:38px}html.proposal #root .mm-tabs .mm-tab em{padding:2px 6px}}

/* ===== Tarjeta del próximo partido: todo centrado ===== */
#eq-next{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 20px}
#eq-next .eq-lab{align-self:center;text-align:center}
#eq-next .eq-match{width:100%;justify-content:center;gap:28px}
#eq-next .eq-tm{flex-direction:column;gap:6px;font-size:15px;min-width:0}
#eq-next .eq-tm img{width:46px;height:46px;border-radius:10px}
#eq-next .eq-vs{font-size:16px}
#eq-next .eq-act{align-items:center}
#eq-next .eq-btn{padding:10px 22px}
@media(max-width:700px){#eq-next{padding:14px 12px}#eq-next .eq-match{gap:12px;justify-content:space-between}#eq-next .eq-tm img{width:40px;height:40px}#eq-next .eq-tm{font-size:13px}#eq-next .eq-act{align-items:stretch;width:100%}}

/* ===== Actividad de usuarios: icono de calendario blanco junto a la fecha ===== */
html.proposal .usage-panel input[type="date"]{min-width:0;width:172px;padding:0 42px 0 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:18px 18px}
@media(max-width:700px){html.proposal .usage-panel input[type="date"]{width:100%}}
