/* assets/compnight.css - the public competition night page (compnight.php), with league.css.

   Version history:
     v1.0  08/11/2026 Original (from the approved mock-up).
     v1.1  10/11/2026 Match scores (.sc). (backup: compnight_v1_0.css) */
#cn { display: grid; gap: 12px; }
.cn-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.cn-tabs button { border: 1px solid #D5DBE5; background: #fff; color: #14213D; border-radius: 10px; padding: 10px; font: inherit; font-weight: 700; cursor: pointer; }
.cn-tabs button[aria-pressed="true"] { background: #0B3D6E; border-color: #0B3D6E; color: #F2C14E; }
.cn-note { margin: 0; background: #FFF8E6; border: 1px solid #F2C14E; border-radius: 10px; padding: 8px 12px; }
.cn-find { display: grid; gap: 6px; }
.cn-find input { font: inherit; font-size: 17px; padding: 11px 12px; border-radius: 10px; border: 1px solid #D5DBE5; background: #fff; color: #14213D; width: 100%; box-sizing: border-box; }
.cn-me { background: #FFF8E6; border: 1px solid #F2C14E; border-radius: 12px; padding: 12px; display: grid; gap: 3px; }
.cn-me b { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 21px; }
.cn-me .st { font-weight: 700; }
.cn-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.cn-chips button { border: 1px solid #D5DBE5; background: #fff; color: #14213D; border-radius: 999px; padding: 6px 13px; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.cn-chips button[aria-pressed="true"] { background: #0B3D6E; border-color: #0B3D6E; color: #fff; }
.cn-venue { background: #fff; border: 1px solid #D5DBE5; border-radius: 12px; overflow: hidden; }
.cn-venue h3 { margin: 0; padding: 9px 12px; background: #FFF8E6; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 19px; display: flex; justify-content: space-between; gap: 8px; }
.cn-venue h3 small { font-family: 'Source Sans 3', sans-serif; font-size: 13px; color: #56627A; font-weight: 600; }
.cn-tbl { padding: 8px 12px 10px; border-top: 1px solid #E3E8F0; display: grid; gap: 3px; }
.cn-tbl-h { display: flex; justify-content: space-between; gap: 8px; font-weight: 700; font-size: 14px; color: #56627A; }
.cn-tbl-h .tw { color: #065F46; }
.cn-m { display: grid; grid-template-columns: 46px minmax(0, 1fr) 16px minmax(0, 1fr) auto; gap: 6px; align-items: center; font-size: 15px; padding: 3px 4px; }
.cn-m .r { font-size: 12px; color: #56627A; }
.cn-m .p { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn-m .p:last-child { text-align: right; }
.cn-m .v { font-size: 12px; color: #56627A; text-align: center; }
.cn-m .won { font-weight: 700; color: #065F46; }
.cn-m .lost { color: #8592A6; text-decoration: line-through; }
.cn-m .bye, .cn-m .tbd { color: #8592A6; font-style: italic; }
.cn-m.hl { background: #FFF8E6; border-radius: 6px; }
.cn-stage { background: #fff; border: 1px solid #D5DBE5; border-radius: 12px; padding: 12px; display: grid; gap: 10px; }
.cn-stage h3 { margin: 0; font-family: 'Barlow Semi Condensed', sans-serif; font-size: 21px; }
.cn-step { display: grid; gap: 4px; border-top: 1px dashed #E3E8F0; padding-top: 8px; }
.cn-winners { display: flex; flex-wrap: wrap; gap: 6px; }
.cn-winners span { background: #E7F6EE; color: #065F46; border-radius: 999px; padding: 3px 10px; font-size: 14px; font-weight: 600; }
.cn-winners span.wait { background: #F3F5F9; color: #8592A6; font-weight: 400; }
.cn-champ { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 24px; font-weight: 700; }
.cn-champ small { display: block; font-family: 'Source Sans 3', sans-serif; font-size: 15px; font-weight: 400; color: #56627A; }
.cn-m .sc { font-size: 13px; font-weight: 700; color: #0B3D6E; background: #E7EEF7; border-radius: 6px; padding: 1px 6px; }