/* =====================================================================
   Peak Timing — UltimateLIVE desktop results page
   General stylesheet (complete; replaces ../template/iframe/stylesheet.css)

   Same design system as the MYLAPS Sports Service / WRRC stylesheets,
   re-skinned with the Peak Timing brand (peaktiming.co.za):
     blue      #1a7fd4  signal blue  (active state, buttons, focus)
     dark      #0a0a0a / #141414 / #1f1f1f
     light     #f2f4f6 / #d9dde0 / #6b7075
     podium    gold #d9a62b · silver #9aa3a7 · bronze #b87333
   Typefaces are the site's own, both on Google Fonts: Bebas Neue for
   display text (title, menu, table headers) and Archivo for everything
   else. Falls back to Helvetica/Arial offline.

   Page frame: #main_screen is a flex column (optional banner, title bar,
   content, footer); #PAGECONTENT is pinned inside the content block, so
   the layout does not depend on the inline height the page JS computes
   and a banner of any height works. The title bar is the third table
   from the end, the footer the last.

   The Peak Timing logo is embedded as a data URI in the title bar's
   first cell and suppressed automatically when the event has its own
   banner above the title bar.

   !important is used only where the page carries inline or JS-set
   styles (menubar background, leaderboard time header, #PAGECONTENT
   height, footer cells, banner cell).

   Deployment: self-contained — works as the ONLY stylesheet, which is
   how stylesheet.php?eventid=… serves it. Keep the @import first.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo:wght@400;500;600;700&display=swap');

:root {
	--pt-blue:          #1a7fd4;   /* Peak Timing signal blue */
	--pt-blue-dark:     #1566ab;
	--pt-blue-tint:     #dceaf8;

	--pt-gold:          #d9a62b;   /* podium markers */
	--pt-silver:        #9aa3a7;
	--pt-bronze:        #b87333;
	--pt-gold-tint:     #fbefd5;

	--pt-black:         #050505;
	--pt-dark:          #0a0a0a;   /* site background black */
	--pt-charcoal:      #141414;
	--pt-charcoal-2:    #1f1f1f;
	--pt-grey:          #6b7075;
	--pt-grey-text:     #5d6267;
	--pt-line:          #d9dde0;
	--pt-light:         #f2f4f6;
	--pt-hover-tint:    #e4eef8;
	--pt-white:         #ffffff;

	--pt-font:          "Archivo", Helvetica, Arial, sans-serif;
	--pt-display:       "Bebas Neue", "Archivo", Helvetica, Arial, sans-serif;

	--pt-header-h:      56px;   /* top bar   */
	--pt-footer-h:      28px;   /* bottom bar */
}

/* ---------------------------------------------------------------------
   Structure — layout rules carried over from the standard
   template/iframe/stylesheet.css, so this file works on its own
   (the per-event stylesheet.php serves ONLY this file).
   ------------------------------------------------------------------- */
body, html {
	margin: 0;
	height: 100%;
	overflow: hidden;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
#PAGECONTENT { overflow: auto; }

.loading,
.participant {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.leaderboard_table,
.leaderboard_table_results,
.search_result_table,
.myfavourites_result_table,
.scroller_table,
.participant_table,
.participant_table_panel {
	width: 100%;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.search_navmenu,
.search_menu,
.search_table,
.leaderboard_divider,
.leaderboard_segmenthdr,
.scroller_list,
.scroller_startbutton,
.scroller_stopbutton,
.other_table,
.box { width: 100%; }

.participant_table_data { border: 0; }
.search_label { text-align: left; }

#PARTICIPANTINFO {
	width: 750px;
	height: 500px;
	overflow: auto;
	border-spacing: 0;
	border-collapse: collapse;
}

.tracker {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.languageflags { border: none; }
.banner { border: 0; }

.credits { vertical-align: middle; }
.result_hdr, .result_odd, .result_even, .result_hover, .result_highlighted,
.leaderboard_timehdr, .leaderboard_timehdr_hover, .leaderboard_timehdr_active,
.leaderboard_segmenthdr, .leaderboard_newsegment { vertical-align: middle; }

/* ---------------------------------------------------------------------
   Base
   ------------------------------------------------------------------- */
body, html {
	font-family: var(--pt-font);
	font-size: 13px;
	color: var(--pt-charcoal);
	background: var(--pt-charcoal);
	-webkit-font-smoothing: antialiased;
}

#main_screen table {
	font-family: var(--pt-font);
}

/* Page content area: kill the watermark, light background, height
   re-computed because the header/footer are taller than the 45px the
   page JS reserves (JS sets an inline height – hence !important). */
/* ---- page frame -------------------------------------------------------
   The page JS sets an inline height on #PAGECONTENT (window height minus
   a server-side "reserveheight"), which assumes the standard 25px title
   bar and 20px footer. Instead of fighting that arithmetic, the frame is
   a flex column: optional banner, title bar, content block, footer. The
   content block fills whatever is left and #PAGECONTENT is pinned inside
   it, so taller bars and a banner of any height both just work. The
   footer is always the last table, so the bars are counted from the end. */
#main_screen { display: flex; flex-direction: column; height: 100vh; }
#main_screen > table { flex: 0 0 auto; }
#main_screen > table:nth-last-of-type(2) {          /* sidebar + content */
	display: block;
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
	overflow: hidden;
	background: var(--pt-dark);                     /* shows under the sidebar */
}
#menubar { width: 150px; }
#PAGECONTENT {
	position: absolute;
	top: 0; right: 0; bottom: 0;
	left: 150px;                                    /* = sidebar width */
	height: auto !important;                        /* beats the JS inline height */
	background: var(--pt-light);
	background-image: none;
	scrollbar-width: thin;
	scrollbar-color: #b5b5b5 var(--pt-light);
}
#PAGECONTENT::-webkit-scrollbar { width: 10px; }
#PAGECONTENT::-webkit-scrollbar-track { background: var(--pt-light); }
#PAGECONTENT::-webkit-scrollbar-thumb { background: #b5b5b5; border-radius: 5px; border: 2px solid var(--pt-light); }

/* ---------------------------------------------------------------------
   Optional banner above the title bar (td.pagetop > img.banner).
   Scaled to the page width instead of overflowing at its natural size.
   ------------------------------------------------------------------- */
td.pagetop { height: auto !important; line-height: 0; padding: 0; background: var(--pt-charcoal); }
img.banner { display: block; max-width: 100%; height: auto; margin: 0 auto; }

/* ---------------------------------------------------------------------
   Title bar  (event title + language flags) — third table from the end
   ------------------------------------------------------------------- */
#main_screen > table:nth-last-of-type(3) td {
	background: var(--pt-charcoal);
	/* cell height + 3px accent border = --pt-header-h */
	height: calc(var(--pt-header-h) - 3px);
	line-height: calc(var(--pt-header-h) - 3px) !important;
	border-bottom: 3px solid var(--pt-blue);
}

#main_screen > table:nth-last-of-type(3) td.credits {
	font-family: var(--pt-display);
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pt-white);
	padding-left: 18px !important;
}

/* Peak Timing logo in the title bar's first cell (the cell that holds
   the never-rendered facebook-like widget). Embedded as a data URI so
   this stylesheet stays a single file. 2x asset (156×96) shown at 40px
   tall; the stacked mark fits the cell's 150px, so no widening needed. */
#main_screen > table:nth-last-of-type(3) td:first-child {
	background-image: url("data:image/png;base64,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");
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 40px;
}
/* …but not when the event has its own banner above the title bar: the
   banner then carries the branding. With a banner the title bar is the
   2nd table from the top AND the 3rd from the end; without one it is the
   1st from the top. */
#main_screen > table:nth-of-type(2):nth-last-of-type(3) td:first-child {
	background-image: none;
}

/* language flags */
#main_screen > table:nth-last-of-type(3) td.credits[align="right"] {
	padding-right: 14px !important;
}
.languageflags {
	opacity: 0.55;
	transition: opacity .15s ease;
	border-radius: 2px;
}
.languageflags:hover { opacity: 1; }

/* ---------------------------------------------------------------------
   Left menu
   ------------------------------------------------------------------- */
#menubar {
	background: var(--pt-dark) !important;
	color: var(--pt-grey);
	border-right: 1px solid var(--pt-charcoal-2);
}

.menu,
.menu_hover,
.menu_active {
	font-family: var(--pt-display);
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-align: left;
	line-height: 48px;
	padding-left: 18px;
	margin: 0;
	cursor: pointer;
	border-bottom: 1px solid var(--pt-charcoal-2);
	border-right: 0;
	border-left: 4px solid transparent;
	text-shadow: none;
	transition: background .12s ease, color .12s ease;
}

.menu {
	color: #cfcfcf;
	background: var(--pt-dark);
}

.menu_hover {
	color: var(--pt-white);
	background: var(--pt-charcoal-2);
}

.menu_active {
	color: var(--pt-white);
	background: var(--pt-charcoal);
	border-left-color: var(--pt-blue);
}

.menu_arrow { display: none; }

/* "[ mobile version ]" + auto-refresh counter */
#PAGEMENU a {
	color: var(--pt-line);
	text-decoration: none;
	font-weight: 500;
}
#PAGEMENU a:hover { text-decoration: underline; }

.refreshbox {
	font-family: var(--pt-font);
	font-size: 11px;
	color: var(--pt-grey);
}

/* ---------------------------------------------------------------------
   Bottom bar
   ------------------------------------------------------------------- */
#main_screen > table:last-of-type td {
	background: var(--pt-black) !important;
	height: var(--pt-footer-h);
	line-height: var(--pt-footer-h);
}
#main_screen > table:last-of-type td.credits {
	font-family: var(--pt-font);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--pt-grey);
}

/* ---------------------------------------------------------------------
   Form controls (selects, inputs, buttons)
   ------------------------------------------------------------------- */
.box,
.box_small,
.box_quick {
	font-family: var(--pt-font);
	font-size: 13px;
	font-weight: 500;
	color: var(--pt-charcoal);
	background: var(--pt-white);
	border: 1px solid var(--pt-line);
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	transition: border-color .12s ease, box-shadow .12s ease;
}
.box_small { padding: 4px 6px; font-size: 12px; }
.box_quick {
	font-size: 16px;
	font-weight: 600;
	width: 99%;
	padding: 9px 14px;
	border-radius: 3px;
}
.box:focus,
.box_small:focus,
.box_quick:focus {
	border-color: var(--pt-blue);
	box-shadow: 0 0 0 3px rgba(26, 127, 212, 0.25);
}

.button,
.scroller_startbutton,
.scroller_stopbutton {
	font-family: var(--pt-display);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pt-white);
	background: var(--pt-blue);
	border: 0;
	border-radius: 2px;
	padding: 7px 18px 5px;
	cursor: pointer;
	transition: background .12s ease;
}
.button:hover { background: var(--pt-blue-dark); }

.scroller_startbutton { background: var(--pt-blue); color: var(--pt-white); }
.scroller_stopbutton  { background: var(--pt-charcoal-2); color: var(--pt-white); }

/* quick / advanced search + commentator window toggles */
.search_navmenu {
	background: var(--pt-dark);
	color: var(--pt-white);
	border-bottom: 1px solid var(--pt-charcoal-2);
}
.search_navmenu td { padding: 10px 6px; }

.search_menu_navigation,
.search_menu_navigation_active {
	font-family: var(--pt-display);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	height: auto;
	line-height: 1;
	padding: 8px 20px 6px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	transition: background .12s ease, color .12s ease;
}
.search_menu_navigation {
	color: var(--pt-white);
	background: transparent;
	border: 1px solid var(--pt-grey);
}
.search_menu_navigation:hover {
	border-color: var(--pt-white);
	color: var(--pt-white);
}
.search_menu_navigation_active {
	color: var(--pt-white);
	background: var(--pt-blue);
	border: 1px solid var(--pt-blue);
}

/* filter bars on results / search tabs */
.search_menu {
	background: var(--pt-charcoal);
	color: var(--pt-white);
}
.search_menu > tbody > tr > td { padding: 6px 10px; }
.search_menu .search_menu > tbody > tr > td { padding: 4px 2px; }

.search_label {
	font-family: var(--pt-display);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #cfcfcf;
	text-shadow: none;
	padding: 3px 6px;
}
.search_label .box,
.search_label .box_small { text-transform: none; letter-spacing: 0; }

/* status line ("61 participant(s) found", "select distance and category") */
.search_table {
	background: var(--pt-white);
	border-top: 0;
	border-bottom: 1px solid var(--pt-line);
	font-size: 12px;
	color: var(--pt-grey-text);
}
.search_table td { padding: 8px 12px; }
#divResults_Status,
#divSearch_Status { padding: 0 !important; }

.search_result_table,
.myfavourites_result_table,
.scroller_table {
	background: var(--pt-white);
}

/* ---------------------------------------------------------------------
   Leaderboard blocks
   ------------------------------------------------------------------- */
#divLeaderBoard { padding: 14px 14px 0; }

/* each leaderboard becomes a white card */
#divLeaderBoard > div[id^="leaderboard"] > table.leaderboard_table {
	background: var(--pt-white);
	border: 1px solid var(--pt-line);
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
#divLeaderBoard > div[id^="leaderboard"] > table.leaderboard_table > tbody > tr > td { padding: 0; }

/* toolbar row (auto follow + selects) — direct child table only */
#divLeaderBoard > div[id^="leaderboard"] > table.leaderboard_table > tbody > tr > td > table.leaderboard_table:first-child > tbody > tr > td {
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 500;
	color: var(--pt-charcoal);
}
#divLeaderBoard div[id^="autofollow"] { line-height: 20px !important; }

.leaderboard_divider {
	margin-top: 14px;
	border-top: 0;
}

/* timing-point tabs — the page puts navy bg / 0.65 opacity inline on
   these cells, hence !important. Rendered as a light tab strip. */
.leaderboard_timehdr,
.leaderboard_timehdr_hover,
.leaderboard_timehdr_active {
	font-family: var(--pt-display);
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	color: var(--pt-charcoal) !important;
	background: var(--pt-white) !important;
	opacity: 1 !important;
	border-top: 1px solid var(--pt-line);
	border-left: 0;
	border-right: 1px solid var(--pt-line);
	border-bottom: 3px solid var(--pt-line);
	text-shadow: none;
	cursor: pointer;
	transition: border-color .12s ease, color .12s ease;
}
.leaderboard_timehdr_hover {
	color: var(--pt-charcoal) !important;
	border-bottom-color: var(--pt-grey);
}
.leaderboard_timehdr_active {
	color: var(--pt-charcoal) !important;
	border-bottom-color: var(--pt-blue);
}

.leaderboard_segmenthdr {
	font-family: var(--pt-display);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	height: 26px;
	line-height: 26px;
	color: var(--pt-charcoal);
	background: var(--pt-hover-tint);
	border: 0;
	text-shadow: none;
	padding-left: 10px;
}

.leaderboard_newsegment {
	font-family: var(--pt-font);
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--pt-white);
	background: var(--pt-grey);
	border-bottom: 0;
	line-height: 22px;
}

.leaderboard_table_results { width: 100%; }

/* ---------------------------------------------------------------------
   Result tables (leaderboard, results, search, favourites, scroller)
   ------------------------------------------------------------------- */
.result_hdr {
	font-family: var(--pt-display);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pt-white);
	background: var(--pt-charcoal-2);
	border-bottom: 0;
	line-height: 30px;
	opacity: 1;
}

.result_odd,
.result_even,
.result_hover,
.result_highlighted {
	font-family: var(--pt-font);
	font-size: 13px;
	font-weight: 500;
	color: var(--pt-charcoal);
	line-height: 32px;
	border-bottom: 1px solid #e9e9e9;
	opacity: 1;
	cursor: pointer;
	transition: background .1s ease;
}
.result_odd  { background: var(--pt-white); }
.result_even { background: #f7f7f7; }
.result_hover { background: var(--pt-hover-tint); }
.result_highlighted { background: var(--pt-blue-tint); }

.result_hdr td,
.result_odd td,
.result_even td,
.result_hover td,
.result_highlighted td {
	background: inherit;
	padding-left: 8px;
	padding-right: 8px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* The columns have percentage widths, so cell edges land on fractional
   pixels and Chrome shows hairline seams between cells of a coloured row.
   A 1px shadow on each side of every cell, in the row colour, hides them. */
.result_hdr td         { box-shadow: -1px 0 0 0 var(--pt-charcoal-2), 1px 0 0 0 var(--pt-charcoal-2); }
.result_even td        { box-shadow: -1px 0 0 0 #f7f7f7, 1px 0 0 0 #f7f7f7; }
.result_hover td       { box-shadow: -1px 0 0 0 var(--pt-hover-tint), 1px 0 0 0 var(--pt-hover-tint); }
.result_highlighted td { box-shadow: -1px 0 0 0 var(--pt-blue-tint), 1px 0 0 0 var(--pt-blue-tint); }
/* favourite rows also get a lime bar on the left */
.result_highlighted td:first-child { box-shadow: inset 4px 0 0 var(--pt-blue), 1px 0 0 0 var(--pt-blue-tint); }

/* rank column */
.result_odd  td:first-child,
.result_even td:first-child,
.result_hover td:first-child,
.result_highlighted td:first-child {
	font-weight: 700;
}

/* name (first left-aligned cell after the race-no) */
.result_odd  td[align="center"] + td[align="left"],
.result_even td[align="center"] + td[align="left"],
.result_hover td[align="center"] + td[align="left"],
.result_highlighted td[align="center"] + td[align="left"] {
	font-weight: 600;
}

/* nation code next to the flag */
.nation {
	font-family: var(--pt-font);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--pt-grey-text);
	text-shadow: none;
	line-height: 10px;
	vertical-align: middle;
}
.result_odd img[title],
.result_even img[title],
.result_hover img[title],
.result_highlighted img[title] {
	vertical-align: middle;
	border-radius: 2px;
}

/* favourite (+) icon — keep it quiet until hovered */
.result_odd  td:last-child img,
.result_even td:last-child img {
	opacity: 0.35;
	transition: opacity .12s ease;
}
.result_hover td:last-child img,
.result_highlighted td:last-child img,
.result_odd  td:last-child img:hover,
.result_even td:last-child img:hover { opacity: 1; }

/* podium markers: a coloured bar on the first three rows after the
   header, on the leaderboard and the results list (both are rank-sorted).
   Search results can be sorted by anything, so they are left alone. */
#divLeaderBoard tr.result_hdr + tr > td:first-child,
#divLeaderBoard tr.result_hdr + tr + tr > td:first-child,
#divLeaderBoard tr.result_hdr + tr + tr + tr > td:first-child,
#list_results   tr.result_hdr + tr > td:first-child,
#list_results   tr.result_hdr + tr + tr > td:first-child,
#list_results   tr.result_hdr + tr + tr + tr > td:first-child {
	position: relative;
}
#divLeaderBoard tr.result_hdr + tr > td:first-child::before,
#divLeaderBoard tr.result_hdr + tr + tr > td:first-child::before,
#divLeaderBoard tr.result_hdr + tr + tr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr + tr + tr > td:first-child::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
}
#divLeaderBoard tr.result_hdr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr > td:first-child::before { background: var(--pt-gold); }
#divLeaderBoard tr.result_hdr + tr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr + tr > td:first-child::before { background: var(--pt-silver); }
#divLeaderBoard tr.result_hdr + tr + tr + tr > td:first-child::before,
#list_results   tr.result_hdr + tr + tr + tr > td:first-child::before { background: var(--pt-bronze); }
/* the "no results yet" row is never a sibling of the header, so it gets no bar */
tr.leaderboard_nodata > td:first-child::before { content: none !important; }

/* "no results available yet" etc. */
.leaderboard_nodata,
.myfavourites_nodata,
.scroller_nodata {
	font-family: var(--pt-font);
	font-size: 14px;
	font-weight: 500;
	color: var(--pt-grey-text);
	background: transparent;
	cursor: default;
}
.leaderboard_nodata td { padding: 14px 0 20px; }

/* ---------------------------------------------------------------------
   Participant details popup
   ------------------------------------------------------------------- */
.participant {
	background: rgba(14, 14, 14, 0.7);
}

#PARTICIPANTINFO {
	border: 0;
	border-radius: 6px;
	background: var(--pt-white);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

.participant_table_panel {
	color: var(--pt-white);
	background: var(--pt-charcoal);
	border-bottom: 3px solid var(--pt-blue);
	font-family: var(--pt-display);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.participant_table_panel td { height: 36px !important; }

.participant_table_data { width: 96%; }

.participant_hdr_small {
	font-family: var(--pt-font);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--pt-grey);
}

.participant_value_big {
	font-family: var(--pt-display);
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 0.03em;
	color: var(--pt-charcoal);
}

.participant_value_std {
	font-family: var(--pt-font);
	font-size: 13px;
	font-weight: 600;
	color: var(--pt-charcoal);
	font-variant-numeric: tabular-nums;
}

.participant_section_hdr {
	font-family: var(--pt-display);
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--pt-charcoal);
	background: var(--pt-light);
	border-bottom: 2px solid var(--pt-blue);
	height: 26px;
	padding-left: 8px;
}

/* split table inside the popup */
.split_hdr,
.split_time,
.split_segment,
.details_racetime,
.details_segmenttime,
.details_splittime {
	font-family: var(--pt-font);
	font-size: 12px;
	height: 24px;
	padding-right: 6px;
	padding-left: 6px;
	font-variant-numeric: tabular-nums;
	border-right: 0;
}
.split_hdr {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 11px;
	color: var(--pt-grey-text);
	background: var(--pt-white);
	border-bottom: 2px solid var(--pt-line);
}
.split_time {
	font-weight: 500;
	color: var(--pt-charcoal);
	background: var(--pt-white);
	border-bottom: 1px solid var(--pt-line);
}
.split_segment {
	font-weight: 700;
	background: var(--pt-light);
	border-bottom: 1px solid var(--pt-line);
}
.details_racetime    { background: var(--pt-hover-tint);   border-bottom: 1px solid var(--pt-line); }
.details_segmenttime { background: var(--pt-gold-tint); border-bottom: 1px solid var(--pt-line); }
.details_splittime   { background: var(--pt-blue-tint);   border-bottom: 1px solid var(--pt-line); }

/* ---------------------------------------------------------------------
   Scroller
   ------------------------------------------------------------------- */
.scroller_list {
	font-family: var(--pt-font);
	font-size: 14px;
	font-weight: 600;
	color: var(--pt-white);
	background: var(--pt-charcoal);
	border: 1px solid var(--pt-charcoal-2);
	border-radius: 3px;
}

/* ---------------------------------------------------------------------
   Misc
   ------------------------------------------------------------------- */
.loading { background: transparent; }   /* keep the auto-refresh spinner unobtrusive */

.other_table { background: var(--pt-white); }

#divTeamResults,
#divMyFavourites,
#divScroller,
#divOther,
#divStatistics,
#divHelp { background: var(--pt-white); min-height: 100%; }

::selection { background: var(--pt-blue); color: var(--pt-white); }

/* ---------------------------------------------------------------------
   Optional: CSS-only swap of the footer texts. Prefer changing the
   HTML server-side; un-comment this only if that is not possible.
   ------------------------------------------------------------------- */
/*
#main_screen > table:last-of-type td.credits[align="left"],
#main_screen > table:last-of-type td.credits[align="right"] { font-size: 0; }
#main_screen > table:last-of-type td.credits[align="left"]::before  { content: "\00a9 Peak Timing"; font-size: 11px; }
#main_screen > table:last-of-type td.credits[align="right"]::before { content: "Powered by Peak Timing"; font-size: 11px; }
*/

/* ---- Peak Timing eResults header (image hosted on secure.onreg.com) ----
   The page's own banner (uploads/peaktiming/PTimages/PeakResultBanner.png)
   is hidden and kept only to reserve the space; the new 2000x200 header is
   painted behind it. To revert, delete this block. */
td.pagetop {
	height: auto !important;
	line-height: 0;
	padding: 0;
	background-color: #0e0e10;
	background-image: url("https://secure.onreg.com/onreg2/uploads/mailshots/523b2588fbf023c69c3b09142bbc9361.png"), linear-gradient(90deg, #0e0e10 50%, #1a73d9 50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%, 100% 100%;
}
td.pagetop img.banner {
	visibility: hidden;
	display: block;
	width: 100%;
	max-width: none;
	height: clamp(56px, 10vw, 150px);   /* header is 10:1, capped so results keep the room */
	margin: 0;
}