/* Competition screens extend the shared Cancha verde theme. */
h3 { margin:0; font-family:var(--font-heading); font-weight:600; line-height:1.5; }
select, textarea, input { font:inherit; }
select:focus-visible, textarea:focus-visible, summary:focus-visible { outline:2px solid var(--color-primary); outline-offset:3px; }
summary { cursor:pointer; line-height:1.7; }
section[id] { scroll-margin-top:24px; }
.toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.toolbar.spread, .panel-heading { justify-content:space-between; }
.toolbar.spread { margin-bottom:24px; }
.toolbar form { margin:0; }
.back-link, .text-link { font-size:12px; color: var(--color-primary); text-decoration:none; line-height:1.7; }
.back-link { display:inline-block; margin:0 0 20px; }
.toolbar .back-link { margin:0; }
.text-link { font-weight:600; }
.text-link:hover, .back-link:hover, .link-button:hover { text-decoration:underline; }
.panel { min-width:0; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 12px; padding:25px; margin:0 0 24px; }
.panel-heading { display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:22px; }
.panel-heading h2 { font-size:23px; letter-spacing:-.7px; }
.panel-heading .eyebrow { margin-bottom:6px; }
.panel-heading.compact { margin-top:24px; margin-bottom:12px; }
.section-note { font-size:12px; line-height:1.8; color: var(--color-muted); margin:0 0 20px; }
.panel > .muted { font-size:12px; }
.notices { margin-bottom:22px; }
.notice { padding:14px 17px; background: var(--color-soft); border: 1px solid var(--color-border); border-radius: 7px; font-size:12px; line-height:1.8; margin-bottom:12px; overflow-wrap:anywhere; }
.notice.success { border-color: #c2d8c7; background: #eff7ed; }
.notice.error { background: #fff0ee; border-color: #f1cbc3; color: #8d3428; }
.notice.warning { background: #fff9e9; border-color: #ecdca6; }
.notice ul { margin-top:5px; }
.warning-text { color: #8c5b10; max-width:220px; }
.tag-live { background: #e0f0d8; color: var(--color-primary); }
.tournament-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tournament-card { display:flex; flex-direction:column; gap:12px; padding:26px;    text-decoration:none;  background: var(--color-surface);
 border: 1px solid var(--color-border);
 border-radius: 12px;
}
.tournament-card:hover { border-color: var(--color-primary); }
.tournament-card .toolbar { margin-bottom:12px; }
.tournament-card h2 { font-size:26px; overflow-wrap:anywhere; }
.tournament-card p { font-size:12px; }
.tournament-card-arrow { color:var(--color-primary); font-size:22px; line-height:1; }
.card-bottom { container:tournament-card / inline-size; }
.tournament-card-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; width:100%; margin:0; }
.tournament-card-stats > div { padding:7px 9px; border-radius:var(--radius-button); background:var(--color-soft); }
.tournament-card-stats dt { display:flex; align-items:center; gap:5px; color:var(--color-muted); font-size:12px; }
.tournament-card-stats .icon { width:14px; height:14px; color:var(--color-primary); }
.tournament-card-stats dd { margin:4px 0 0; color:var(--color-primary); font:700 21px/1.1 var(--font-heading); font-variant-numeric:tabular-nums; }
@container tournament-card (min-width:440px) {
  .tournament-card-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
.empty-inline { grid-column:1/-1; padding:22px 0; }
.empty-inline h3 { font-size:16px; }
.empty-inline p { font-size:12px; margin-top:8px; color: var(--color-muted); }
.form-panel { max-width:880px; }
.editor-form { display:grid; gap:24px; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.editor-field { min-width:0; display:flex; flex-direction:column; gap:8px; }
.editor-form label, .inline-form label { font-size:12px; font-weight:500; line-height:1.6; }
.editor-form input:not([type=checkbox]):not([type=hidden]), .editor-form select, .editor-form textarea, .inline-form input, .inline-form select { width:100%; min-width:0; min-height:44px; border: 1px solid var(--color-border); background: #fff; border-radius: 6px; color: var(--color-text); padding:10px 12px; }
.editor-form > label { display:grid; gap:8px; }
.editor-form .button { justify-self:start; }
.required-mark { color: var(--color-primary); }
.check-label { display:flex; align-items:center; gap:8px; min-height:44px; }
.check-label input { width:18px; height:18px; accent-color:var(--color-primary); }
.field-help, .field-errors { font-size:11px; line-height:1.7; color: var(--color-muted); margin:0; font-weight:400; }
.field-errors { color: #a13825; }
.field-errors ul, .notice ul.errorlist { padding-left:16px; margin:0; }
.inline-form { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-top:16px; }
.inline-form label { display:grid; gap:7px; flex:1; min-width:160px; }
.search-form { margin:0; }
.search-form input { width:260px; }
.table-wrap { min-width:0; width:100%; overflow-x:auto; }
.sport-table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; line-height:1.7; }
.sport-table th { color: var(--color-muted); font-weight:500; font-size:10px; letter-spacing:.4px; white-space:nowrap; padding:12px 10px; border-bottom: 1px solid var(--color-border); background: var(--color-bg); }
.sport-table td { vertical-align:top; padding:16px 10px; border-bottom: 1px solid var(--color-border); }
.sport-table tbody tr:last-child td { border-bottom: 0; }
.sport-table small { display:block; font-size:10px; color: var(--color-muted); line-height:1.6; margin-top:3px; }
.sport-table strong { font-weight:600; }
.sport-table .empty-cell { padding:35px 12px; text-align:center; color: var(--color-muted); }
.person { display:flex; align-items:center; gap:12px; min-width:180px; }
.person-avatar, .player-photo { width:38px; height:38px; flex-shrink:0; border-radius: 50%; object-fit:cover; }
.person-avatar { display:grid; place-items:center; color: var(--color-primary); background: var(--color-soft); font-family:var(--font-heading); font-size:18px; }
.rating { display:inline-block; padding:4px 9px; border: 1px solid var(--color-border); border-radius: 4px; font-weight:600; white-space:nowrap; }
.link-button { background: none; padding:0; border: none; font-size:11px; color: var(--color-primary); line-height:1.8; }
.workflow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:28px; }
.workflow a { display:flex; gap:10px; padding:15px 10px; font-size:11px; line-height:1.6; text-decoration:none; border-bottom: 2px solid var(--color-border); color: var(--color-muted); }
.workflow b { color: var(--color-primary); font-weight:500; }
.workflow a:hover { border-color: var(--color-primary); }
.category-grid, .phase-grid, .group-grid, .pair-grid, .court-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.category-card { display:flex; align-items:center; gap:15px; padding:20px 15px; border: 1px solid var(--color-border); border-radius: 8px; text-decoration:none; }
.category-card:hover { background: var(--color-bg); }
.category-tile { min-width:0;    border: 1px solid var(--color-border);
 border-radius: 8px;
}
.category-tile .category-card { border: 0; }
.category-tile .category-actions { border-top: 1px solid var(--color-border); padding:12px 15px; }
.category-actions { gap:12px; }
.category-remove-action { padding:16px 24px; border-top: 1px solid var(--color-border); }
.category-letter { display:grid; place-items:center; width:40px; height:44px; flex-shrink:0; background: var(--color-primary); color: var(--color-accent); font-family:var(--font-heading); font-size:24px; border-radius: 5px; }
.category-letter-age { width:auto; min-width:44px; max-width:110px; padding:0 8px; font-size:16px; text-align:center; }
.category-card h3 { font-size:14px; }
.category-card p, .category-card small { display:block; color: var(--color-muted); font-size:11px; margin-top:5px; line-height:1.6; }
.category-card > span:last-child { margin-left:auto; color: var(--color-primary); }
.court-card {  padding:16px;  font-size:12px;  border: 1px solid var(--color-border);
 border-radius: 8px;
}
.court-card summary .muted { font-size:10px; margin-left:12px; }
.court-symbol { color: var(--color-primary); font-size:19px; }
.window-list { list-style:none; padding:0; margin:10px 0 0; }
.window-list li, .restriction { display:flex; gap:10px; flex-wrap:wrap; justify-content:space-between; align-items:center; padding:12px 0; border-top: 1px solid var(--color-border); line-height:1.8; font-size:11px; }
.window-list small { display:block; color: var(--color-muted); }
.blocked-window { color: #965938; }
.restriction { padding:13px 0; }
.status-tag { display:inline-block; padding:4px 8px; border-radius: 4px; font-size:10px; white-space:nowrap; background: var(--color-bg); color: var(--color-muted); }
.status-live { background: var(--color-accent); color: var(--color-primary); }
.status-finished { background: #e5f0e4; color: var(--color-primary); }
.status-suspended { background: #fff0d7; color: #8a571d; }
.match-id { color: var(--color-primary); font-size:10px; }
.responsive-matches .matchup-side { font-weight: 650; }
.history summary { font-size:12px; }
.history-event { border-top: 1px solid var(--color-border); margin-top:15px; padding-top:15px; }
.history pre { max-height:360px; overflow:auto; font-size:11px; line-height:1.7; background: var(--color-bg); padding:18px; }
.phase-card, .group-card, .pair-card {  padding:18px;  min-width:0;  border: 1px solid var(--color-border);
 border-radius: 8px;
}
.phase-card h3, .group-card h3 { font-size:16px; margin-bottom:10px; }
.phase-card p { font-size:12px; line-height:1.8; }
.phase-card small, .phase-card a { display:block; font-size:11px; margin-top:10px; }
.phase-card small { color: var(--color-muted); }
.pair-card { display:flex; flex-wrap:wrap; align-items:center; gap:10px; justify-content:space-between; font-size:12px; }
.pair-editor, .tie-details { margin-top:20px; font-size:12px; }
.pair-editor .field-help, .tie-details .field-help { margin:12px 0; }
.tie-details .editor-form { margin-top:12px; gap:14px; }
.tie-details .field-grid { gap:10px; }
.compact-table th, .compact-table td { padding:10px 5px; font-size:10px; }
.group-grid { margin-bottom:24px; }
.qualifier-box { border-left: 3px solid var(--color-primary); padding:16px 20px; margin-bottom:24px; background: var(--color-bg); font-size:12px; line-height:1.8; }
.qualifier-box form { margin-top:14px; }
.status-actions { margin:20px 0 28px; }
.match-edit-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.match-edit-grid .field-grid { grid-template-columns:1fr; }
.winner { color: var(--color-primary); }
.winner::after { content:' ✓'; }
[hidden] { display:none !important; }
@media(max-width:850px) {
  .category-grid,.group-grid,.match-edit-grid { grid-template-columns:1fr; }
  .workflow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .panel { padding:18px 14px; margin-bottom:18px; }
  .panel-heading { align-items:flex-start; margin-bottom:18px; }
  .panel-heading h2 { font-size:21px; }
  .field-grid,.tournament-grid,.phase-grid,.pair-grid,.court-grid { grid-template-columns:1fr; }
  .field-grid { gap:20px; }
  .editor-form input,.editor-form select,.inline-form select,.inline-form input { font-size:16px; }
  .search-form { width:100%; flex-wrap:nowrap; }
  .search-form input { width:100%; }
  .table-wrap { border-radius: 5px; }
  .sport-table { min-width:600px; }
  .compact-table { min-width:400px; }
  .section-nav { overflow-x:auto; }
  .section-nav a { white-space:nowrap; }
}
@media print {
  body { background: #fff; }
  .skip-link,.page-footer,.dt-container .dt-layout-row:not(:has(table)) { display:none!important; }
  .panel { border-color: #aaa; padding:12px; break-inside:auto; }
  .sport-table { min-width:0; font-size:9px; }
  .sport-table tr { break-inside:avoid; }
  .table-wrap { overflow:visible; }
  .group-grid { grid-template-columns:1fr 1fr; }
}