/* assets/admin_theme.css - the admin pages in the public site's look (assets/league.css): a navy header band with the
   league name, the page title and the main tabs (the open one in gold) above a gold line; Barlow Semi Condensed
   headings and Source Sans 3 text; white rounded boxes on a light grey page. Loaded after admin.css (which it
   adjusts) and before admin_dark.css (the 🌙 look).

   Version history:
     v1.0  07/11/2026 Original.
     v1.1  08/11/2026 Notice type badges (admin/notices.php). (backup: admin_theme_v1_0.css)
     v1.2  08/11/2026 The orange test-mode banner. (backup: admin_theme_v1_1.css)
     v1.3  08/11/2026 The team cup pages (admin/cups.php, admin/cuptie.php). (backup: admin_theme_v1_2.css) */
body.adm, body.in-panel { margin: 0; padding: 0; background: #F3F5F8; color: #14213D; font-family: 'Source Sans 3', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; font-size: 15px; }

/* ---- the header band */
.adm-site { background: #0B3D6E; color: #fff; padding: 12px 20px 0; }
.adm-inner { max-width: 1320px; margin: 0 auto; }
.adm-league { font-size: 14px; color: #DCE6F2; }
.adm-title-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 2px; }
.adm-site h1 { margin: 0; font-family: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 30px; line-height: 1.15; color: #fff; }
.adm-site .who-bar { color: #DCE6F2; font-size: 14px; }
.adm-site .who-bar strong { color: #fff; }
.adm-site .who-bar a { color: #fff; }
.adm-site .theme-switch { border-color: rgba(255, 255, 255, .45); color: #fff; }
.adm-site .btn-logout { background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .45); color: #fff; width: auto; margin: 0; padding: 5px 12px; }
.adm-site .btn-logout:hover { background: rgba(255, 255, 255, .25); }
.adm-site .adm-tabs { border: 0; margin: 12px 0 0; gap: 2px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.adm-site .adm-tabs::-webkit-scrollbar { display: none; }
.adm-site .adm-tabs a { flex: 0 0 auto; background: transparent; color: #fff; font-weight: 600; font-size: 15px; padding: 10px 16px; border-radius: 10px 10px 0 0; }
.adm-site .adm-tabs a:hover { background: rgba(255, 255, 255, .12); }
.adm-site .adm-tabs a.active { background: #F2C14E; color: #14213D; font-weight: 700; }
.adm-gold { height: 4px; background: #F2C14E; }

/* ---- the page below it: no white sheet, white boxes instead */
body.adm .container { max-width: 1320px; background: transparent; box-shadow: none; border-radius: 0; padding: 18px 20px 30px; }
body.in-panel .container { background: transparent; }
h2, h3, .section-title, .settings-box h3, .tp-head h2, .fin-h2, .adm-panel-title, .modal-card h3, .fin-dlg h3 { font-family: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; font-weight: 700; }
.section-title { font-size: 21px; color: #0B3D6E; }
.adm-panel-title { margin: 0 0 4px; color: #0B3D6E; font-size: 24px; }
.tp-head h2, .fin-h2 { font-size: 24px; color: #0B3D6E; }
.settings-box, .tp-person, .tp-teams, .tp-more, .card, .modal-card { background: #fff; border-color: #D5DCE6; border-radius: 12px; }
.settings-box h3 { font-size: 19px; color: #0B3D6E; border-color: #EDF0F5; }
.adm-stat { background: #fff; border: 1px solid #D5DCE6; border-top: 4px solid #0B3D6E; border-radius: 12px; }
.adm-stat b { font-family: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 24px; color: #0B3D6E; }
.adm-stat.adm-hot { border-top-color: #b91c1c; }
.adm-group h4 { color: #8A5A00; }
.adm-side a { border-radius: 8px; }
.adm-side a.active { background: #E7EEF7; border-left-color: #F2C14E; color: #0B3D6E; }
.data-table { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #D5DCE6; }
.data-table th { background: #0B3D6E; }
.data-table td { background: #fff; border-color: #EDF0F5; }
.data-table tr:nth-child(even) td { background: #F8FAFC; }
.btn-admin { background: #0B3D6E; border-radius: 8px; }
.btn-success, .btn-danger, .btn-logout { border-radius: 8px; }
.adm-main a, .tp-view a { color: #0B3D6E; }
.tp-team.active { background: #E7EEF7; box-shadow: inset 3px 0 0 #F2C14E; }
.tp-role { background: #0B3D6E; }
.fin-chip.active { background: #0B3D6E; border-color: #0B3D6E; }
.versions-footer { border-color: #D5DCE6; }
/* the planner and the draw page keep their own colours, with the league navy */
.pl-overlay { --pl-navy: #0B3D6E; }

@media (max-width: 700px) {
    .adm-site { padding: 10px 14px 0; }
    .adm-site h1 { font-size: 24px; }
    body.adm .container { padding: 14px 12px 24px; }
}

/* ---- the login and first-time setup boxes */
body.login-wrap { font-family: 'Source Sans 3', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; background: #F3F5F8; }
.login-box { border-top: 6px solid #0B3D6E; border-radius: 14px; box-shadow: 0 6px 20px rgba(11, 61, 110, .15); }
.login-box h2 { font-family: 'Barlow Semi Condensed', 'Arial Narrow', sans-serif; font-weight: 700; font-size: 28px; color: #0B3D6E; }
.login-box h2::after { content: ""; display: block; width: 60px; height: 4px; background: #F2C14E; margin: 8px auto 0; border-radius: 2px; }
/* ---- notice types (admin/notices.php) */
.notice-kind { display: inline-block; border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 700; background: #E7EEF7; color: #0B3D6E; white-space: nowrap; }
.notice-kind.kind-important { background: #FEF2F2; color: #991B1B; }
.notice-kind.kind-congrats { background: #FFF8E6; color: #8A5A00; }
.notice-kind.kind-reminder { background: #ECFDF5; color: #065F46; }

/* ---- test mode (v1.2) */
.test-banner { background: #F97316; color: #1c1206; padding: 8px 20px; font-size: 15px; text-align: center; }
.test-banner a { color: #1c1206; font-weight: 700; margin-left: 4px; }

/* ---- team cups (v1.3) */
.cup-night { background: #fff; border: 1px solid #DDE3EC; border-radius: 10px; padding: 12px 14px; margin: 0 0 14px; }
.cup-nh { font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 700; font-size: 18px; margin: 0 0 8px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.cup-comp { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #5B6B82; margin: 10px 0 4px; }
.cup-tie { display: grid; grid-template-columns: 1fr auto 1fr auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid #EEF1F5; }
.cup-tie:first-of-type { border-top: 0; }
.cup-tie .h { text-align: right; font-weight: 600; }
.cup-tie .a { font-weight: 600; }
.cup-tie .sc { min-width: 54px; text-align: center; padding: 3px 8px; border-radius: 6px; background: #EEF1F5; font-weight: 700; }
.cup-tie.done .sc { background: #14213D; color: #fff; }
.cup-tie.wo .sc { background: #FFF3D6; color: #8A5A00; }
.cup-tie .won { color: #14213D; }
.cup-tie .lost { color: #8592A6; font-weight: 400; }
.cup-tie .where { grid-column: 1 / -1; font-size: 13px; color: #5B6B82; text-align: center; margin-top: -4px; }
.cup-tie .acts { display: flex; gap: 6px; align-items: center; }
.cup-btn, .cup-turn button { padding: 4px 10px; border-radius: 6px; border: 1px solid #C9D2DF; background: #fff; color: #14213D; font-size: 13px; text-decoration: none; cursor: pointer; white-space: nowrap; }
.cup-btn:hover, .cup-turn button:hover { border-color: #14213D; }
.cup-turn { margin: 0; display: inline; }
.cup-clash { display: inline-block; padding: 2px 8px; border-radius: 999px; background: #FDE2E1; color: #9B1C1C; font-size: 12px; font-weight: 700; }
.cup-drawbar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin: 12px 0; }
.cup-games { display: grid; gap: 6px; }
.cup-game { display: grid; grid-template-columns: 26px 1fr 60px 16px 60px 1fr; gap: 8px; align-items: center; }
.cup-game select { width: 100%; }
.cup-game .no { font-weight: 700; color: #5B6B82; text-align: center; }
.cup-game-head { font-size: 13px; font-weight: 700; color: #5B6B82; }
.cup-total { font-family: 'Barlow Semi Condensed', sans-serif; font-size: 22px; font-weight: 700; margin: 12px 0; }
@media (max-width: 640px) {
  .cup-tie { grid-template-columns: 1fr auto 1fr; }
  .cup-tie .acts { grid-column: 1 / -1; justify-content: center; }
  .cup-game { grid-template-columns: 22px 1fr 52px 10px 52px; }
  .cup-game > select:last-child { grid-column: 2 / -1; }
  .cup-game-head span:last-child { display: none; }
}