.match-availability{padding:24px;margin:12px 0 24px;border:1px solid #49414a;border-radius:12px;background:#141418;color:#e5e5ef;min-width:0;overflow-wrap:anywhere;display:grid;gap:17px;font:400 13px/1.7 Inter,system-ui,sans-serif}
.match-availability *{box-sizing:border-box}
.match-availability .ma-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-bottom:1px solid #3c3c47;padding-bottom:19px}
.match-availability .ma-hero small,.match-availability .ma-panel-title small,.match-availability .ma-state>small{display:block;color:#b3b3c5;font-size:9px;font-weight:750;letter-spacing:1.3px}
body .match-availability .ma-hero h2{font:800 26px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:-.6px!important;text-transform:none!important;margin:11px 0!important;color:#eeeef6}
.match-availability .ma-hero h2 span{font-size:16px;font-weight:500;color:#87879d;padding:0 5px}
.match-availability p{color:#a5a5bc;font-size:11px;line-height:1.8;margin:0}
.match-availability .ma-hero p{font-size:10px;color:#8f8fa8}
.ma-status{flex-shrink:0;border:1px solid #555562;background:#282830;color:#c9c9de;border-radius:6px;padding:6px 9px;font-size:10px;font-weight:750}
.ma-status[data-state=proposed],.ma-status[data-state=confirmed]{background:#34272f;border-color:#814655;color:#ffb8c9}
.match-availability .ma-state{border:1px solid #51414c;border-left:3px solid #c3334b;background:#252127;border-radius:8px;padding:14px 17px}
.match-availability .ma-state p{font-size:13px;color:#e1d6e2;margin-top:6px;font-weight:650}
.match-availability .ma-state[data-state=closed],.match-availability .ma-state[data-state=blocked]{border-color:#4c4c58;background:#24242c}
.ma-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.ma-toolbar p{font-size:10px;color:#8f8fa6}
.ma-toolbar strong{color:#c9c9dc;font-weight:700}
.ma-toolbar p>span{display:block;margin-top:3px}
.match-availability .ma-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px;padding:0}
.ma-edit-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:16px;align-items:start}
.ma-panel{background:#1b1b22;border:1px solid #393945;border-radius:9px;padding:20px;min-width:0}
.ma-panel-title{border-bottom:1px solid #373744;padding-bottom:13px;margin-bottom:16px}
body .match-availability h3{font:750 18px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:-.3px!important;text-transform:none!important;margin:7px 0 0!important;color:#dfdfed}
.ma-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body .match-availability h4{font:750 13px/1.5 Inter,system-ui,sans-serif!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 12px!important;color:#c5c5da}
.ma-time-slot{padding:10px 11px;border:1px solid #42424f;border-radius:6px;margin-top:8px;background:#22222b}
.ma-time-slot span{display:block;font-size:11px;color:#cecee2;font-weight:650}
.ma-time-slot small{display:block;font-size:10px;color:#8f8faa;margin-top:3px}
.ma-shared .ma-time-slot{border-left:2px solid #a44158;background:#28212b}
.match-availability .ma-empty{font-size:11px;color:#8a8aa5}
.match-availability .ma-window{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin:14px 0;padding:14px;border:1px solid #40404d;border-radius:8px;background:#131318}
.ma-window>button{grid-column:1/-1;justify-self:start}
.match-availability label{display:block;min-width:0;font-size:11px;color:#aaaac3;font-weight:600}
.match-availability input{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:42px;font:400 13px/1.5 Inter,system-ui,sans-serif;background:#101014;color:#e4e4f1;border:1px solid #50505f;border-radius:6px;padding:10px;margin-top:7px;color-scheme:dark}
body .match-availability button{font:700 11px/1.5 Inter,system-ui,sans-serif!important;min-height:39px;border:1px solid #dd455d!important;border-radius:6px;padding:10px 13px;background:#c52b44!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
body .match-availability :is(.ma-secondary,#ma-refresh){background:#2b2b35!important;border-color:#50505e!important;color:#d1d1e4!important}
body .match-availability #ma-confirm{margin-top:12px;width:100%}
body .match-availability #ma-propose{width:100%;margin-top:15px}
.match-availability button:hover:enabled{filter:brightness(1.12)}
.match-availability button:disabled{opacity:.45;cursor:default}
.ma-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.match-availability .ma-hint{font-size:10px;margin-top:12px;color:#8585a0}
.ma-kickoff-panel>p{margin-top:12px}
.match-availability .ma-note{border-top:1px solid #393946;padding-top:16px;font-size:10px;color:#8e8ea8}
.ma-note strong{color:#d9b4c3;font-weight:700}
.match-availability #ma-message:empty{display:none}
.match-availability #ma-message:not(:empty){border:1px solid #4b4b59;background:#26262f;color:#cfcfe1;padding:12px 14px;border-radius:7px;font-size:12px}
.match-availability :is(input,button):focus-visible{outline:2px solid #ff718d;outline-offset:3px}
@media(max-width:1000px){.match-availability .ma-columns,.ma-edit-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.match-availability{padding:18px;gap:14px}.match-availability .ma-hero{flex-direction:column;gap:9px}body .match-availability .ma-hero h2{font-size:23px!important}.ma-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.ma-teams,.match-availability .ma-window{grid-template-columns:minmax(0,1fr)}.ma-panel{padding:17px}.ma-window>button{grid-column:auto}}