<style>
.track-clear-superuser {
    border-color: rgba(255,43,43,.42) !important;
    background: rgba(255,43,43,.10) !important;
    color: #ff7070 !important;
}

.track-clear-superuser:hover {
    background: rgba(255,43,43,.18) !important;
    color: #fff !important;
}



.motec-shell {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px 20px 46px;
    color: #eef1f8;
}

.motec-header,
.live-focus-card,
.recorded-laps-card,
.chart-card,
.motec-sidebar,
.pill,
.summary-card,
.mini-card,
.motec-empty {
    background: linear-gradient(180deg, rgba(17,19,31,.96), rgba(9,11,20,.98));
    border: 1px solid rgba(255,255,255,.07);
    border-top: 2px solid rgba(255,85,0,.35);
    box-shadow: 0 16px 38px rgba(0,0,0,.28);
    border-radius: 0;
}

.motec-header {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 24px;
    padding: 22px 24px;
    background:
        radial-gradient(circle at 15% 10%, rgba(255,85,0,.18), transparent 28%),
        linear-gradient(160deg, rgba(14,17,28,.98), rgba(8,10,18,.99));
}

.motec-header::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: repeating-linear-gradient(
        106deg,
        transparent 0%, transparent 82%,
        rgba(255,85,0,.035) 82%, rgba(255,85,0,.035) 83%,
        transparent 83%, transparent 91%
    );
}

.title-row,
.motec-header > div,
.motec-session-form {
    position: relative;
    z-index: 1;
}

.title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.motec-header h2 {
    margin: 0;
    font-family: 'Saira Condensed', sans-serif;
    font-size: clamp(2.3rem, 4vw, 3.8rem);
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase;
    color: #fff;
}

.motec-header p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #9299ae;
    line-height: 1.65;
}

.live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 13px;
    background: rgba(53,208,127,.10);
    border: 1px solid rgba(53,208,127,.28);
    color: #35d07f;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    border-radius: 0;
}

.live-badge::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #35d07f;
    box-shadow: 0 0 10px rgba(53,208,127,.7);
    animation: telemetryPulse 1.4s ease-in-out infinite;
}

@keyframes telemetryPulse {
    0%,100% { opacity: 1; transform: scale(1); }
    50% { opacity: .35; transform: scale(.7); }
}

.motec-session-form {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.motec-session-form label,
.field-block label {
    font-family: 'Saira Condensed', sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #6b738a;
}

.motec-session-form select,
.motec-toolbar select {
    min-height: 46px;
    min-width: 280px;
    appearance: none;
    background: rgba(5,6,11,.92);
    color: #eef1f8;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 8px;
    padding: 0 14px;
    outline: none;
    font-family: 'Saira', sans-serif;
}

.motec-session-form select:focus,
.motec-toolbar select:focus {
    border-color: rgba(255,85,0,.42);
    box-shadow: 0 0 0 3px rgba(255,85,0,.10);
}

.motec-meta-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}

.pill {
    position: relative;
    overflow: hidden;
    padding: 13px 14px;
}

.pill::after,
.live-card::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44%;
    height: 2px;
    background: linear-gradient(90deg, #ff5500, transparent);
}

.pill span,
.summary-card span,
.mini-card span {
    display: block;
    margin-bottom: 5px;
    color: #6b738a;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .62rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.pill strong,
.summary-card strong,
.mini-card strong {
    display: block;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1.12;
    text-transform: uppercase;
}

.motec-grid {
    display: grid;
    grid-template-columns: 310px minmax(0,1fr);
    gap: 14px;
    align-items: start;
}

.motec-sidebar {
    position: sticky;
    top: 86px;
    padding: 14px;
}

.sidebar-block {
    background: transparent;
    border: none;
    padding: 0;
}

.sidebar-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 12px;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .86rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.sidebar-title::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff5500;
    box-shadow: 0 0 9px rgba(255,85,0,.6);
}

.driver-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 68vh;
    overflow: auto;
    padding-right: 3px;
}

.driver-item {
    position: relative;
    width: 100%;
    padding: 12px 12px 12px 14px;
    border: 1px solid rgba(255,255,255,.07);
    border-left: 3px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.025);
    color: #eef1f8;
    cursor: pointer;
    text-align: left;
    border-radius: 0;
    transition: background .16s, border-color .16s, transform .16s;
}

.driver-item:hover {
    background: rgba(255,85,0,.055);
    border-left-color: rgba(255,85,0,.35);
    transform: translateY(-1px);
}

.driver-item.active {
    background: rgba(255,85,0,.09);
    border-color: rgba(255,85,0,.22);
    border-left-color: #35d07f;
}

.driver-item.active::before {
    content: "";
    position: absolute;
    top: 15px;
    right: 12px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #35d07f;
    box-shadow: 0 0 10px rgba(53,208,127,.7);
}

.driver-item strong {
    display: block;
    padding-right: 16px;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .92rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
}

.driver-item small {
    display: block;
    margin-top: 4px;
    color: #6b738a;
    font-size: .76rem;
    line-height: 1.35;
}

.motec-main {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.live-focus-card {
    position: relative;
    overflow: hidden;
    padding: 16px;
}

.live-focus-card.is-active {
    border-top-color: #35d07f;
}

.live-focus-header,
.recorded-laps-header,
.chart-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.live-focus-header {
    margin-bottom: 14px;
}

.section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #ff9a4d;
}

.section-kicker::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #ff5500;
}

.live-focus-header h3,
.recorded-laps-header h3,
.chart-card h3 {
    margin: 0;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.25rem;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.live-focus-header p {
    margin: 6px 0 0;
    color: #9299ae;
    line-height: 1.55;
    font-size: .88rem;
}

.live-focus-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    background: rgba(5,6,11,.76);
    border: 1px solid rgba(255,255,255,.08);
    color: #c8ccd8;
    white-space: nowrap;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.status-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #35d07f;
    box-shadow: 0 0 0 6px rgba(53,208,127,.11), 0 0 12px rgba(53,208,127,.55);
}

.motec-summary {
    display: grid;
    grid-template-columns: 1.35fr repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

.summary-card,
.mini-card {
    position: relative;
    overflow: hidden;
    padding: 13px 14px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.065);
    border-top: 2px solid rgba(255,85,0,.18);
    border-radius: 0;
}

.summary-card.hero {
    border-top-color: rgba(255,85,0,.42);
    background: rgba(255,85,0,.055);
}

.summary-card.hero strong,
.live-card.emphasis strong {
    font-size: 1.35rem;
    color: #ff9a4d;
}

.summary-card small,
.mini-card small {
    display: block;
    margin-top: 6px;
    color: #9299ae;
}

.driver-identity-line {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-width: 0;
    max-width: 100%;
    width: 100% !important;
    margin-top: 7px;
    flex-wrap: nowrap;
    vertical-align: middle;
}

.driver-brand-badge,
.driver-list-brand-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
}

.driver-brand-badge { width: 46px; height: 24px; }
.driver-list-brand-badge { width: 34px; height: 22px; }

.driver-brand-badge img,
.driver-list-brand-badge img {
    max-width: 44px;
    max-height: 22px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.driver-list-brand-badge img {
    max-width: 32px;
    max-height: 18px;
}

.driver-brand-fallback {
    color: #6b738a;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    font-size: .72rem;
}

.driver-team-name {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #d9deec;
    font-weight: 900;
    display: inline-block;
}

.telemetry-category-badge {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    max-width: max-content;
    min-width: 34px;
    height: 20px;
    padding: 0 8px;
    border-radius: 0;
    clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 50%, calc(100% - 7px) 100%, 0 100%);
    font-family: 'Saira Condensed', sans-serif;
    font-size: .62rem;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.telemetry-category-badge.hy,
.telemetry-category-badge.hyper,
.telemetry-category-badge.hypercar,
.telemetry-category-badge.lmh,
.telemetry-category-badge.gtp { background: #e11d48; color: #fff; }
.telemetry-category-badge.lmp2plus { background: #1d8cff; color: #fff; }
.telemetry-category-badge.lmp2 { background: #0066cc; color: #fff; }
.telemetry-category-badge.lmp3 { background: #9333ea; color: #fff; }
.telemetry-category-badge.gt3,
.telemetry-category-badge.lmgt3 { background: #22c55e; color: #06210f; }
.telemetry-category-badge.gte { background: #ff9800; color: #2b1a00; }
.telemetry-category-badge.other { background: #5f6675; color: #fff; }

.summary-card.hero #driverName {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ff9a4d;
}
.summary-card.hero #driverMeta {
    display: block;
    width: 100%;
    margin-top: 10px;
}
.summary-card.hero .driver-identity-line {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    gap: 10px;
}
.summary-card.hero .telemetry-category-badge {
    width: auto !important;
    max-width: max-content;
    align-self: center;
}

.driver-list-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-top: 4px;
}

.driver-list-team {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #7f879d;
    font-size: .68rem;
    font-weight: 800;
}


.driver-flag {
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
    line-height: 1;
}

.driver-flag img {
    width: 28px;
    height: 21px;
    object-fit: cover;
    display: block;
    border-radius: 2px;
    box-shadow: 0 0 8px rgba(0,0,0,.35);
}

.summary-card.hero strong {
    display: flex;
    align-items: center;
    gap: 0;
    color: #ff9a4d;
}

#driverNameText {
    color: #ff9a4d;
    font-weight: 900;
    text-transform: uppercase;
}

#driverFlag.country-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.sector-splits-panel {
    margin: 0 0 10px;
    padding: 11px 13px;
    background: rgba(5,6,11,.52);
    border: 1px solid rgba(255,255,255,.07);
    border-top: 1px solid rgba(255,85,0,.28);
}

.sector-splits-title {
    margin-bottom: 8px;
    color: #ff9a4d;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.sector-splits-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 8px;
}

.sector-row {
    display: grid;
    grid-template-columns: 1.15fr repeat(3, minmax(72px,1fr));
    gap: 8px;
    align-items: center;
    padding: 9px 10px;
    background: rgba(255,255,255,.025);
    border: 1px solid rgba(255,255,255,.065);
}

.sector-row span,
.sector-row strong {
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

.sector-row span {
    color: #7e879b;
    font-size: .72rem;
    letter-spacing: .1em;
}

.sector-row strong {
    color: #fff;
    font-size: .9rem;
    letter-spacing: .04em;
}

.telemetry-hud-col-metrics {
    display: flex;
    min-width: 282px;
}

.telemetry-metrics-column,
.telemetry-metrics-side-list {
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px;
}

.telemetry-metrics-side-list .mini-card {
    width: 100%;
    min-height: 64px;
    display: grid;
    grid-template-columns: minmax(92px, 1fr) minmax(70px, auto) minmax(46px, auto);
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
}

.telemetry-metrics-side-list .mini-card span {
    margin: 0;
    white-space: nowrap;
}

.telemetry-metrics-side-list .mini-card strong {
    font-size: 1.35rem;
    text-align: right;
    white-space: nowrap;
}

.telemetry-metrics-side-list .mini-card small {
    margin: 0;
    text-align: left;
    white-space: nowrap;
}

.live-current-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 10px;
}

.live-card {
    background: rgba(5,6,11,.52);
}

.recorded-laps-card {
    padding: 16px;
}

.recorded-laps-header {
    align-items: end;
    margin-bottom: 12px;
}

.field-block {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 260px;
}

.toolbar-stats {
    padding: 11px 13px;
    background: rgba(5,6,11,.54);
    border: 1px solid rgba(255,255,255,.07);
    color: #9299ae;
    line-height: 1.45;
    font-size: .88rem;
}

.charts-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 14px;
}

.chart-card {
    min-width: 0;
    overflow: hidden;
    padding: 14px;
}

.chart-card.wide {
    grid-column: 1 / -1;
}

.chart-head {
    align-items: center;
    margin-bottom: 10px;
}

.zoom-reset-btn {
    min-height: 32px;
    padding: 0 11px;
    background: rgba(255,255,255,.045);
    border: 1px solid rgba(255,255,255,.09);
    color: #ff9a4d;
    cursor: pointer;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background .15s, color .15s, border-color .15s;
}

.zoom-reset-btn:hover {
    background: rgba(255,85,0,.12);
    border-color: rgba(255,85,0,.26);
    color: #fff;
}

.series-toggles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

.series-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    background: rgba(5,6,11,.55);
    border: 1px solid rgba(255,255,255,.08);
    color: #c8ccd8;
    font-size: .78rem;
    line-height: 1;
    border-radius: 0;
}

.series-toggle input {
    accent-color: #ff5500;
}

.series-swatch {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    border: 2px solid currentColor;
}

.chart-wrap {
    position: relative;
    width: 100%;
    height: 270px;
    min-height: 270px;
    background:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        rgba(5,6,11,.38);
    background-size: 28px 28px;
    border: 1px solid rgba(255,255,255,.055);
}

.chart-card.wide .chart-wrap {
    height: 330px;
    min-height: 330px;
}

.chart-wrap canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.motec-empty {
    padding: 26px;
    color: #9299ae;
    text-align: center;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}


.wheel-live-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-top: 10px;
}

.wheel-live-card {
    padding: 13px 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-top: 1px solid rgba(255,85,0,.5);
    background: rgba(5,6,11,.44);
    min-width: 0;
}

.wheel-live-card span {
    display: block;
    color: #7e879b;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.wheel-live-card strong {
    display: block;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.18rem;
    font-weight: 950;
}

.wheel-live-card small {
    color: #8f99ac;
}

@media (max-width: 900px) {
    .wheel-live-grid { grid-template-columns: 1fr; }
}

.trackmap-block {
    margin-top: 14px;
}

#trackMapCanvas {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: 300px !important;
    max-height: 300px;
    background:
        radial-gradient(circle at center, rgba(255,85,0,.08), transparent 62%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        rgba(5,6,11,.65);
    background-size: auto, 24px 24px, 24px 24px, auto;
    border: 1px solid rgba(255,255,255,.08);
}

.trackmap-help {
    display: block;
    margin-top: 8px;
    color: #6b738a;
    font-size: .72rem;
    line-height: 1.35;
}

.trackmap-tools {
    display: flex;
    gap: 6px;
    margin: -4px 0 10px;
}

.trackmap-tools button {
    border: 1px solid rgba(255,85,0,.32);
    background: rgba(255,85,0,.08);
    color: #ff9a4d;
    min-width: 42px;
    height: 30px;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    cursor: pointer;
}



.g-force-meter-panel {
    margin-top: 0;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.08);
    border-top: 1px solid rgba(255,85,0,.38);
    background:
        radial-gradient(circle at 75% 50%, rgba(255,85,0,.05), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
    display: grid;
    grid-template-columns: 165px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 240px;
	width: 276px;
}

.g-force-meter-head {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.g-force-meter-head strong {
    display: block;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1rem;
    line-height: 1.08;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.g-force-kicker {
    display: block;
    color: #ff9a4d;
    font-size: .64rem;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .16em;
    margin-bottom: 4px;
}

.g-meter-values {
    display: flex;
    gap: 16px;
    color: #9299ae;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    letter-spacing: .06em;
}

.g-meter-values strong {
    display: block;
    margin-top: 2px;
    color: #ff9a4d;
    font-size: 1rem;
}

.g-meter-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

#gForceCanvas {
    width: 260px !important;
    height: 260px !important;
    background: rgba(5,6,11,.86);
    border: 1px solid rgba(255,255,255,.10);
    display: block;
}

@media (max-width: 760px) {
    .g-force-meter-panel {
        grid-template-columns: 1fr;
    }
}


.g-meter-card {
    min-height: 370px;
}

.g-meter-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

#gForceCanvas {
    width: 260px !important;
    height: 260px !important;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    background: rgba(5,6,11,.64);
    border: 1px solid rgba(255,255,255,.10);
    display: block;
    box-shadow: inset 0 0 0 1px rgba(255,85,0,.08);
}

.g-meter-values {
    display: flex;
    justify-content: center;
    gap: 16px;
    color: #9299ae;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 900;
    letter-spacing: .08em;
}

.g-meter-values strong {
    color: #ff9a4d;
}



/* ============================================================
   TYRES / BRAKES HUD LMU STYLE SIMHUB
   ============================================================ */

.tyre-brake-hud {
    margin-top: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.08);
    border-top: 1px solid rgba(255,85,0,.5);
    background:
        radial-gradient(circle at center, rgba(255,85,0,.08), transparent 52%),
        rgba(5,6,11,.46);
}

.tyre-brake-title {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 10px;
    margin-bottom: 14px;
}

.tyre-brake-title span {
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.08rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.tyre-brake-title small {
    color: #7e879b;
    font-size: .76rem;
}

.tyre-brake-layout {
    width: min(600px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 72px 1fr;
    grid-template-rows: auto auto auto;
    gap: 12px 44px;
    align-items: center;
}

.wheel-hud-front-left { grid-column: 1; grid-row: 1; }
.wheel-hud-front-right { grid-column: 3; grid-row: 1; }
.hud-center-box { grid-column: 2; grid-row: 2; }
.wheel-hud-rear-left { grid-column: 1; grid-row: 3; }
.wheel-hud-rear-right { grid-column: 3; grid-row: 3; }

.wheel-hud-card {
    position: relative;
    padding: 10px;
    background: rgba(0,0,0,.44);
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: inset 0 0 0 1px rgba(255,85,0,.06), 0 8px 18px rgba(0,0,0,.28);
    min-height: 124px;
}

.wheel-label {
    position: absolute;
    top: 7px;
    left: 8px;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-weight: 950;
    font-size: .8rem;
    letter-spacing: .08em;
    z-index: 2;
}

.wheel-top-line {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    min-height: 18px;
    margin-bottom: 4px;
}

.hud-small-pill {
    min-width: 34px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.09);
    color: #b9c2d3;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .62rem;
    font-weight: 900;
}

.brake-box {
    width: 62px;
    height: 38px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.08rem;
    font-weight: 950;
    line-height: 1;
    border: 1px solid rgba(255,255,255,.18);
    background: #222;
}

.brake-box::after {
    content: "°";
    font-size: .72em;
    opacity: .82;
    margin-left: 1px;
}

.tyre-box-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.tyre-box {
    min-height: 38px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .98rem;
    font-weight: 950;
    line-height: 1;
    border: 1px solid rgba(255,255,255,.16);
    background: #222;
}

.tyre-box::after {
    content: "°";
    font-size: .72em;
    opacity: .82;
    margin-left: 1px;
}

.hud-center-box {
    height: 74px;
    border-radius: 999px;
    background: rgba(5,6,11,.72);
    border: 1px solid rgba(255,85,0,.28);
    box-shadow: inset 0 0 18px rgba(255,85,0,.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Saira Condensed', sans-serif;
    text-align: center;
}

.hud-center-title {
    color: #ff9a4d;
    font-size: .92rem;
    font-weight: 950;
    letter-spacing: .1em;
}

.hud-center-sub {
    color: #fff;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.hud-center-unit {
    color: #7e879b;
    font-size: .64rem;
    font-weight: 800;
}

.temp-cold { background: linear-gradient(180deg, #1674d1, #0a3c78) !important; }
.temp-ok { background: linear-gradient(180deg, #20b65a, #0f7132) !important; }
.temp-warm { background: linear-gradient(180deg, #f6bf1a, #b86e00) !important; }
.temp-hot { background: linear-gradient(180deg, #f06a22, #a93612) !important; }
.temp-critical { background: linear-gradient(180deg, #e51f38, #8e0f20) !important; }
.temp-empty { background: rgba(255,255,255,.05) !important; color: #6b738a !important; }


/* ============================================================
   RIDE HEIGHT BARS DANS HUD PNEUS / FREINS
   ============================================================ */

.ride-bar-wrap {
    position: absolute;
    top: 30px;
    width: 28px;
    height: 82px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 3px;
    align-items: center;
    justify-items: center;
}

.wheel-hud-front-left .ride-bar-wrap,
.wheel-hud-rear-left .ride-bar-wrap {
    right: -36px;
}

.wheel-hud-front-right .ride-bar-wrap,
.wheel-hud-rear-right .ride-bar-wrap {
    left: -36px;
}

.ride-label {
    color: #7e879b;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1;
}

.ride-bar {
    position: relative;
    width: 9px;
    height: 50px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.16);
    overflow: hidden;
}

.ride-bar span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    border-radius: 999px;
    background: #20b65a;
    transition: height .18s ease, background .18s ease;
}

.ride-bar-wrap strong {
    color: #c8ccd8;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .56rem;
    font-weight: 900;
    line-height: 1;
}

.ride-ok .ride-bar span { background: linear-gradient(180deg, #2fd36a, #117332); }
.ride-low .ride-bar span { background: linear-gradient(180deg, #f6bf1a, #b86e00); }
.ride-high .ride-bar span,
.ride-max .ride-bar span { background: linear-gradient(180deg, #e51f38, #8e0f20); }
.ride-empty .ride-bar span { background: rgba(255,255,255,.18); }

@media (max-width: 650px) {
    .ride-bar-wrap {
        position: static;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        margin: -3px 0 8px;
    }

    .ride-bar {
        width: 52px;
        height: 8px;
    }

    .ride-bar span {
        height: 100% !important;
        width: 0%;
    }
}

@media (max-width: 650px) {
    .tyre-brake-layout {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .wheel-hud-front-left,
    .wheel-hud-front-right,
    .hud-center-box,
    .wheel-hud-rear-left,
    .wheel-hud-rear-right {
        grid-column: 1;
        grid-row: auto;
    }

    .hud-center-box {
        height: 54px;
        border-radius: 8px;
    }
}


/* ============================================================
   LAYOUT COTE A COTE : HUD PNEUS/FREINS + FORCE G
   ============================================================ */

.telemetry-hud-row{
    display:grid;
    grid-template-columns: 2.1fr 1.05fr 1.15fr .95fr;
    gap:10px;
    align-items:stretch;
}

.telemetry-hud-col{
    min-width:0;
}

.telemetry-hud-col-tyres{
    grid-column:1;
}

.telemetry-hud-col-gforce{
    grid-column:2;
}

.telemetry-hud-col-delta{
    grid-column:3;
}

.telemetry-hud-col-metrics{
    grid-column:4;
}

.telemetry-hud-col {
    min-width: 0;
}

.telemetry-hud-row .tyre-brake-hud,
.telemetry-hud-row .g-force-meter-panel {
    margin-top: 0;
    height: 100%;
}

.telemetry-hud-row .g-force-meter-panel {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(260px, 1fr);
    align-items: center;
    min-height: 100%;
}

.telemetry-hud-row .g-meter-wrap {
    justify-content: center;
}

.telemetry-hud-row #gForceCanvas {
    width: 260px !important;
    height: 260px !important;
}

@media (max-width: 1200px) {
    .telemetry-hud-row {
        grid-template-columns: 1fr;
    }

    .telemetry-hud-row .g-force-meter-panel {
        grid-template-columns: 1fr;
    }

    .sector-splits-grid {
        grid-template-columns: 1fr;
    }
}


.trackmap-block {
    border-top-color: rgba(255,210,0,.45);
}

.trackmap-pro-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 10px;
    color: #7e879b;
    font-family: 'Saira Condensed', sans-serif;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.trackmap-pro-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.trackmap-pro-legend span::before {
    content: "";
    width: 10px;
    height: 4px;
    border-radius: 99px;
    background: currentColor;
}

.trackmap-pro-legend .s1 { color: #ffd400; }
.trackmap-pro-legend .s2 { color: #20d36b; }
.trackmap-pro-legend .s3 { color: #1e88ff; }
.trackmap-pro-legend .s4 { color: #FF2F43; }

.trackmap-help {
    color: #8b93a8;
}

@media (max-width: 1500px) {
    .live-current-grid {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

@media (max-width: 1200px) {
    .motec-header {
        grid-template-columns: 1fr;
    }

    .motec-grid {
        grid-template-columns: 1fr;
    }

    .motec-sidebar {
        position: static;
    }

    .driver-list {
        max-height: none;
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .motec-meta-row,
    .motec-summary,
    .charts-grid {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .live-focus-header,
    .recorded-laps-header,
    .chart-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 780px) {
    .motec-shell {
        padding: 12px 12px 36px;
    }

    .motec-meta-row,
    .motec-summary,
    .motec-current-grid,
    .live-current-grid,
    .charts-grid,
    .driver-list {
        grid-template-columns: 1fr;
    }

    .chart-card.wide {
        grid-column: auto;
    }

    .field-block,
    .motec-session-form select {
        min-width: 0;
        width: 100%;
    }
}


/* === PATCH: header pilote compact transparent === */
.motec-summary {
    grid-template-columns: minmax(300px, 420px) repeat(2, minmax(170px, .55fr));
    gap: 8px;
}
.summary-card.hero {
    background: rgba(255,255,255,.018) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-left: 3px solid rgba(53,208,127,.95) !important;
    border-top: 1px solid rgba(255,85,0,.22) !important;
    box-shadow: none !important;
    padding: 9px 11px !important;
    min-height: 58px;
    max-width: 420px;
}
.summary-card.hero > span {
    display: none !important;
}
.summary-card.hero #driverName {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    font-size: 1.02rem !important;
    line-height: 1 !important;
}
.summary-card.hero #driverNameText {
    color: #ff9a4d !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
}
.summary-card.hero .driver-flag {
    margin-right: 0 !important;
}
.summary-card.hero .driver-flag img {
    width: 24px !important;
    height: 16px !important;
    border-radius: 1px !important;
    box-shadow: none !important;
}
.summary-card.hero #driverMeta {
    margin-top: 7px !important;
    width: 100% !important;
}
.summary-card.hero .driver-identity-line {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 20px !important;
}
.summary-card.hero .driver-brand-badge {
    width: 24px !important;
    height: 16px !important;
}
.summary-card.hero .driver-brand-badge img {
    max-width: 22px !important;
    max-height: 14px !important;
}
.summary-card.hero .driver-team-name {
    flex: 0 1 auto !important;
    max-width: 300px !important;
    color: #8e96ad !important;
    font-size: .64rem !important;
    line-height: 1 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
}
.summary-card.hero .telemetry-category-badge {
    margin-left: 4px !important;
    min-width: 27px !important;
    height: 17px !important;
    padding: 0 7px !important;
    font-size: .56rem !important;
    letter-spacing: .04em !important;
}
.summary-card:not(.hero) {
    padding: 10px 12px !important;
    min-height: 62px;
}
.summary-card:not(.hero) span {
    margin-bottom: 4px !important;
}
.summary-card:not(.hero) strong {
    font-size: 1.08rem !important;
}
.summary-card:not(.hero) small {
    margin-top: 3px !important;
}
@media (max-width: 1200px) {
    .motec-summary { grid-template-columns: 1fr; }
}

/* compact team row: logo + équipe + badge restent groupés, sans grand espace vide */
.summary-card.hero .driver-identity-line .driver-brand-badge,
.summary-card.hero .driver-identity-line .driver-team-name,
.summary-card.hero .driver-identity-line .telemetry-category-badge {
    align-self: center !important;
}
.summary-card.hero .driver-identity-line .driver-brand-badge {
    margin-right: 1px !important;
}
.summary-card.hero .driver-identity-line .telemetry-category-badge {
    flex: 0 0 auto !important;
}

/* === /PATCH === */


/* === PATCH FORCE G 4G + HEADER AU-DESSUS + FOND UNIFORME === */
.g-force-meter-panel {
    margin-top: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-top: 1px solid rgba(255,85,0,.38) !important;
    background: rgba(3,5,10,.92) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: auto !important;
}

.g-force-meter-head {
    width: 260px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    align-items: end !important;
}

.g-force-meter-head strong {
    display: block !important;
    color: #fff !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-size: .92rem !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

.g-force-kicker {
    display: block !important;
    color: #ff9a4d !important;
    font-size: .62rem !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .16em !important;
    margin-bottom: 3px !important;
}

.g-meter-values {
    display: grid !important;
    grid-template-columns: repeat(2, auto) !important;
    gap: 10px !important;
    justify-content: end !important;
    color: #9299ae !important;
    font-family: 'Saira Condensed', sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
}

.g-meter-values span {
    display: grid !important;
    gap: 3px !important;
    text-align: center !important;
}

.g-meter-values strong {
    display: block !important;
    color: #ff9a4d !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.g-meter-wrap {
    width: 260px !important;
    height: 260px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#gForceCanvas,
.telemetry-hud-row #gForceCanvas {
    width: 260px !important;
    height: 260px !important;
    background: rgba(3,5,10,.92) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    display: block !important;
}
/* === /PATCH FORCE G === */


.telemetry-top-layout{
    display:grid;
    grid-template-columns:1.05fr 1fr .85fr;
    gap:8px;
    align-items:stretch;
}

.telemetry-driver-card{
    border-left:3px solid #00d084;
}

.telemetry-driver-card #driverName{
    display:flex;
    align-items:center;
    gap:8px;
    color:#ff6a00;
    font-size:14px;
    text-transform:uppercase;
}

.telemetry-best-card strong{
    font-size:22px;
}

.telemetry-delta-card{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

/* === DELTA TOP CARD FIX === */
.telemetry-delta-card strong,
#categoryBest {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-family: 'Saira Condensed', sans-serif !important;
    font-size: 3rem !important;
    line-height: 1 !important;
    font-style: italic !important;
    font-weight: 1000 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;
    font-variant-numeric: tabular-nums !important;
    white-space: nowrap !important;
}

#categoryBest.delta-positive {
    color: #ff2b2b !important;
    text-shadow: 0 0 18px rgba(255,43,43,.42);
}

#categoryBest.delta-negative {
    color: #35d07f !important;
    text-shadow: 0 0 18px rgba(53,208,127,.42);
}

#categoryBest.delta-zero {
    color: #ffffff !important;
}

#categoryBest.delta-empty {
    color: #6b738a !important;
}

.telemetry-main-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:10px;
    margin-top:10px;
}

.telemetry-left-stack{
    min-width:0;
}

.telemetry-last-lap-card{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:8px;
}

.telemetry-last-time{
    min-height:128px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.telemetry-last-time strong{
    font-size:26px;
    color:#fff;
}

.telemetry-last-time::after{
    content:"dernier chrono";
    color:#ff0050;
    font-size:42px;
    font-weight:1000;
    font-style:italic;
    line-height:.8;
    letter-spacing:-3px;
    margin-top:-6px;
}

.telemetry-last-sector-panel{
    padding:0;
}

.telemetry-last-sector-panel .sector-splits-grid{
    display:flex;
    flex-direction:column;
    gap:0;
}

.telemetry-last-sector-panel .sector-row{
    grid-template-columns:1fr 1fr;
    min-height:44px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.telemetry-last-sector-panel .sector-row.single{
    display:grid;
}

@media(max-width:1200px){
    .telemetry-top-layout,
    .telemetry-main-row{
        grid-template-columns:1fr;
    }
}







/* === TELEMETRY FINAL 4 COLONNES / DELTA CARD FIX === */
.telemetry-hud-row{
    display:grid !important;
    grid-template-columns:minmax(500px,2.05fr) minmax(260px,.95fr) minmax(300px,1.15fr) minmax(240px,.85fr) !important;
    gap:10px !important;
    align-items:stretch !important;
}
.telemetry-hud-col-tyres{grid-column:1 !important;}
.telemetry-hud-col-gforce{grid-column:2 !important;}
.telemetry-hud-col-delta{grid-column:3 !important; min-width:0;}
.telemetry-hud-col-metrics{grid-column:4 !important; min-width:0;}
.telemetry-delta-column{
    height:100%;
    display:grid;
    grid-template-rows:minmax(76px,auto) minmax(96px,auto) minmax(90px,auto);
    gap:10px;
}
.delta-driver-card,
.delta-time-card,
.delta-sector-card{
    position:relative;
    overflow:hidden;
    padding:13px 14px;
    background:linear-gradient(180deg,rgba(17,19,31,.92),rgba(7,9,17,.96));
    border:1px solid rgba(255,255,255,.07);
    border-top:1px solid rgba(255,85,0,.42);
    border-left:1px solid rgba(255,85,0,.28);
    color:#eef1f8;
}
.delta-driver-card{border-left:3px solid #35d07f;}
.right-driver-title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    color:#ff9a4d !important;
    font-family:'Saira Condensed',sans-serif !important;
    font-size:1rem !important;
    font-weight:950 !important;
    line-height:1 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
}
.right-driver-flag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.right-driver-flag img{width:24px;height:16px;object-fit:cover;border-radius:1px;display:block;}
.delta-driver-card small{display:block;margin-top:9px;}
.delta-driver-card .driver-identity-line{display:flex !important;align-items:center !important;gap:7px !important;width:100% !important;min-width:0;}
.delta-driver-card .driver-brand-badge{width:28px !important;height:18px !important;}
.delta-driver-card .driver-brand-badge img{max-width:26px !important;max-height:16px !important;}
.delta-driver-card .driver-team-name{font-size:.68rem !important;color:#a3abc0 !important;text-transform:uppercase !important;letter-spacing:.06em !important;}
.delta-driver-card .telemetry-category-badge{height:18px !important;min-width:30px !important;font-size:.56rem !important;}
.delta-time-card span,
.delta-sector-card span{
    display:block;
    margin-bottom:8px;
    color:#7e879b;
    font-family:'Saira Condensed',sans-serif;
    font-size:.72rem;
    font-weight:950;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.delta-time-card strong{
    display:block;
    color:#fff;
    font-family:'Saira Condensed',sans-serif;
    font-size:1.55rem;
    line-height:1;
    font-weight:950;
}
.delta-time-card small{display:block;margin-top:8px;color:#9299ae;}
.delta-sector-card{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:7px 12px;
    align-items:center;
}
.delta-sector-card span{grid-column:1 / -1;margin-bottom:0;}
.delta-sector-card strong{
    color:#fff;
    font-family:'Saira Condensed',sans-serif;
    font-size:1.02rem;
    font-weight:950;
    text-transform:uppercase;
}
.sector-row:first-child strong,
.sector-row-best strong,
#bestSector1,#bestSector2,#bestSector3{
    color:#d36bff !important;
    text-shadow:0 0 10px rgba(211,107,255,.25);
}
.g-force-meter-panel{width:auto !important;min-width:0 !important;height:100% !important;}
.g-force-meter-head,.g-meter-wrap{max-width:260px !important;}
@media(max-width:1500px){
  .telemetry-hud-row{grid-template-columns:1fr 1fr !important;}
  .telemetry-hud-col-tyres,.telemetry-hud-col-gforce,.telemetry-hud-col-delta,.telemetry-hud-col-metrics{grid-column:auto !important;}
}
@media(max-width:900px){
  .telemetry-hud-row{grid-template-columns:1fr !important;}
}
/* === /TELEMETRY FINAL 4 COLONNES / DELTA CARD FIX === */



.telemetry-delta-card{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;
    min-height:92px;
    background:
        radial-gradient(circle at center, rgba(255,0,80,.12), transparent 70%),
        linear-gradient(180deg, rgba(17,19,31,.96), rgba(9,11,20,.98));
}

.telemetry-delta-wrap{
    width:100%;
    text-align:center;
}

.telemetry-delta-card span{
    display:block;
    margin-bottom:6px;
    color:#7e879b;
    font-family:'Saira Condensed',sans-serif;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.telemetry-delta-card strong{
    display:block;
    font-family:'Saira Condensed',sans-serif;
    font-size:3rem;
    line-height:.9;
    font-style:italic;
    font-weight:1000;
    letter-spacing:-3px;
    color:#ff0050;
    text-shadow:
        0 0 18px rgba(255,0,80,.45),
        0 0 38px rgba(255,0,80,.18);
}

.telemetry-delta-card small{
    display:block;
    margin-top:6px;
    color:#9aa3b8;
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
}

#categoryBest.delta-positive {
    color: #ff2b2b !important;
    text-shadow: 0 0 14px rgba(255,43,43,.45);
}

#categoryBest.delta-negative {
    color: #35d07f !important;
    text-shadow: 0 0 14px rgba(53,208,127,.45);
}

#categoryBest.delta-zero {
    color: #ffffff !important;
}

#categoryBest.delta-empty {
    color: #6b738a !important;
}


.right-driver-title{
    display:flex;
    align-items:center;
    gap:10px;
}

.right-driver-flag{
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:16px;
    overflow:hidden;
    border-radius:3px;
    flex-shrink:0;
}

.country-flag-img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

</style>


/* =========================================================
   SRH DELTA STYLE FIX
   ========================================================= */

.tmpro-sector-delta,
.trackmap-sector-delta{
    font-weight:900 !important;
    font-size:.82rem !important;
}

.tmpro-sector-delta.delta-gain,
.trackmap-sector-delta.delta-gain{
    color:#3dff8f !important;
}

.tmpro-sector-delta.delta-loss,
.trackmap-sector-delta.delta-loss{
    color:#ff5c5c !important;
}

.tmpro-sector-delta::before,
.tmpro-sector-delta::after,
.trackmap-sector-delta::before,
.trackmap-sector-delta::after{
    content:none !important;
}
