/* Coach page (coaches/indexNew, 2026-09-16). Tokens, plates, tooltips and the chart paper come from match-page.css (.mp) */
.cp .cp-hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 30px;align-items:end;padding-block:22px 18px}
.cp .cp-id{display:flex;align-items:center;gap:18px;min-width:0}
.cp .cp-club-logo{width:72px;height:72px;object-fit:contain;background:#fff;padding:8px;box-shadow:6px 5px 0 rgba(40,17,77,.3);flex:none}
.cp .cp-name{color:#fff;font-size:clamp(26px,3.6vw,38px);line-height:1.1;font-weight:800;text-wrap:balance}
.cp .cp-name-en{font-size:13px;color:rgba(255,255,255,.75);margin-top:3px}
.cp .cp-club{margin-top:8px;font-size:14px;color:rgba(255,255,255,.9)}
.cp .cp-club b{color:#fff}
.cp .cp-birth{display:grid;grid-template-columns:repeat(5,auto);gap:4px 22px;margin:0}
.cp .cp-birth div{display:grid;gap:2px}
.cp .cp-birth dt{font:700 10.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.cp .cp-birth dd{margin:0;font-size:14px;color:#fff;white-space:nowrap}
.cp .cp-birth .tipw.u{border-bottom-color:rgba(255,255,255,.6)}
.cp .cp-birth .rrb{font-size:13px}
.cp .zet button{border-color:#fff;color:#fff;background:transparent}
.cp .zet button:hover{background:#fff;color:var(--blue-deep)}

.cp .cp-body{padding-block:18px 40px;display:grid;gap:22px}
.cp .cp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,1.6fr);background:var(--surface);box-shadow:8px 7px 0 var(--shadow-blue)}
.cp .cp-stat{padding:14px 18px;display:grid;gap:4px;align-content:start;min-width:0}
.cp .cp-stat+.cp-stat{border-left:1px solid var(--line)}
.cp .cp-stat b{font-size:26px;font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.02em}
.cp .cp-stat small{font-size:12px;color:var(--muted);font-family:var(--mono)}
.cp .cp-wdl{display:flex;height:12px;margin-top:10px;background:var(--line)}
.cp .cp-wdl i{display:block;height:100%}
.cp .cp-wdl .w{background:var(--ok)}
.cp .cp-wdl .d{background:#b9b3c0}
.cp .cp-wdl .l{background:var(--bad)}
.cp .cp-wdl.mini{height:5px;margin-top:5px;width:100%}

.cp .cp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
.cp .cp-chart,.cp .cp-career,.cp .cp-matches{min-width:0}
.cp .cp-chart{padding:16px}
.cp h3{margin-bottom:14px}
.cp .cp-note{font-size:13px;color:#5b3a8e;background:#f6f0fd;padding:8px 11px;margin-bottom:10px}
.cp .cp-pos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 22px;margin-top:12px}
.cp .cp-pos div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.cp .cp-pos .pl{display:flex;align-items:center;gap:7px;color:var(--ink)}
.cp .cp-pos .ap{font-size:16px;color:var(--blue)}
.cp .cp-pos .v{font-family:var(--mono);color:var(--text);white-space:nowrap}
.cp .cp-pos .r{color:var(--bad);font-size:11px;margin-left:3px}

.cp .cp-spells{display:grid;gap:8px}
.cp .cp-spell{display:grid;grid-template-columns:44px minmax(0,1fr) 150px;gap:14px;align-items:center;text-align:left;background:var(--surface);border:0;padding:12px 14px;cursor:pointer;box-shadow:inset 3px 0 0 transparent;transition:box-shadow .12s,background .12s}
.cp .cp-spell:hover{background:#fafbff;box-shadow:inset 3px 0 0 var(--line-blue)}
.cp .cp-spell[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--blue-deep);background:var(--tint)}
.cp .cp-spell.cur .cp-spell-main b::after{content:"сейчас";margin-left:8px;font:700 9.5px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:var(--blue-deep);color:#fff;padding:3px 5px;vertical-align:2px}
.cp .cp-spell-logo{width:44px;height:44px;display:grid;place-items:center;background:var(--paper)}
.cp .cp-spell-logo img{width:36px;height:36px;object-fit:contain}
.cp .cp-spell-main{display:grid;gap:3px;min-width:0}
.cp .cp-spell-main b{font-family:var(--display);font-size:16px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp .cp-spell-main span{font-size:12.5px;color:var(--muted)}
.cp .cp-spell-rec{display:grid;justify-items:end;gap:1px;text-align:right}
.cp .cp-spell-rec b{font-size:17px;color:var(--ink)}
.cp .cp-spell-rec span{font-size:12px;color:var(--muted)}

.cp .cp-matches-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 18px;margin-bottom:12px}
.cp .cp-matches-head h3{margin:0}
.cp .cp-filter-note{margin-bottom:10px;font-size:13px;color:var(--menu);background:var(--tint);padding:8px 12px}
.cp .cp-filter-note button{border:0;background:none;color:var(--blue);cursor:pointer;text-decoration:underline;padding:0;margin-left:6px}
.cp .cp-list{background:var(--surface);box-shadow:8px 7px 0 var(--shadow-blue)}
.cp .cp-row{display:grid;grid-template-columns:96px minmax(0,190px) minmax(0,1fr) 54px 30px 168px;gap:0 14px;align-items:center;padding:9px 16px;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.cp .cp-row:first-child{border-top:0}
.cp .cp-row:hover{background:#fafbff}
.cp .cp-when{display:grid;gap:1px;font-size:12px;color:var(--muted)}
.cp .cp-when b{font-size:13px;color:var(--ink);font-weight:500}
.cp .cp-lg{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);min-width:0}
.cp .cp-lg img{width:15px;height:11px;object-fit:cover;flex:none}
.cp .cp-lg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp .cp-rival{display:flex;align-items:center;gap:9px;min-width:0}
.cp .cp-rival b{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp .ha{flex:none;width:20px;height:20px;display:grid;place-items:center;font:700 10.5px/1 var(--body);border:1px solid var(--line-blue);color:var(--blue)}
.cp .ha.h{background:var(--chip);border-color:var(--chip)}
.cp .cp-score{font-size:15px;font-weight:600;color:var(--ink);text-align:right}
.cp .cp-res{width:26px;height:24px;display:grid;place-items:center;font:700 12px/1 var(--display);color:#fff}
.cp .cp-res.w{background:var(--ok)}
.cp .cp-res.d{background:#9a94a0}
.cp .cp-res.l{background:var(--bad)}
.cp .cp-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.cp .cp-odds .o{text-align:center;font:12.5px/1 var(--mono);color:var(--text);padding:7px 0;background:var(--paper)}
.cp .cp-odds .o.mine{background:var(--chip);color:var(--blue);font-weight:600}

@media (max-width:1000px){
  .cp .cp-grid{grid-template-columns:1fr}
  .cp .cp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp .cp-stat:nth-child(odd){border-left:0}
  .cp .cp-stat:nth-child(n+3){border-top:1px solid var(--line)}
  .cp .cp-bar-stat{grid-column:1/-1}
  .cp .cp-hero-main{grid-template-columns:1fr}
  .cp .cp-birth{grid-template-columns:repeat(3,auto)}
}
@media (max-width:760px){
  .cp .cp-row{grid-template-columns:minmax(0,1fr) auto auto;row-gap:6px}
  .cp .cp-when{grid-column:1;grid-row:1;display:flex;gap:8px}
  .cp .cp-lg{grid-column:1/-1;grid-row:2}
  .cp .cp-rival{grid-column:1;grid-row:3}
  .cp .cp-score{grid-column:2;grid-row:3}
  .cp .cp-res{grid-column:3;grid-row:3}
  .cp .cp-odds{grid-column:1/-1;grid-row:4;max-width:210px}
  .cp .cp-spell{grid-template-columns:40px minmax(0,1fr)}
  .cp .cp-spell-rec{grid-column:2;justify-items:start;text-align:left}
  .cp .cp-birth{grid-template-columns:repeat(2,auto)}
  .cp .cp-club-logo{width:56px;height:56px}
}