/* MyCorner 5.8.4 · Separate extra practices from club squad badge. */
.mc584-extras{display:grid;gap:18px;padding-bottom:26px;max-width:1100px}
.mc584-extras .mc584-header{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.mc584-eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--accent,#8eade8);margin-bottom:7px}
.mc584-header h1{font-size:clamp(23px,3.2vw,31px);line-height:1.15;letter-spacing:-.04em;margin:0 0 10px}
.mc584-header p,.mc584-listhead p{color:var(--muted,#a7adbc);font-size:13px;line-height:1.55;margin:0}
.mc584-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mc584-stats>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line,#3f4451);border-radius:17px;padding:17px;background:var(--card,#20242d)}
.mc584-stats strong{font-size:25px;line-height:1.1;letter-spacing:-.045em;font-weight:780}
.mc584-stats small{font-size:11px;color:var(--muted,#a7adbc);line-height:1.4}
.mc584-settings,.mc584-list{padding:19px;border-radius:19px}
.mc584-settings-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.mc584-settings-title h2,.mc584-list h2{font-size:16px;line-height:1.3;margin:0}
.mc584-settings-title span{font-size:11px;color:var(--muted,#a7adbc)}
.mc584-tarifform{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.mc584-tarifform label{display:grid;gap:7px;flex:1 1 180px;font-size:12px;color:var(--muted,#a7adbc)}
.mc584-tarifform .input{max-width:220px}
.mc584-settings p,.mc584-caption{font-size:11px;color:var(--muted,#a7adbc);line-height:1.65;margin:13px 0 0}
.mc584-listhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}
.mc584-listhead>div{display:grid;gap:6px}
.mc584-listhead label{display:grid;gap:6px;font-size:11px;color:var(--muted,#a7adbc);min-width:165px}
.mc584-search{margin:0 0 10px;width:100%}
.mc584-count{font-size:11px;color:var(--muted,#a7adbc);margin-bottom:5px}
.mc584-rows{display:grid}
.mc584-person{padding:14px 0;border-bottom:1px solid var(--line,#424554);display:flex;gap:12px;justify-content:space-between;align-items:center}
.mc584-person[hidden]{display:none!important}
.mc584-person-main{min-width:0;flex:1 1 180px}
.mc584-fullname{font-size:13px;font-weight:720;line-height:1.4;overflow-wrap:anywhere}
.mc584-sub{font-size:11px;color:var(--muted,#a7adbc);margin-top:5px;line-height:1.4}
.mc584-squadtag{font-weight:650;color:var(--accent,#b5c9ee)}
.mc584-person-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mc584-star{height:38px;width:38px;border:1px solid var(--line,#404755);border-radius:10px;background:transparent;color:var(--muted,#a7adbc);font-size:22px;cursor:pointer}
.mc584-star.active{color:#d7ad58;border-color:#846936;background:#d7ad5816}
.mc584-ratebtn{border:1px solid var(--line,#404755);padding:10px 11px;border-radius:10px;font-size:11px;white-space:nowrap;background:transparent;color:inherit;cursor:pointer}
.mc584-ratebtn span{opacity:.6;margin-left:4px}
.mc584-marks{display:flex;gap:5px}
.mc584-marks button{border:1px solid var(--line,#404755);border-radius:10px;background:transparent;color:inherit;padding:10px 12px;font-size:12px;font-weight:650;min-height:38px;cursor:pointer}
.mc584-marks button.active.yes{border-color:#50a87e;color:#93e0b7;background:#50a87e21}
.mc584-marks button.active.no{border-color:#c47171;color:#f1acac;background:#c4717121}
.mc584-list>.btn{margin-top:14px}
.mc584-empty{font-size:13px;color:var(--muted,#a7adbc);padding:16px 0}
.mc584-label{display:grid;gap:8px;font-size:12px;margin-bottom:14px}
@media(max-width:720px){
 .mc584-extras{gap:13px}
 .mc584-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .mc584-stats>div{padding:13px}
 .mc584-stats strong{font-size:23px}
 .mc584-settings,.mc584-list{padding:14px}
 .mc584-settings-title{align-items:flex-start;flex-direction:column;gap:6px}
 .mc584-listhead{align-items:stretch;flex-direction:column;gap:12px}
 .mc584-listhead label{max-width:240px}
 .mc584-person{align-items:flex-start;flex-direction:column;gap:11px}
 .mc584-person-controls{width:100%;justify-content:space-between;gap:6px}
 .mc584-ratebtn{flex:1;min-width:105px;text-align:left}
 .mc584-marks{margin-left:auto}
 .mc584-marks button{padding:9px 11px}
 .mc584-tarifform .input{max-width:none}
 .mc584-tarifform .btn{flex:1 1 100%}
}
