.brand-logo{display:block;width:220px;height:auto;filter:brightness(0) invert(1)}
#login-dialog .brand-logo{width:270px;max-width:100%;margin-bottom:30px}
.timing-panel{margin-bottom:24px;min-width:0}
.timing-heading{gap:20px;flex-wrap:wrap}
.timing-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#bac1cc;font-size:11px}
.timing-legend span{display:flex;align-items:center;gap:7px}
.key{width:12px;height:12px;border-radius:2px;display:inline-block}
.key.normal{background:#313640}.key.green{background:#268e50}.key.purple{background:#9945d1}
.timing-board-wrap,.timing-history-wrap{overflow:auto}
.timing-board{min-width:740px}
.timing-board th,.timing-history th{font-size:10px;padding:10px 8px;letter-spacing:.08em}
.timing-board th small{display:block;text-transform:none;font-weight:400;font-size:9px;letter-spacing:0;margin-top:4px}
.timing-board td{padding:10px 8px;font-size:14px}
.timing-board th:first-child,.timing-board td:first-child{padding-left:14px;min-width:170px}
.timing-board th:last-child,.timing-board td:last-child{padding-right:14px}
.timing-board td:first-child>b{font-size:13px;font-weight:600}
.timing-board td small{font-size:10px;margin-top:3px}
.timing-board tr.driver-on-track{background:#181b21;box-shadow:inset 2px 0 #e82e38}
.timing-board .driver-on-track td:first-child>small{color:#e3d7d8}
.sector-block{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;min-width:92px;border:1px solid #353a43;background:#1b1f25;border-radius:3px}
.sector-block>b{font-size:14px;font-weight:600;color:#dce0e7;line-height:1.3}
.sector-block>small{font-size:8px!important;margin:0!important;line-height:1.3;letter-spacing:.03em;color:#8b95a4}
.sector-green{background:#163d29;border-color:#2a8f53}.sector-green>b,.sector-green>small{color:#9cf0b8}
.sector-purple{background:#3d2058;border-color:#a35dd9}.sector-purple>b,.sector-purple>small{color:#ebc6ff}
.sector-missing{background:#121519;border-style:dashed;border-color:#303743}.sector-missing>b{color:#798392}
.lap-green{color:#91e8af}.lap-purple{color:#dbadff}.ideal-time{color:#acb8c9}
.timing-live{display:flex;align-items:center;gap:24px;margin:18px 0 25px;padding:16px 18px;background:#12161c;border:1px solid #343d4c;border-left:3px solid #d72e38}
.live-driver{min-width:170px;flex:1}.live-driver>b{display:block;font-size:13px;margin:4px 0}.live-driver>small{color:#99a5b6;font-size:10px;display:block}
.live-label{display:block;font-size:8px;letter-spacing:.14em;color:#ec7981;font-weight:700}
.live-sectors{display:flex;gap:8px;flex:2;min-width:0}.live-sectors>div{flex:1;min-width:0}.live-sectors .overline{display:block;font-size:9px;margin-bottom:6px}
.live-clock{padding-left:12px;min-width:140px;text-align:right}.live-clock>.overline{display:block;font-size:8px;margin-bottom:5px}.live-clock>b{font-size:24px;font-weight:500}
.timing-stale .live-clock>b{color:#a58e71}.timing-stale .live-label{color:#d4b17a}
.timing-history-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}
.timing-history-heading h3{font-size:16px;margin:0 0 5px}.timing-history-heading .count{margin-left:8px;font-size:10px;vertical-align:middle}
.timing-history-heading p{color:#8693a4;font-size:10px}
.timing-history-heading label{display:flex;align-items:center;gap:12px;color:#adb6c3;font-size:10px}
.timing-history-heading select{background:#151a22;color:#e1e5eb;border:1px solid #3d4757;padding:10px;max-width:235px;min-height:40px;border-radius:3px;font-size:11px}
.timing-history-wrap{max-height:366px;border-top:1px solid #333b46;border-bottom:1px solid #333b46;scrollbar-gutter:stable}
.timing-history{min-width:900px}.timing-history thead{position:sticky;top:0;z-index:1;background:#171c23}
.timing-history th small{font-size:8px;color:#7c899c;font-weight:400;text-transform:none;letter-spacing:0}
.timing-history td{padding:10px 8px;font-size:12px}.timing-history td:first-child,.timing-history th:first-child{padding-left:12px}
.timing-history td:nth-child(2){min-width:145px}.timing-history td:nth-child(2)>b{font-size:11px;font-weight:500}
.timing-history .reference-label{font-size:8px;letter-spacing:.04em;color:#c7b5dd;margin-top:4px}
.timing-history .sector-block{padding:8px;min-width:88px}.timing-history .sector-block>b{font-size:12px}
.timing-history td:last-child button{min-width:40px;min-height:40px}
.timing-history .lap-status{white-space:normal;display:block;max-width:145px;min-width:62px;line-height:1.4}
.timing-note,.timing-extra{color:#9ca7b6;font-size:10px;line-height:1.8;margin:16px 0 0}.timing-extra{color:#d6c19b}
@media(max-width:850px){.brand-logo{width:180px}.timing-live{gap:14px;flex-wrap:wrap}.live-driver{flex:1}.live-clock{min-width:110px;order:2}.live-sectors{flex-basis:100%;order:3}.timing-legend{font-size:10px;gap:15px}}
@media(max-width:560px){.brand-logo{width:135px}.brand-rule{display:none}.brand-sub{font-size:6px}.timing-panel{padding:17px}.timing-heading{gap:16px}.timing-legend{font-size:9px;gap:12px}.key{width:10px;height:10px}.timing-live{padding:12px;gap:12px}.live-driver{min-width:130px}.live-driver>b{font-size:12px}.live-clock{min-width:90px;padding:0}.live-clock>b{font-size:19px}.live-sectors{gap:5px}.live-sectors .sector-block{min-width:0;display:block;text-align:center;padding:7px 4px}.live-sectors .sector-block>b{font-size:12px}.live-sectors .sector-block>small{display:block;margin-top:4px!important}.timing-history-heading{align-items:flex-start;flex-direction:column;gap:12px}.timing-history-heading label{width:100%;justify-content:space-between}.timing-history-heading select{max-width:70%}.timing-note{font-size:9px}}

.lap-glance{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,2.3fr);gap:18px;align-items:stretch;border:1px solid #343b46;border-left:3px solid #d72e38;background:#101319;padding:12px 14px;margin:0 0 20px;min-width:0}
.lap-glance-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:3px 5px}
.lap-glance-copy>.overline{font-size:8px}.lap-glance-copy>b{font-size:14px;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lap-glance-copy>small{color:#8996a7;font-size:9px;line-height:1.5}
.lap-glance-sectors{display:grid;gap:8px;min-width:0}
.glance-sector{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;border:1px solid #353c47;background:#181c22;padding:9px 11px;border-radius:2px}
.glance-sector>span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#818c9b}.glance-sector>b{font-size:18px;font-weight:600;text-align:center;color:#dce2ea}.glance-sector>small{font-size:7px;letter-spacing:.07em;color:#7f8b9a;text-align:right}
.glance-green{background:#163d29;border-color:#2a8f53}.glance-green>span,.glance-green>b,.glance-green>small{color:#9cf0b8}
.glance-purple{background:#3d2058;border-color:#a35dd9}.glance-purple>span,.glance-purple>b,.glance-purple>small{color:#ebc6ff}
.glance-missing{background:#11151a;border-style:dashed}.glance-missing>b{color:#697586}
.lap-glance-result{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(110px,.7fr) minmax(180px,1.6fr);align-items:center;gap:18px;padding:8px 14px;border:1px solid #3a424e;background:#171b21}
.lap-glance-result>span{font-size:9px;font-weight:700;letter-spacing:.12em;color:#a8b1bd}.lap-glance-result>strong{font-size:28px;font-weight:600;text-align:center}.lap-glance-result>small{font-size:10px;color:#9aa6b5;text-align:right}
.glance-result-purple{background:#321d46;border-color:#914fc2}.glance-result-purple>span,.glance-result-purple>strong{color:#ebc6ff}
.glance-result-invalid{background:#211a1b;border-color:#5f3b3e}.glance-result-invalid>strong{color:#d8b0b3}
.glance-stale{border-left-color:#9a7d4f}.glance-stale .lap-glance-copy>.overline{color:#d4b17a}

@media(max-width:850px){.lap-glance{grid-template-columns:1fr;gap:10px}.lap-glance-copy{padding:0}.lap-glance-sectors{gap:6px}.glance-sector{padding:8px}.lap-glance-result{grid-template-columns:1fr auto;gap:8px 14px}.lap-glance-result>small{grid-column:1/-1;text-align:left}}
@media(max-width:560px){.lap-glance{padding:11px;margin-bottom:16px}.lap-glance-copy>b{font-size:12px}.lap-glance-copy>small{font-size:8px}.glance-sector{grid-template-columns:1fr;text-align:center;gap:2px;padding:7px 4px}.glance-sector>b{font-size:14px}.glance-sector>small{font-size:6px;text-align:center}.glance-sector>span{font-size:7px}.lap-glance-result>strong{font-size:23px}.lap-glance-result>small{font-size:8px}}

@media(min-width:1900px){.lap-glance{grid-template-columns:minmax(240px,.55fr) minmax(0,2.45fr);gap:24px;padding:14px 18px}.glance-sector{padding:11px 16px}.glance-sector>b{font-size:20px}.timing-board th,.timing-history th{padding-left:12px;padding-right:12px}.timing-board td,.timing-history td{padding-left:12px;padding-right:12px}.sector-block{min-width:0;width:100%;padding-left:12px;padding-right:12px}.live-sectors{gap:12px}.timing-live{gap:30px;padding:18px 22px}}
@media(min-width:2560px){.lap-glance{grid-template-columns:minmax(280px,.5fr) minmax(0,2.5fr)}.glance-sector{padding:12px 18px}.glance-sector>b{font-size:22px}.timing-board td{font-size:15px}.timing-history td{font-size:13px}.live-clock>b{font-size:28px}}