.match-section{margin:26px auto}.match-panel{background:#fff;border:1px solid #dce8d9;border-radius:20px;padding:22px}.match-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.match-heading h2{margin:0;color:#22382b;font-size:22px}.match-section p{font-size:13px;line-height:1.65;color:#587160}.match-section button,.match-section summary{cursor:pointer;font-weight:750}.match-section button{border:1px solid #dce8d9;border-radius:10px;padding:11px 15px;background:#e6f7d6;color:#245239;min-height:44px}.match-section button:disabled{opacity:.5;cursor:default}.match-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.match-section select,.match-section input:not([type=checkbox]),.match-section textarea{width:100%;min-height:44px;border:1px solid #ccdacc;border-radius:9px;padding:10px;background:#fff;color:#22382b;font:inherit}.match-filters select{width:auto}.match-section label{font-size:13px;color:#365943}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-card{border:1px solid #dce8d9;border-radius:14px;padding:17px;overflow-wrap:anywhere}.match-card strong{font-size:16px}.match-card p{white-space:pre-wrap;margin:9px 0}.match-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.match-form label{display:grid;gap:6px}.match-form .wide{grid-column:1/-1}.match-form .check{display:flex;align-items:center}.match-section details{background:#f5faf1;border-radius:12px;padding:15px;margin:18px 0}.match-notice{min-height:22px}.match-empty{grid-column:1/-1}#matches{scroll-margin-top:20px}.match-section a{color:#245239}@media(max-width:600px){.match-grid,.match-form{grid-template-columns:1fr}.match-panel{padding:17px}.match-heading h2{font-size:20px}}

.match-card .match-secondary{background:white;margin-left:8px}.match-detail-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#365943}.match-detail-state{font-weight:800;color:#245239}#matchDetailDialog{max-height:calc(100dvh - 28px);overflow:auto}#matchDetailNotice{font-size:13px;color:#365943}

.match-roster{border-top:1px solid #dce8d9;margin-top:20px;padding-top:12px}.match-roster h3{font-size:16px}.match-roster ul{list-style:none;padding:0;display:grid;gap:8px}.match-roster li{background:#f5faf1;border-radius:9px;padding:10px 12px;display:flex;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.match-host-badge{font-size:11px;background:#e6f7d6;color:#245239;padding:3px 8px;border-radius:20px;flex-shrink:0}#matchMembersNotice{font-size:12px;color:#587160;line-height:1.6}