.kion-sp {
    --kion-bg: #050b16;
    --kion-card: rgba(9, 18, 33, 0.92);
    --kion-card-soft: rgba(11, 29, 52, 0.74);
    --kion-line: rgba(84, 204, 255, 0.22);
    --kion-blue: #39b8ff;
    --kion-lime: #c7ff2e;
    --kion-text: #f2f7ff;
    --kion-muted: #9fb2c8;
    --kion-danger: #ff667c;
    color: var(--kion-text);
    max-width: 1180px;
    margin: 0 auto;
    padding: 32px 18px 54px;
}
.kion-sp * { box-sizing: border-box; }
.kion-sp-hero,
.kion-sp-step,
.kion-sp-admin-card {
    background: linear-gradient(145deg, rgba(7, 15, 29, 0.96), rgba(7, 27, 47, 0.90));
    border: 1px solid var(--kion-line);
    border-radius: 24px;
    box-shadow: 0 0 34px rgba(57, 184, 255, 0.10), inset 0 1px 0 rgba(255,255,255,.05);
}
.kion-sp-hero { padding: 34px; margin-bottom: 22px; }
.kion-sp-kicker,
.kion-sp-step-number {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    color: var(--kion-lime);
    border: 1px solid rgba(199,255,46,.38);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
}
.kion-sp h1,
.kion-sp h2 { margin: 12px 0 10px; color: var(--kion-text); }
.kion-sp h1 { font-size: clamp(34px, 5vw, 58px); line-height: 0.95; }
.kion-sp h2 { font-size: clamp(22px, 3vw, 34px); }
.kion-sp p { color: var(--kion-muted); line-height: 1.6; }
.kion-sp-step { padding: 28px; margin-bottom: 22px; }
.kion-sp-step-head { display: flex; flex-direction: column; gap: 6px; margin-bottom: 20px; }
.kion-sp-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 20px; }
.kion-sp-source-card {
    display: block;
    cursor: pointer;
    min-height: 176px;
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(84,204,255,.22);
    background: rgba(5, 13, 26, .72);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.kion-sp-source-card:hover,
.kion-sp-source-card.is-active {
    transform: translateY(-2px);
    border-color: rgba(199,255,46,.72);
    box-shadow: 0 0 26px rgba(199,255,46,.08), 0 0 24px rgba(57,184,255,.12);
}
.kion-sp-source-card input { position: absolute; opacity: 0; pointer-events: none; }
.kion-sp-source-title { display: block; color: var(--kion-text); font-size: 20px; font-weight: 850; margin-bottom: 10px; }
.kion-sp-source-text { display: block; color: var(--kion-muted); line-height: 1.55; }
.kion-sp-panel {
    background: rgba(3, 9, 19, .55);
    border: 1px solid rgba(84,204,255,.14);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 18px;
}
.kion-sp label { display: block; color: var(--kion-text); font-weight: 750; margin-bottom: 8px; }
.kion-sp input,
.kion-sp select,
.kion-sp textarea,
.kion-sp-admin input,
.kion-sp-admin select,
.kion-sp-admin textarea {
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    border: 1px solid rgba(84,204,255,.24);
    border-radius: 14px;
    background: rgba(2, 7, 16, .82);
    color: var(--kion-text);
    padding: 12px 14px;
    outline: none;
}
.kion-sp input:focus,
.kion-sp select:focus,
.kion-sp textarea:focus {
    border-color: rgba(199,255,46,.76);
    box-shadow: 0 0 0 3px rgba(199,255,46,.11);
}
.kion-sp-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.kion-sp-fields p { margin: 0; }
.kion-sp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(199,255,46,.62);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(199,255,46,.95), rgba(57,184,255,.9));
    color: #06101d;
    font-weight: 900;
    padding: 13px 22px;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(57,184,255,.15);
}
.kion-sp-button[disabled] { opacity: .58; cursor: wait; }
.kion-sp-message { margin-top: 12px; font-weight: 750; color: var(--kion-lime); }
.kion-sp-message.is-error { color: var(--kion-danger); }
.kion-sp-note,
.kion-sp-live-note {
    border-left: 3px solid var(--kion-blue);
    padding: 10px 14px;
    background: rgba(57,184,255,.07);
    border-radius: 12px;
}
.kion-sp-status-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 15px 0 20px;
}
.kion-sp-status-row span {
    border: 1px solid rgba(84,204,255,.20);
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(2,7,16,.55);
    color: var(--kion-muted);
}
.kion-sp-status-row strong { color: var(--kion-lime); }
.kion-sp-admin-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 22px; margin-top: 22px; }
.kion-sp-admin-card { padding: 22px; color: var(--kion-text); }
.kion-sp-admin .form-table th,
.kion-sp-admin .form-table td { color: var(--kion-text); }
.kion-sp-admin .description { color: var(--kion-muted); }
.kion-sp-version { color: var(--kion-lime); font-size: 14px; vertical-align: middle; }
.kion-sp-danger { color: var(--kion-danger); }
@media (max-width: 760px) {
    .kion-sp-source-grid,
    .kion-sp-fields { grid-template-columns: 1fr; }
    .kion-sp-hero,
    .kion-sp-step { padding: 22px; }
}

.kion-sp-date-time-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(160px, .55fr);
    gap: 14px 18px;
}
.kion-sp-date-picker,
.kion-sp-time-picker {
    min-height: 48px;
}
.kion-sp-time-picker {
    cursor: pointer;
}
@media (max-width: 760px) {
    .kion-sp-date-time-row { grid-template-columns: 1fr; }
}


/* v3.12.70 saved individual planner list */
.kion-sp-existing-planners{margin-top:22px;padding-top:18px;border-top:1px solid rgba(144,255,41,.18)}
.kion-sp-existing-head{margin-bottom:12px}
.kion-sp-saved-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:12px}
.kion-sp-saved-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(4,12,24,.72);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.kion-sp-saved-card.is-active{border-color:rgba(144,255,41,.72);box-shadow:0 0 24px rgba(144,255,41,.16)}
.kion-sp-saved-card h3{margin:.2rem 0 .25rem;font-size:1rem}
.kion-sp-saved-card p{margin:.15rem 0;color:rgba(255,255,255,.72)}
@media (max-width:680px){.kion-sp-saved-card{align-items:flex-start;flex-direction:column}.kion-sp-saved-card .button{width:100%;text-align:center}}

.kion-sp-existing-planners-top{margin:0 0 24px 0;padding:22px;border:1px solid rgba(144,255,41,.2);border-radius:22px;background:rgba(4,12,24,.62)}
.kion-sp-existing-planners-top .kion-sp-saved-grid{margin-top:14px}


.kion-sp-hidden-load-form { display: none; }
.kion-sp-load-existing-panel {
    border: 1px solid rgba(77, 211, 255, 0.24);
    border-radius: 18px;
    padding: 18px;
    margin-bottom: 18px;
    background: rgba(10, 20, 34, 0.62);
}
.kion-sp-load-existing-panel h3 {
    margin: 0 0 8px;
    color: #f7fbff;
}
.kion-sp-load-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(260px, 2fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 14px;
}
@media (max-width: 760px) {
    .kion-sp-load-row { grid-template-columns: 1fr; }
}

/* v3.12.75 individual availability + coverage */
.individual-availability-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    margin-top: 18px;
}
.coverage-summary-grid strong { color: var(--kion-lime); }
.coverage-overview-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 18px;
}
.coverage-slot-row {
    display: grid;
    grid-template-columns: minmax(180px, .85fr) minmax(140px, .55fr) minmax(0, 2fr);
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: rgba(4,12,24,.72);
}
.coverage-slot-row.covered { border-color: rgba(144,255,41,.28); }
.coverage-slot-row.single-driver { border-color: rgba(255,190,90,.42); }
.coverage-slot-row.needs-driver { border-color: rgba(255,80,80,.46); }
.coverage-slot-time strong { display: block; color: #f7fbff; }
.coverage-slot-time small,
.coverage-slot-drivers small { display: block; color: rgba(255,255,255,.68); }
.coverage-slot-drivers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.coverage-driver-chip {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid rgba(77,211,255,.24);
    border-radius: 14px;
    background: rgba(77,211,255,.07);
    color: #f7fbff;
}
.coverage-driver-chip small { font-size: .78rem; }
@media (max-width: 860px) {
    .coverage-slot-row { grid-template-columns: 1fr; }
}


/* v3.12.77 custom availability slot visibility fix */
.individual-availability-grid .availability-card {
    display: block;
}
.individual-availability-grid .hourly-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.individual-availability-grid .hour-slot-pill {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.045);
    cursor: pointer;
}
.individual-availability-grid .hour-slot-pill input {
    align-self: flex-start;
}
.individual-availability-grid .hour-slot-pill span {
    color: #f7fbff;
    font-weight: 700;
}
.individual-availability-grid .hour-slot-pill small {
    color: rgba(255,255,255,.68);
}
.individual-availability-grid .hour-slot-pill:has(input:checked),
.individual-availability-grid .hour-slot-pill.is-selected {
    border-color: rgba(173,255,47,.55);
    background: rgba(173,255,47,.08);
}


/* v3.12.78 live custom availability coverage colors */
.custom-inline-coverage-check {
    margin-top: 20px;
}
.individual-availability-grid .hour-slot-pill {
    position: relative;
    border-width: 2px;
}
.individual-availability-grid .hour-slot-pill.needs-driver {
    border-color: rgba(255, 80, 80, .70);
    background: rgba(255, 80, 80, .075);
}
.individual-availability-grid .hour-slot-pill.single-driver {
    border-color: rgba(255, 180, 70, .78);
    background: rgba(255, 180, 70, .09);
}
.individual-availability-grid .hour-slot-pill.covered {
    border-color: rgba(144, 255, 41, .72);
    background: rgba(144, 255, 41, .08);
}
.individual-availability-grid .hour-slot-pill.is-selected {
    box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 0 18px rgba(57,184,255,.12);
}
.slot-coverage-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    width: fit-content;
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: .03em;
    border: 1px solid rgba(255,255,255,.16);
    color: #06101d;
}
.slot-coverage-indicator.needs-driver {
    background: #ff4f66;
    border-color: rgba(255,79,102,.85);
}
.slot-coverage-indicator.single-driver {
    background: #ffb347;
    border-color: rgba(255,179,71,.85);
}
.slot-coverage-indicator.covered {
    background: #aaff2d;
    border-color: rgba(170,255,45,.85);
}
.coverage-slot-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.coverage-slot {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    padding: 12px;
    background: rgba(4,12,24,.72);
}
.coverage-slot.uncovered {
    border-color: rgba(255,80,80,.70);
    background: rgba(255,80,80,.08);
}
.coverage-slot.single-covered {
    border-color: rgba(255,180,70,.76);
    background: rgba(255,180,70,.09);
}
.coverage-slot.covered {
    border-color: rgba(144,255,41,.72);
    background: rgba(144,255,41,.08);
}
.coverage-slot strong,
.coverage-slot small { display: block; }
.coverage-slot strong { color: #f7fbff; margin-bottom: 8px; }
.coverage-slot small { color: rgba(255,255,255,.68); margin-top: 8px; }
.coverage-summary {
    border-radius: 14px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid rgba(255,255,255,.13);
    color: #f7fbff;
}
.coverage-summary.danger { border-color: rgba(255,80,80,.62); background: rgba(255,80,80,.08); }
.coverage-summary.warning { border-color: rgba(255,180,70,.62); background: rgba(255,180,70,.08); }
.coverage-summary.success { border-color: rgba(144,255,41,.62); background: rgba(144,255,41,.08); }
.coverage-summary.neutral { border-color: rgba(84,204,255,.22); background: rgba(84,204,255,.07); }

/* v3.12.79 custom event performance strategy inputs */
.kion-engineer-data-panel {
    border: 1px solid rgba(84,204,255,.18);
    background: rgba(5,14,28,.58);
    border-radius: 22px;
    padding: 18px;
    margin: 16px 0;
}
.planner-step-heading.compact {
    margin-bottom: 14px;
}
.planner-step-heading.compact h4 {
    margin: 2px 0 0;
    color: #f7fbff;
}
.kion-performance-driver-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 16px;
}
.kion-performance-driver-card {
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 20px;
    padding: 16px;
    background: rgba(2,8,18,.74);
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
}
.kion-performance-driver-card h4 {
    margin: 0 0 12px;
    color: #aaff2d;
}
.kion-performance-calculation {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.kion-performance-calculation div {
    border: 1px solid rgba(170,255,45,.16);
    background: rgba(170,255,45,.06);
    border-radius: 14px;
    padding: 10px;
}
.kion-performance-calculation span {
    display: block;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 4px;
}
.kion-performance-calculation strong {
    display: block;
    color: #f7fbff;
    font-size: 13px;
}
.kion-alert.info {
    border-color: rgba(84,204,255,.35);
    background: rgba(84,204,255,.08);
}

/* v3.12.80 custom draft stint plan generator */
.kion-draft-summary-grid,
.kion-driver-model-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin: 16px 0;
}
.kion-draft-summary-grid > div,
.kion-driver-model-card {
    border: 1px solid rgba(84,204,255,.18);
    border-radius: 18px;
    background: rgba(4,12,24,.74);
    padding: 14px;
}
.kion-draft-summary-grid span,
.kion-driver-model-card span {
    display: block;
    color: rgba(255,255,255,.62);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 4px;
}
.kion-draft-summary-grid strong,
.kion-driver-model-card strong {
    display: block;
    color: #f7fbff;
}
.kion-driver-model-card.ready { border-color: rgba(144,255,41,.42); }
.kion-driver-model-card.missing { border-color: rgba(255,180,70,.50); }
.kion-driver-model-card h4 { margin: 0 0 10px; color: #aaff2d; }
.kion-driver-model-card div { margin-top: 8px; }
.kion-draft-stint-table-wrap {
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    margin-top: 18px;
}
.kion-draft-stint-table {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
    color: #f7fbff;
    background: rgba(3,9,19,.70);
}
.kion-draft-stint-table th,
.kion-draft-stint-table td {
    padding: 12px 10px;
    border-bottom: 1px solid rgba(255,255,255,.10);
    vertical-align: top;
    text-align: left;
}
.kion-draft-stint-table th {
    color: #aaff2d;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgba(84,204,255,.07);
}
.kion-draft-stint-table td small {
    display: block;
    color: rgba(255,255,255,.62);
    margin-top: 4px;
}
.kion-draft-stint-table .draft-status-ready td:first-child { border-left: 4px solid #aaff2d; }
.kion-draft-stint-table .draft-status-missing_data td:first-child { border-left: 4px solid #ffb347; }
.kion-draft-stint-table .draft-status-uncovered td:first-child { border-left: 4px solid #ff4f66; }
.kion-muted { color: rgba(255,255,255,.58); }

/* v3.12.83 editable final stint plan */
.kion-final-plan-table-wrap {
    overflow-x: auto;
    margin-top: 18px;
    border: 1px solid rgba(79,216,255,.16);
    border-radius: 18px;
    background: rgba(3, 10, 22, .78);
}
.kion-final-plan-table {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
}
.kion-final-plan-table th,
.kion-final-plan-table td {
    padding: 12px 10px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    vertical-align: top;
    text-align: left;
}
.kion-final-plan-table th {
    color: #aaff2d;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgba(79,216,255,.06);
}
.kion-final-plan-table input,
.kion-final-plan-table select,
.kion-final-plan-table textarea {
    width: 100%;
    min-width: 82px;
    border-radius: 10px;
    border: 1px solid rgba(79,216,255,.22);
    background: rgba(0,0,0,.28);
    color: #fff;
    padding: 8px 9px;
}
.kion-final-plan-table textarea {
    min-width: 210px;
    resize: vertical;
    margin-top: 8px;
}
.final-plan-row.final-plan-ready {
    box-shadow: inset 4px 0 0 rgba(144,255,41,.75);
}
.final-plan-row.final-plan-warning {
    box-shadow: inset 4px 0 0 rgba(255,176,0,.85);
}
.final-warning-chip {
    display: inline-flex;
    align-items: center;
    margin: 0 5px 5px 0;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.final-warning-chip.ready {
    color: #baff5a;
    border: 1px solid rgba(144,255,41,.35);
    background: rgba(144,255,41,.08);
}
.final-warning-chip.warning {
    color: #ffd36b;
    border: 1px solid rgba(255,176,0,.35);
    background: rgba(255,176,0,.09);
}
.kion-lock-toggle {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    white-space: nowrap;
    color: #dce7ff;
    font-size: 12px;
    font-weight: 700;
}
.kion-lock-toggle input {
    width: auto;
    min-width: 0;
}

/* v3.12.85 compact final stint plan cards: no horizontal scrolling */
.kion-final-plan-card-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 18px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}
.kion-final-plan-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(79,216,255,.16);
    background: linear-gradient(135deg, rgba(3,10,22,.9), rgba(7,22,45,.72));
    box-shadow: 0 14px 34px rgba(0,0,0,.28);
    box-sizing: border-box;
}
.kion-final-plan-card.final-plan-ready { border-left: 4px solid rgba(144,255,41,.78); }
.kion-final-plan-card.final-plan-warning { border-left: 4px solid rgba(255,176,0,.9); }
.kion-final-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    min-width: 0;
}
.kion-final-card-header strong {
    display: block;
    color: #fff;
    line-height: 1.25;
    overflow-wrap: anywhere;
}
.kion-final-card-kicker {
    display: block;
    color: #aaff2d;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 800;
    margin-bottom: 3px;
}
.kion-final-coverage-pill {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
}
.kion-final-coverage-pill.has-coverage {
    color: #baff5a;
    border: 1px solid rgba(144,255,41,.34);
    background: rgba(144,255,41,.08);
}
.kion-final-coverage-pill.no-coverage {
    color: #ff8b9a;
    border: 1px solid rgba(255,79,102,.34);
    background: rgba(255,79,102,.08);
}
.kion-final-card-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
    gap: 10px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.kion-final-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    color: rgba(255,255,255,.72);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.kion-final-field-wide {
    grid-column: span 2;
}
.kion-final-field input,
.kion-final-field select,
.kion-final-field textarea {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid rgba(79,216,255,.22);
    background: rgba(0,0,0,.28);
    color: #fff;
    padding: 8px 9px;
    font-size: 13px;
}
.kion-final-note-field {
    margin-top: 10px;
}
.kion-final-note-field textarea {
    resize: vertical;
    min-height: 54px;
}
.kion-final-lock-field {
    align-self: end;
    min-height: 36px;
    padding: 8px 9px;
    border-radius: 10px;
    border: 1px solid rgba(79,216,255,.14);
    background: rgba(255,255,255,.035);
    box-sizing: border-box;
}
.kion-final-card-warnings {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    min-width: 0;
}
.kion-final-plan-form,
.kion-final-plan-form * {
    max-width: 100%;
}
@media (max-width: 720px) {
    .kion-final-plan-card { padding: 12px; }
    .kion-final-card-header {
        flex-direction: column;
        align-items: stretch;
    }
    .kion-final-coverage-pill { width: fit-content; }
    .kion-final-card-fields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .kion-final-field-wide {
        grid-column: 1 / -1;
    }
}
@media (max-width: 420px) {
    .kion-final-card-fields {
        grid-template-columns: 1fr;
    }
}


/* Kion v3.12.91 — FORCE LOADED Race Control Engineer Pitwall UI
   This lives in the actual stint planner asset, not only style.css, so it is loaded on /stint-planner/. */
.kion-race-control-panel {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(16px, 2vw, 26px) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(82,216,255,.34) !important;
  background:
    linear-gradient(rgba(82,216,255,.040) 1px, transparent 1px),
    linear-gradient(90deg, rgba(82,216,255,.030) 1px, transparent 1px),
    radial-gradient(circle at 10% 4%, rgba(183,255,0,.18), transparent 31%),
    radial-gradient(circle at 88% 0%, rgba(82,216,255,.24), transparent 34%),
    linear-gradient(135deg, #01050d 0%, #06162d 48%, #020711 100%) !important;
  background-size: 42px 42px, 42px 42px, auto, auto, auto !important;
  box-shadow: 0 34px 95px rgba(0,0,0,.66), inset 0 0 0 1px rgba(255,255,255,.045), inset 0 0 90px rgba(82,216,255,.04) !important;
}
.kion-race-control-panel:before {
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 11%, transparent 88%, rgba(183,255,0,.04)),
    repeating-linear-gradient(90deg, transparent 0, transparent 18px, rgba(255,255,255,.018) 19px, transparent 20px) !important;
  opacity:.88 !important;
  z-index:0 !important;
}
.kion-race-control-panel > * { position:relative !important; z-index:1 !important; }
.kion-race-control-topbar {
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:18px !important;
  margin-bottom:22px !important;
  padding:22px 24px !important;
  border-radius:26px !important;
  border:1px solid rgba(82,216,255,.38) !important;
  background:
    linear-gradient(90deg, rgba(183,255,0,.14), transparent 28%),
    linear-gradient(135deg, rgba(2,9,20,.97), rgba(5,25,50,.86)) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.48), inset 0 0 0 1px rgba(255,255,255,.05) !important;
}
.kion-race-control-topbar h3 {
  margin:4px 0 7px !important;
  color:#fff !important;
  font-size:clamp(2.2rem, 4vw, 3.9rem) !important;
  line-height:.95 !important;
  letter-spacing:-.075em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 28px rgba(82,216,255,.25) !important;
}
.kion-race-control-topbar p { margin:0 !important; max-width:860px !important; color:rgba(228,244,255,.73) !important; line-height:1.45 !important; }
.kion-rc-kicker, .kion-rc-section-title span, .kion-rc-label {
  color:#b7ff00 !important;
  font-size:.72rem !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.kion-rc-kicker:before { content:'● '; color:#b7ff00 !important; text-shadow:0 0 14px rgba(183,255,0,.9) !important; }
.kion-rc-live-badge {
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:12px 15px !important;
  border-radius:14px !important;
  border:1px solid rgba(183,255,0,.38) !important;
  background:linear-gradient(135deg, rgba(183,255,0,.18), rgba(82,216,255,.075)) !important;
  color:#e2ff9d !important;
  font-size:.78rem !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.075em !important;
  white-space:nowrap !important;
  box-shadow:0 0 28px rgba(183,255,0,.14), inset 0 0 0 1px rgba(255,255,255,.045) !important;
}
.kion-rc-live-badge span, .kion-live-status-pill i {
  width:9px !important; height:9px !important; border-radius:999px !important; background:#b7ff00 !important; box-shadow:0 0 18px rgba(183,255,0,.95) !important;
}
.kion-rc-command-center {
  display:grid !important;
  grid-template-columns:minmax(250px,.95fr) minmax(280px,1.15fr) minmax(360px,1.9fr) !important;
  gap:16px !important;
  margin-bottom:22px !important;
}
.kion-rc-hero-card, .kion-rc-metric-strip, .kion-rc-decision-wall, .kion-rc-graph-card, .kion-rc-whatif-card, .kion-rc-decision-output,
.kion-live-stint-card, .kion-rc-input-grid label, .kion-live-global-notes, .kion-live-notes {
  border-radius:19px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.014)), rgba(1,8,18,.88) !important;
  border:1px solid rgba(82,216,255,.26) !important;
  box-shadow:0 18px 54px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.048) !important;
}
.kion-rc-hero-card {
  min-height:138px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:18px !important;
  border-top:3px solid rgba(82,216,255,.72) !important;
}
.kion-rc-hero-card.status-race_started, .kion-rc-hero-card.status-green { border-top-color:#b7ff00 !important; box-shadow:0 18px 54px rgba(0,0,0,.36), 0 0 34px rgba(183,255,0,.11), inset 0 1px 0 rgba(255,255,255,.048) !important; }
.kion-rc-hero-card.status-safety_car, .kion-rc-hero-card.status-repair { border-top-color:#ffb437 !important; }
.kion-rc-hero-card strong { display:block !important; margin-top:7px !important; color:#fff !important; font-size:clamp(1.55rem,2.2vw,2.25rem) !important; line-height:1.05 !important; letter-spacing:-.04em !important; font-weight:950 !important; word-break:break-word !important; }
.kion-rc-hero-card em { color:rgba(230,245,255,.7) !important; font-style:normal !important; font-weight:800 !important; }
.kion-rc-metric-strip {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:1px !important;
  overflow:hidden !important;
  background:rgba(82,216,255,.16) !important;
}
.kion-rc-metric-strip div { min-width:0 !important; padding:16px 14px !important; background:linear-gradient(180deg, rgba(6,24,48,.88), rgba(2,9,20,.92)) !important; }
.kion-rc-metric-strip span, .kion-rc-decision-output span, .kion-live-planned-summary span, .kion-live-card-fields span, .kion-rc-input-grid label > span, .kion-live-global-notes > span, .kion-live-notes > span {
  display:block !important; color:rgba(219,239,255,.62) !important; font-size:.68rem !important; font-weight:950 !important; text-transform:uppercase !important; letter-spacing:.12em !important;
}
.kion-rc-metric-strip strong { display:block !important; margin-top:6px !important; color:#fff !important; font-size:1.22rem !important; line-height:1.1 !important; font-variant-numeric:tabular-nums !important; overflow-wrap:anywhere !important; }
.kion-rc-section-title { display:flex !important; justify-content:space-between !important; align-items:flex-end !important; gap:12px !important; margin:22px 0 12px !important; padding:14px 0 10px !important; border-top:1px solid rgba(82,216,255,.22) !important; }
.kion-rc-section-title.no-border { border-top:0 !important; margin-top:0 !important; padding-top:0 !important; }
.kion-rc-section-title strong { color:#eaf7ff !important; font-size:1.02rem !important; text-transform:uppercase !important; letter-spacing:.085em !important; text-shadow:0 0 18px rgba(82,216,255,.18) !important; }
.kion-rc-decision-wall {
  margin:22px 0 !important; padding:20px !important; border-radius:28px !important; border-color:rgba(183,255,0,.26) !important;
  background:radial-gradient(circle at 0% 0%, rgba(183,255,0,.13), transparent 36%), radial-gradient(circle at 100% 0%, rgba(82,216,255,.16), transparent 38%), linear-gradient(135deg, rgba(1,8,18,.97), rgba(4,20,39,.87)) !important;
}
.kion-rc-decision-grid { display:grid !important; grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr) !important; gap:14px !important; }
.kion-rc-whatif-card { padding:16px !important; display:grid !important; gap:13px !important; border-top:3px solid rgba(183,255,0,.68) !important; }
.kion-rc-whatif-card:before { content:'WHAT-IF COMMAND INPUT'; display:block !important; color:#b7ff00 !important; font-size:.72rem !important; font-weight:950 !important; letter-spacing:.14em !important; }
.kion-rc-whatif-card label { display:grid !important; gap:6px !important; color:rgba(231,245,255,.70) !important; font-size:.75rem !important; font-weight:950 !important; text-transform:uppercase !important; letter-spacing:.07em !important; }
.kion-rc-whatif-card input, .kion-rc-whatif-card select, .kion-rc-input-grid input, .kion-rc-input-grid select, .kion-live-card-fields input, .kion-live-card-fields select, .kion-live-global-notes textarea, .kion-live-notes textarea {
  width:100% !important; max-width:100% !important; min-height:42px !important; background:linear-gradient(180deg, rgba(0,0,0,.46), rgba(2,14,28,.73)) !important; border:1px solid rgba(82,216,255,.36) !important; border-radius:12px !important; color:#fff !important; box-shadow:inset 0 0 18px rgba(82,216,255,.058), 0 0 0 1px rgba(255,255,255,.02) !important; font-weight:850 !important;
}
.kion-rc-decision-output { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:1px !important; overflow:hidden !important; border-top:3px solid rgba(82,216,255,.68) !important; background:rgba(82,216,255,.16) !important; }
.kion-rc-decision-output div { padding:18px 16px !important; min-height:86px !important; background:linear-gradient(180deg, rgba(4,20,39,.94), rgba(1,8,18,.92)) !important; }
.kion-rc-decision-output strong { display:block !important; margin-top:6px !important; color:#fff !important; font-size:clamp(1.05rem,1.5vw,1.45rem) !important; line-height:1.15 !important; font-weight:950 !important; overflow-wrap:anywhere !important; font-variant-numeric:tabular-nums !important; }
.kion-rc-decision-output .rc-good { color:#b7ff00 !important; } .kion-rc-decision-output .rc-risk { color:#ffd38d !important; } .kion-rc-decision-output .rc-danger { color:#ff9ead !important; }
.kion-rc-graphs { display:grid !important; grid-template-columns:1.15fr .85fr !important; gap:16px !important; margin-top:16px !important; }
.kion-rc-graph-card { padding:15px !important; }
.kion-rc-graph-card header { display:flex !important; justify-content:space-between !important; gap:12px !important; margin-bottom:12px !important; }
.kion-rc-graph-card header span { color:rgba(231,245,255,.62) !important; text-transform:uppercase !important; letter-spacing:.08em !important; font-size:.7rem !important; font-weight:950 !important; }
.kion-rc-graph-card header strong { color:#fff !important; }
.kion-rc-status-bar { display:flex !important; gap:4px !important; min-height:42px !important; align-items:stretch !important; padding:6px !important; border-radius:14px !important; background:rgba(0,0,0,.30) !important; border:1px solid rgba(82,216,255,.16) !important; }
.kion-rc-status-bar span { flex:1 1 6px !important; min-width:5px !important; border-radius:8px !important; background:rgba(82,216,255,.38) !important; box-shadow:0 0 12px rgba(82,216,255,.12) !important; overflow:hidden !important; }
.kion-rc-status-bar .status-active { background:#b7ff00 !important; box-shadow:0 0 16px rgba(183,255,0,.52) !important; } .kion-rc-status-bar .status-completed { background:#5dff9b !important; } .kion-rc-status-bar .status-adjusted { background:#ffb437 !important; } .kion-rc-status-bar .status-skipped { background:#ff4f66 !important; }
.kion-rc-status-bar span:after { content:'' !important; display:block !important; height:100% !important; width:45% !important; background:linear-gradient(90deg, transparent, rgba(255,255,255,.32), transparent) !important; transform:skewX(-18deg) !important; animation:kionPitwallSweep91 2.8s linear infinite !important; }
@keyframes kionPitwallSweep91 { from { margin-left:-60%; } to { margin-left:120%; } }
.kion-rc-driver-bars { display:grid !important; gap:10px !important; }
.kion-rc-driver-bar { display:grid !important; grid-template-columns:minmax(90px,1fr) minmax(80px,1.2fr) auto !important; align-items:center !important; gap:9px !important; padding:9px !important; border-radius:12px !important; background:rgba(255,255,255,.035) !important; border:1px solid rgba(82,216,255,.12) !important; color:rgba(231,245,255,.76) !important; font-size:.78rem !important; }
.kion-rc-driver-bar i { height:11px !important; border-radius:999px !important; background:linear-gradient(90deg,#52d8ff,#b7ff00) !important; box-shadow:0 0 14px rgba(82,216,255,.28) !important; overflow:hidden !important; } .kion-rc-driver-bar.risk i { background:linear-gradient(90deg,#ff4f66,#ffb437) !important; }
.kion-rc-driver-bar strong { color:#fff !important; font-size:.76rem !important; white-space:nowrap !important; }
.kion-rc-input-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:12px !important; }
.kion-rc-input-grid label { padding:13px !important; min-height:94px !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; }
.kion-live-global-notes { display:block !important; margin-top:12px !important; padding:14px !important; border-left:3px solid rgba(183,255,0,.65) !important; }
.kion-rc-engineer-alert { display:flex !important; align-items:flex-start !important; gap:10px !important; margin:16px 0 8px !important; padding:13px 14px !important; border-radius:18px !important; border:1px solid rgba(183,255,0,.34) !important; background:linear-gradient(90deg, rgba(183,255,0,.10), rgba(82,216,255,.06), rgba(255,180,55,.055)) !important; color:rgba(235,247,255,.79) !important; }
.kion-rc-engineer-alert:before { content:'⚠' !important; color:#b7ff00 !important; font-weight:950 !important; font-size:1.15rem !important; }
.kion-rc-stint-grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)) !important; gap:14px !important; }
.kion-live-stint-card { position:relative !important; padding:14px !important; border-radius:20px !important; overflow:hidden !important; border-top:3px solid rgba(82,216,255,.56) !important; }
.kion-live-stint-card:before { display:none !important; }
.kion-live-stint-card.live-status-active { border-top-color:#b7ff00 !important; box-shadow:0 18px 50px rgba(0,0,0,.34), 0 0 30px rgba(183,255,0,.12) !important; }
.kion-live-stint-card.live-status-completed { border-top-color:#5dff9b !important; } .kion-live-stint-card.live-status-adjusted { border-top-color:#ffb437 !important; } .kion-live-stint-card.live-status-skipped { border-top-color:#ff4f66 !important; }
.kion-live-stint-head { display:flex !important; justify-content:space-between !important; gap:12px !important; border-bottom:1px solid rgba(82,216,255,.14) !important; padding-bottom:11px !important; }
.kion-live-stint-head strong { color:#fff !important; font-size:1rem !important; letter-spacing:-.02em !important; }
.kion-live-status-pill { display:inline-flex !important; align-items:center !important; gap:7px !important; padding:6px 9px !important; border-radius:999px !important; background:rgba(82,216,255,.08) !important; border:1px solid rgba(82,216,255,.25) !important; color:#eaf5ff !important; font-size:.72rem !important; font-weight:950 !important; text-transform:uppercase !important; letter-spacing:.05em !important; }
.kion-live-status-pill.status-active { color:#e2ff9d !important; border-color:rgba(183,255,0,.42) !important; background:rgba(183,255,0,.10) !important; } .kion-live-status-pill.status-completed { color:#b9ffd3 !important; border-color:rgba(93,255,155,.38) !important; background:rgba(93,255,155,.08) !important; } .kion-live-status-pill.status-skipped { color:#ffb6c0 !important; border-color:rgba(255,79,102,.38) !important; background:rgba(255,79,102,.08) !important; } .kion-live-status-pill.status-adjusted { color:#ffdca0 !important; border-color:rgba(255,180,55,.40) !important; background:rgba(255,180,55,.08) !important; }
.kion-live-planned-summary { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:1px !important; margin:12px 0 !important; border:1px solid rgba(82,216,255,.16) !important; border-radius:14px !important; overflow:hidden !important; background:rgba(82,216,255,.15) !important; }
.kion-live-planned-summary > * { min-width:0 !important; padding:9px !important; background:rgba(0,0,0,.20) !important; }
.kion-live-card-fields { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:8px !important; }
.kion-live-card-fields label { min-width:0 !important; padding:9px !important; border-radius:12px !important; background:rgba(255,255,255,.03) !important; border:1px solid rgba(82,216,255,.12) !important; }
.kion-live-checkbox { align-items:center !important; justify-content:center !important; background:rgba(183,255,0,.075) !important; border-color:rgba(183,255,0,.22) !important; color:#eaf5ff !important; font-weight:950 !important; }
.kion-live-control-form .kion-wizard-actions { position:sticky !important; bottom:12px !important; z-index:20 !important; margin-top:22px !important; padding:12px !important; border:1px solid rgba(183,255,0,.30) !important; border-radius:18px !important; background:linear-gradient(90deg, rgba(1,8,18,.97), rgba(5,21,41,.93)) !important; backdrop-filter:blur(10px) !important; box-shadow:0 18px 54px rgba(0,0,0,.40) !important; }
.kion-live-control-form .button-primary { box-shadow:0 0 24px rgba(183,255,0,.24) !important; }
@media (max-width:1100px) { .kion-rc-command-center, .kion-rc-decision-grid, .kion-rc-graphs { grid-template-columns:1fr !important; } .kion-rc-input-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } .kion-live-card-fields { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }
@media (max-width:640px) { .kion-race-control-panel { padding:12px !important; border-radius:20px !important; } .kion-race-control-topbar { align-items:flex-start !important; flex-direction:column !important; } .kion-rc-input-grid, .kion-live-card-fields, .kion-live-planned-summary, .kion-rc-decision-output { grid-template-columns:1fr !important; } .kion-rc-stint-grid { grid-template-columns:1fr !important; } .kion-rc-engineer-alert { flex-direction:column !important; } }

/* v3.12.92 Race Control dropdown readability fix */
.kion-race-control-panel select,
.kion-race-control-panel .kion-rc-whatif-card select,
.kion-race-control-panel .kion-rc-input-grid select,
.kion-race-control-panel .kion-live-card-fields select {
    color:#f4fbff !important;
    background:#06172d !important;
    background-color:#06172d !important;
    border:1px solid rgba(82,216,255,.42) !important;
    text-shadow:none !important;
    -webkit-text-fill-color:#f4fbff !important;
    caret-color:#b7ff00 !important;
}
.kion-race-control-panel select option,
.kion-race-control-panel select optgroup {
    color:#06111f !important;
    background:#f4fbff !important;
    -webkit-text-fill-color:#06111f !important;
}
.kion-race-control-panel select:focus {
    color:#ffffff !important;
    background:#071c36 !important;
    background-color:#071c36 !important;
    border-color:#b7ff00 !important;
    box-shadow:0 0 0 3px rgba(183,255,0,.16), 0 0 22px rgba(82,216,255,.16) !important;
}
.kion-race-control-panel select:disabled {
    color:rgba(244,251,255,.48) !important;
    -webkit-text-fill-color:rgba(244,251,255,.48) !important;
    opacity:1 !important;
}

/* v3.12.94 Step 1 race launcher redesign */
.kion-sp-launcher {
    border: 1px solid rgba(84,204,255,.16);
    border-radius: 26px;
    padding: 18px;
    background:
        radial-gradient(circle at 15% 0%, rgba(57,184,255,.14), transparent 34%),
        radial-gradient(circle at 92% 8%, rgba(199,255,46,.10), transparent 30%),
        rgba(2, 8, 18, .38);
}
.kion-sp-launcher-top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 6px 4px 18px;
}
.kion-sp-launcher-top h3 {
    margin: 8px 0 0;
    color: #f5f9ff;
    font-size: clamp(20px, 2.4vw, 30px);
    line-height: 1.08;
}
.kion-sp-mini-kicker,
.kion-sp-panel-kicker,
.kion-sp-source-badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
    font-weight: 900;
}
.kion-sp-mini-kicker,
.kion-sp-panel-kicker {
    color: var(--kion-lime);
    border: 1px solid rgba(199,255,46,.35);
    padding: 5px 9px;
    background: rgba(199,255,46,.04);
}
.kion-sp-launcher-stats {
    display: grid;
    gap: 8px;
    min-width: 220px;
}
.kion-sp-launcher-stats span {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    color: var(--kion-muted);
    border: 1px solid rgba(84,204,255,.14);
    background: rgba(5, 13, 26, .72);
    border-radius: 14px;
    padding: 10px 12px;
    font-size: 12px;
}
.kion-sp-launcher-stats strong { color: var(--kion-lime); font-size: 17px; line-height: 1; }
.kion-sp-source-grid-enhanced { margin-bottom: 18px; }
.kion-sp-source-card-enhanced {
    position: relative;
    overflow: hidden;
    min-height: 210px;
    padding: 22px;
    background:
        linear-gradient(145deg, rgba(6, 17, 33, .94), rgba(2, 8, 18, .88));
}
.kion-sp-source-card-enhanced::after {
    content: '';
    position: absolute;
    inset: auto 18px 16px 18px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(57,184,255,.65), rgba(199,255,46,.65), transparent);
    opacity: .42;
}
.kion-sp-source-card-enhanced.is-active::before {
    content: 'Selected';
    position: absolute;
    right: 16px;
    top: 16px;
    color: #06101d;
    background: linear-gradient(135deg, var(--kion-lime), var(--kion-blue));
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.kion-sp-source-badge {
    color: var(--kion-blue);
    border: 1px solid rgba(57,184,255,.34);
    padding: 5px 9px;
    margin-bottom: 16px;
    background: rgba(57,184,255,.05);
}
.kion-sp-source-meta {
    display: inline-flex;
    margin-top: 18px;
    color: var(--kion-lime);
    font-size: 12px;
    font-weight: 850;
}
.kion-sp-choice-panel {
    padding: 0;
    overflow: hidden;
    background: rgba(3, 9, 19, .46);
}
.kion-sp-choice-panel > label,
.kion-sp-choice-panel > select,
.kion-sp-choice-panel > .kion-alert,
.kion-sp-choice-panel > .kion-sp-selected-summary {
    margin-left: 20px;
    margin-right: 20px;
}
.kion-sp-panel-title-row {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 20px 20px 8px;
    border-bottom: 1px solid rgba(84,204,255,.12);
    margin-bottom: 18px;
}
.kion-sp-panel-title-row h3,
.kion-sp-action-card h3 { margin: 10px 0 6px; color: #f5f9ff; }
.kion-sp-loaded-pill {
    border: 1px solid rgba(199,255,46,.45);
    color: var(--kion-lime);
    border-radius: 999px;
    padding: 7px 11px;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.kion-sp-selected-summary {
    margin-top: 14px;
    margin-bottom: 20px;
    border: 1px solid rgba(199,255,46,.22);
    background: rgba(199,255,46,.04);
    border-radius: 16px;
    padding: 12px 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
}
.kion-sp-selected-summary strong { color: var(--kion-text); }
.kion-sp-selected-summary span { color: var(--kion-muted); }
.kion-sp-individual-layout {
    display: grid;
    grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
    gap: 16px;
    padding: 18px;
}
.kion-sp-action-card {
    border: 1px solid rgba(84,204,255,.16);
    border-radius: 20px;
    padding: 18px;
    background: linear-gradient(145deg, rgba(6, 17, 33, .86), rgba(2, 7, 16, .72));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.kion-sp-create-card { border-color: rgba(199,255,46,.18); }
.kion-sp-fields-compact { grid-template-columns: 1fr; }
.kion-sp-fields-compact .kion-sp-date-time-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.kion-sp-empty-state {
    border: 1px dashed rgba(84,204,255,.26);
    color: var(--kion-muted);
    border-radius: 16px;
    padding: 14px;
    background: rgba(3, 9, 19, .45);
}
.kion-sp-secondary-action { margin-top: 14px !important; width: 100%; justify-content: center; }
.kion-sp-launcher-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    padding-top: 2px;
}
.kion-sp-action-hint {
    color: var(--kion-muted);
    font-size: 13px;
    max-width: 560px;
}
@media (max-width: 860px) {
    .kion-sp-launcher-top,
    .kion-sp-panel-title-row { flex-direction: column; }
    .kion-sp-launcher-stats { min-width: 0; width: 100%; }
    .kion-sp-source-grid-enhanced,
    .kion-sp-individual-layout { grid-template-columns: 1fr; }
    .kion-sp-fields-compact .kion-sp-date-time-row { grid-template-columns: 1fr; }
}


/* v3.12.95 full-stint / low-stop model */
.kion-low-stop-model {
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid rgba(176, 255, 43, 0.24);
    border-radius: 18px;
    background: radial-gradient(circle at top left, rgba(176, 255, 43, 0.12), transparent 34%), linear-gradient(135deg, rgba(8, 17, 32, 0.94), rgba(5, 10, 19, 0.96));
    box-shadow: 0 18px 40px rgba(0,0,0,0.26);
}
.kion-low-stop-model.has-risk { border-color: rgba(255, 130, 64, 0.45); }
.kion-low-stop-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}
.kion-low-stop-head h4 { margin: 0.15rem 0 0.35rem; }
.kion-low-stop-head p { margin: 0; color: rgba(255,255,255,0.72); max-width: 880px; }
.kion-low-stop-head > strong {
    color: #b0ff2b;
    font-size: 1.45rem;
    white-space: nowrap;
}
.kion-scenario-cards.compact { margin: 0.75rem 0 1rem; }
.kion-required-stint-grid.low-stop-grid .kion-required-stint-card small { display: block; }
@media (max-width: 760px) {
    .kion-low-stop-head { flex-direction: column; }
    .kion-low-stop-head > strong { white-space: normal; }
}

/* v3.12.98 Condition Delta Inputs */
.kion-condition-inputs {
    margin: 14px 0;
    border: 1px solid rgba(0, 180, 255, 0.22);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(0, 180, 255, 0.08), rgba(184, 255, 0, 0.04));
    padding: 12px;
}
.kion-condition-inputs summary {
    cursor: pointer;
    font-weight: 800;
    color: #dff6ff;
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: 12px;
}
.kion-condition-inputs .planner-field-grid { margin-top: 12px; }
.kion-condition-strategy-panel {
    margin: 20px 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(184, 255, 0, 0.22);
    background:
        radial-gradient(circle at 20% 0%, rgba(184,255,0,.14), transparent 34%),
        radial-gradient(circle at 85% 10%, rgba(0,180,255,.18), transparent 34%),
        linear-gradient(145deg, rgba(5, 14, 26, .96), rgba(3, 8, 16, .98));
    box-shadow: 0 22px 60px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.03);
}
.kion-condition-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
    margin: 14px 0;
}
.kion-condition-summary-grid > div {
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.045);
    padding: 14px;
}
.kion-condition-summary-grid span,
.kion-condition-driver-card span {
    display: block;
    color: rgba(220,245,255,.65);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 800;
}
.kion-condition-summary-grid strong {
    display: block;
    color: #fff;
    font-size: 20px;
    margin-top: 4px;
}
.kion-condition-summary-grid small,
.kion-condition-driver-card small {
    display: block;
    color: rgba(220,245,255,.72);
    margin-top: 5px;
}
.kion-condition-summary-grid .strategy-positive {
    border-color: rgba(184,255,0,.34);
    box-shadow: inset 0 0 24px rgba(184,255,0,.07);
}
.kion-condition-summary-grid .strategy-neutral {
    border-color: rgba(0,180,255,.28);
}
.kion-condition-driver-ranking {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 10px;
    margin-top: 14px;
}
.kion-condition-driver-card {
    border: 1px solid rgba(0,180,255,.18);
    border-radius: 14px;
    padding: 12px;
    background: rgba(0,0,0,.24);
}
.kion-condition-driver-card strong {
    display: block;
    color: #b8ff00;
    margin: 3px 0;
    font-size: 15px;
}


/* v3.12.99 Live condition race-control layer */
.kion-rc-condition-metric strong,
.kion-live-condition-select select {
  color: #ffffff !important;
}
.kion-rc-live-strategy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 14px 0 16px;
}
.kion-rc-live-condition-card,
.kion-rc-live-call-card,
.kion-rc-condition-rank-card {
  border: 1px solid rgba(91, 214, 255, .18);
  background: linear-gradient(135deg, rgba(2, 7, 18, .94), rgba(7, 20, 38, .88));
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 0 24px rgba(0, 224, 255, .08), inset 0 0 0 1px rgba(255,255,255,.025);
}
.kion-rc-live-condition-card span,
.kion-rc-live-call-card span,
.kion-rc-condition-rank-card small {
  display: block;
  color: rgba(232, 247, 255, .66);
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  margin-bottom: 6px;
}
.kion-rc-live-condition-card strong,
.kion-rc-live-call-card strong {
  display: block;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1.1;
  text-shadow: 0 0 18px rgba(182, 255, 0, .22);
}
.kion-rc-live-condition-card small,
.kion-rc-live-call-card small {
  display: block;
  color: rgba(232,247,255,.72);
  margin-top: 8px;
}
.kion-rc-live-call-card.is-positive {
  border-color: rgba(182, 255, 0, .55);
  box-shadow: 0 0 28px rgba(182, 255, 0, .12), inset 0 0 0 1px rgba(182,255,0,.08);
}
.kion-rc-live-call-card.is-neutral {
  border-color: rgba(91, 214, 255, .28);
}
.kion-rc-live-condition-card.condition-wet,
.kion-rc-live-condition-card.condition-heavy_rain,
.kion-rc-condition-metric.condition-wet,
.kion-rc-condition-metric.condition-heavy_rain {
  border-color: rgba(91, 214, 255, .55) !important;
  box-shadow: 0 0 30px rgba(0, 168, 255, .16), inset 0 0 0 1px rgba(91,214,255,.10) !important;
}
.kion-rc-live-condition-card.condition-damp,
.kion-rc-condition-metric.condition-damp {
  border-color: rgba(255, 179, 71, .45) !important;
}
.kion-rc-condition-ranking {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 8px 0 18px;
}
.kion-rc-condition-rank-card {
  padding: 12px 14px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px 10px;
  align-items: center;
}
.kion-rc-condition-rank-card em {
  color: #b6ff00;
  font-style: normal;
  font-weight: 900;
}
.kion-rc-condition-rank-card strong {
  color: #fff;
}
.kion-rc-condition-rank-card span {
  color: #5bd6ff;
  font-weight: 800;
}
.kion-rc-condition-rank-card small {
  grid-column: 2 / -1;
  margin: 0;
  letter-spacing: .04em;
  text-transform: none;
}
@media (max-width: 980px) {
  .kion-rc-live-strategy-grid,
  .kion-rc-condition-ranking { grid-template-columns: 1fr; }
}

.kion-rc-autosave-status {
    margin: 18px 0 10px;
    padding: 12px 14px;
    border: 1px solid rgba(58, 208, 255, .28);
    border-radius: 14px;
    background: rgba(4, 12, 28, .82);
    color: rgba(235, 248, 255, .86);
    font-size: 13px;
    letter-spacing: .02em;
    box-shadow: inset 0 0 24px rgba(0, 229, 168, .05);
}
.kion-rc-autosave-status.is-saving { border-color: rgba(255, 190, 80, .55); color: #ffe2a8; }
.kion-rc-autosave-status.is-saved { border-color: rgba(0, 229, 168, .65); color: #a9ffe8; }
.kion-rc-autosave-status.is-error { border-color: rgba(255, 82, 82, .7); color: #ffb8b8; }
.kion-rc-input-grid input[readonly] {
    color: #eaffff;
    background: linear-gradient(180deg, rgba(10, 26, 54, .95), rgba(4, 12, 28, .95));
    border-color: rgba(0, 229, 168, .45);
    font-weight: 800;
    letter-spacing: .08em;
}

/* v3.12.101: hide Step 1 launcher when a later wizard step is active. */
.kion-sp-step.is-hidden-by-step,
[data-kion-sp-step-one-shell].is-hidden-by-step {
  display: none !important;
}

.kion-live-control-form input[readonly] {
  opacity: 0.95;
}


/* v3.12.106 Live strategy alert / weather-change decision support */
.kion-rc-strategy-alert {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 14px;
  align-items: stretch;
  margin: 12px 0 18px;
  padding: 16px;
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(182,255,0,.12), transparent 42%), linear-gradient(135deg, rgba(3,10,22,.96), rgba(1,20,36,.92));
  border: 1px solid rgba(91,214,255,.22);
  box-shadow: 0 0 34px rgba(0, 224, 255, .10), inset 0 0 0 1px rgba(255,255,255,.035);
}
.kion-rc-strategy-alert.is-critical {
  border-color: rgba(182,255,0,.62);
  box-shadow: 0 0 42px rgba(182,255,0,.16), inset 0 0 0 1px rgba(182,255,0,.10);
}
.kion-rc-strategy-alert.is-stable { border-color: rgba(91,214,255,.28); }
.kion-rc-strategy-alert span {
  display: block;
  color: rgba(232,247,255,.68);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .13em;
  margin-bottom: 6px;
}
.kion-rc-strategy-alert strong {
  display: block;
  color: #fff;
  font-size: clamp(1.2rem, 2vw, 2rem);
  line-height: 1.05;
  text-shadow: 0 0 20px rgba(182,255,0,.22);
}
.kion-rc-strategy-alert p,
.kion-rc-strategy-alert small { color: rgba(232,247,255,.76); line-height: 1.45; }
.kion-rc-alert-numbers {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.kion-rc-alert-numbers span {
  margin: 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(91,214,255,.16);
}
.kion-rc-alert-numbers strong {
  font-size: 1.25rem;
  color: #b7ff00;
}
@media (max-width: 860px) {
  .kion-rc-strategy-alert { grid-template-columns: 1fr; }
}


/* v3.12.107 Strategy impact colours: positive green, negative red */
.kion-rc-decision-output [data-rc-swap-call].rc-good {
  color:#b7ff00 !important;
  text-shadow:0 0 14px rgba(183,255,0,.42) !important;
}
.kion-rc-decision-output [data-rc-swap-call].rc-danger {
  color:#ff4f66 !important;
  text-shadow:0 0 14px rgba(255,79,102,.38) !important;
}
.kion-rc-decision-output div:has([data-rc-swap-call].rc-good) {
  background:linear-gradient(180deg, rgba(33,64,8,.38), rgba(1,8,18,.94)) !important;
  box-shadow:inset 0 0 0 1px rgba(183,255,0,.18), inset 0 0 28px rgba(183,255,0,.08) !important;
}
.kion-rc-decision-output div:has([data-rc-swap-call].rc-danger) {
  background:linear-gradient(180deg, rgba(86,13,26,.40), rgba(1,8,18,.94)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,79,102,.24), inset 0 0 28px rgba(255,79,102,.08) !important;
}


/* v3.12.110 Strategy impact and alternative driver compare */
.kion-rc-decision-output strong.rc-good,
.kion-rc-alert-numbers strong.rc-good,
.kion-rc-strategy-alert .rc-good {
  color:#b7ff00 !important;
  text-shadow:0 0 16px rgba(183,255,0,.48) !important;
}
.kion-rc-decision-output strong.rc-danger,
.kion-rc-alert-numbers strong.rc-danger,
.kion-rc-strategy-alert .rc-danger {
  color:#ff4f66 !important;
  text-shadow:0 0 16px rgba(255,79,102,.44) !important;
}
.kion-rc-decision-output > div.rc-impact-positive,
.kion-rc-strategy-alert.rc-impact-positive {
  border-color:rgba(183,255,0,.42) !important;
  background:linear-gradient(180deg, rgba(33,64,8,.48), rgba(1,8,18,.96)) !important;
  box-shadow:inset 0 0 0 1px rgba(183,255,0,.24), 0 0 24px rgba(183,255,0,.12) !important;
}
.kion-rc-decision-output > div.rc-impact-negative,
.kion-rc-strategy-alert.rc-impact-negative {
  border-color:rgba(255,79,102,.48) !important;
  background:linear-gradient(180deg, rgba(86,13,26,.52), rgba(1,8,18,.96)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,79,102,.28), 0 0 24px rgba(255,79,102,.14) !important;
}


/* v3.12.110 Alternative driver strategy comparison */
.kion-rc-alt-driver-whatif{margin:18px 0 10px;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:14px;align-items:stretch;}
.kion-rc-alt-driver-whatif label,.kion-rc-alt-driver-output{border:1px solid rgba(0,194,255,.18);background:linear-gradient(180deg,rgba(4,18,34,.94),rgba(1,7,16,.96));border-radius:18px;padding:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);}
.kion-rc-alt-driver-whatif label span,.kion-rc-alt-driver-output span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:rgba(232,247,255,.55);margin-bottom:8px;}
.kion-rc-alt-driver-whatif select{width:100%;min-height:42px;background:#06111f!important;color:#f4fbff!important;border:1px solid rgba(0,194,255,.28)!important;border-radius:12px!important;padding:9px 12px!important;}
.kion-rc-alt-driver-output strong{display:block;font-size:18px;line-height:1.2;color:#f4fbff;}
.kion-rc-alt-driver-output small{display:block;margin-top:8px;color:rgba(232,247,255,.66);line-height:1.45;}
@media (max-width:800px){.kion-rc-alt-driver-whatif{grid-template-columns:1fr;}}

/* v3.12.110 Garage61 planner mapping */
.kion-g61-source-badge{display:flex;flex-direction:column;gap:3px;margin:8px 0 12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.24);background:rgba(15,23,42,.72);color:#e5f7ff;}
.kion-g61-source-badge small{color:#9fb2c7;font-size:11px;line-height:1.35;}
.kion-g61-source-badge.primary{border-color:rgba(147,255,51,.55);box-shadow:0 0 18px rgba(147,255,51,.12);}
.kion-g61-source-badge.fallback{border-color:rgba(56,189,248,.55);box-shadow:0 0 18px rgba(56,189,248,.10);}
.kion-g61-source-badge.warning_car_only,.kion-g61-source-badge.missing{border-color:rgba(251,146,60,.45);box-shadow:0 0 18px rgba(251,146,60,.08);}
.kion-iracing-track-select,.kion-iracing-car-select{width:100%;}


/* v3.12.113 Race Control no-jump autosave + clearer stint operation icons */
.kion-live-status-pill b {
  display:inline-flex !important;
  width:24px !important;
  height:24px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  box-shadow:0 0 16px rgba(82,216,255,.18) !important;
  font-size:14px !important;
  line-height:1 !important;
  margin-right:2px !important;
}
.kion-live-status-pill.status-active b,
.kion-live-status-pill.status-completed b {
  background:rgba(183,255,0,.14) !important;
  border-color:rgba(183,255,0,.48) !important;
  box-shadow:0 0 18px rgba(183,255,0,.24) !important;
  color:#dfff7a !important;
}
.kion-live-status-pill.status-adjusted b {
  background:rgba(255,180,55,.14) !important;
  border-color:rgba(255,180,55,.50) !important;
  box-shadow:0 0 18px rgba(255,180,55,.22) !important;
  color:#ffd48a !important;
}
.kion-live-status-pill.status-skipped b {
  background:rgba(255,79,102,.14) !important;
  border-color:rgba(255,79,102,.50) !important;
  box-shadow:0 0 18px rgba(255,79,102,.22) !important;
  color:#ffadb8 !important;
}
.kion-live-status-pill i { display:none !important; }
.kion-live-planned-summary span i {
  display:inline-flex !important;
  width:22px !important;
  height:22px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:8px !important;
  margin-right:7px !important;
  background:linear-gradient(135deg, rgba(82,216,255,.16), rgba(183,255,0,.10)) !important;
  border:1px solid rgba(82,216,255,.22) !important;
  box-shadow:0 0 14px rgba(82,216,255,.12) !important;
  font-style:normal !important;
  font-size:13px !important;
}
.kion-live-planned-summary span {
  display:flex !important;
  align-items:center !important;
  color:#bdeeff !important;
}
.kion-rc-autosave-status {
  position:sticky !important;
  bottom:12px !important;
  z-index:30 !important;
  backdrop-filter:blur(12px) !important;
}

/* v3.12.114 Race Control icon lime visibility fix
   Removes the visual effect of the extra v3.12.113 summary icons and forces existing operation/status icons to Kion lime. */
.kion-live-planned-summary span i { display:none !important; }
.kion-live-status-pill b,
.kion-live-stint-head .kion-live-status-pill b,
.kion-rc-stint-grid .kion-live-status-pill b {
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  text-shadow:0 0 10px rgba(183,255,0,.55), 0 0 22px rgba(183,255,0,.28) !important;
  background:rgba(183,255,0,.10) !important;
  border-color:rgba(183,255,0,.42) !important;
  box-shadow:0 0 16px rgba(183,255,0,.20) !important;
}
.kion-live-status-pill svg,
.kion-live-stint-head svg,
.kion-rc-stint-grid svg {
  color:#b7ff00 !important;
  fill:#b7ff00 !important;
  stroke:#b7ff00 !important;
  filter:drop-shadow(0 0 7px rgba(183,255,0,.55)) !important;
}
.kion-live-status-pill:before,
.kion-live-status-pill:after,
.kion-live-stint-head:before,
.kion-live-stint-head:after {
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
}

/* v3.12.115 Native input icon Kion visibility fix
   Targets the actual browser date/time indicators and number arrows used inside Race Control / Stint Operations. */
.kion-race-control-panel input[type="date"],
.kion-race-control-panel input[type="time"],
.kion-race-control-panel input[type="datetime-local"],
.kion-race-control-panel input[type="number"],
.kion-live-control-form input[type="date"],
.kion-live-control-form input[type="time"],
.kion-live-control-form input[type="datetime-local"],
.kion-live-control-form input[type="number"] {
  color:#f4fbff !important;
  -webkit-text-fill-color:#f4fbff !important;
  color-scheme: dark !important;
  accent-color:#b7ff00 !important;
}

/* Date/calendar icon and time/clock icon in WebKit/Chromium browsers */
.kion-race-control-panel input[type="date"]::-webkit-calendar-picker-indicator,
.kion-race-control-panel input[type="time"]::-webkit-calendar-picker-indicator,
.kion-race-control-panel input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.kion-live-control-form input[type="date"]::-webkit-calendar-picker-indicator,
.kion-live-control-form input[type="time"]::-webkit-calendar-picker-indicator,
.kion-live-control-form input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity:1 !important;
  cursor:pointer !important;
  filter: invert(88%) sepia(98%) saturate(1287%) hue-rotate(18deg) brightness(108%) contrast(105%) drop-shadow(0 0 4px rgba(183,255,0,.85)) !important;
  background-color:rgba(183,255,0,.08) !important;
  border-radius:8px !important;
  padding:3px !important;
}

.kion-race-control-panel input[type="date"]::-webkit-calendar-picker-indicator:hover,
.kion-race-control-panel input[type="time"]::-webkit-calendar-picker-indicator:hover,
.kion-race-control-panel input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
.kion-live-control-form input[type="date"]::-webkit-calendar-picker-indicator:hover,
.kion-live-control-form input[type="time"]::-webkit-calendar-picker-indicator:hover,
.kion-live-control-form input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  background-color:rgba(183,255,0,.18) !important;
  box-shadow:0 0 14px rgba(183,255,0,.28) !important;
}

/* Number input up/down arrows in Chromium. Native spinner buttons cannot be fully recoloured in every browser,
   but this makes the existing arrows bright and Kion-styled where supported. */
.kion-race-control-panel input[type="number"]::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-outer-spin-button,
.kion-live-control-form input[type="number"]::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]::-webkit-outer-spin-button {
  opacity:1 !important;
  cursor:pointer !important;
  filter: invert(88%) sepia(98%) saturate(1287%) hue-rotate(18deg) brightness(108%) contrast(105%) drop-shadow(0 0 3px rgba(183,255,0,.75)) !important;
  accent-color:#b7ff00 !important;
}

/* Kion focus state for date/time/number fields so their icons/arrows read as part of the control. */
.kion-race-control-panel input[type="date"]:focus,
.kion-race-control-panel input[type="time"]:focus,
.kion-race-control-panel input[type="datetime-local"]:focus,
.kion-race-control-panel input[type="number"]:focus,
.kion-live-control-form input[type="date"]:focus,
.kion-live-control-form input[type="time"]:focus,
.kion-live-control-form input[type="datetime-local"]:focus,
.kion-live-control-form input[type="number"]:focus {
  border-color:#b7ff00 !important;
  box-shadow:0 0 0 3px rgba(183,255,0,.14), 0 0 18px rgba(183,255,0,.16), inset 0 0 18px rgba(82,216,255,.07) !important;
}

/* v3.12.116 Race Control 24-hour time + Kion native-control arrows
   Force 24-hour text fields for race-control times and style native controls close to the global scroll arrow. */
.kion-live-control-form input.kion-24h-time-input,
.kion-race-control-panel input.kion-24h-time-input,
.manual-stint-time-input.kion-24h-time-input {
  padding-right:42px !important;
  letter-spacing:.04em !important;
  font-variant-numeric:tabular-nums !important;
  background-image:
    radial-gradient(circle at calc(100% - 20px) 50%, rgba(183,255,0,.18), rgba(183,255,0,.04) 42%, transparent 68%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b7ff00' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat,no-repeat !important;
  background-position:right 7px center,right 12px center !important;
  background-size:34px 34px,18px 18px !important;
}
.kion-live-control-form input.kion-24h-time-input::placeholder,
.kion-race-control-panel input.kion-24h-time-input::placeholder,
.manual-stint-time-input.kion-24h-time-input::placeholder {
  color:rgba(244,251,255,.42) !important;
  -webkit-text-fill-color:rgba(244,251,255,.42) !important;
}
.kion-live-control-form input.kion-24h-time-input:focus,
.kion-race-control-panel input.kion-24h-time-input:focus,
.manual-stint-time-input.kion-24h-time-input:focus {
  background-image:
    radial-gradient(circle at calc(100% - 20px) 50%, rgba(183,255,0,.28), rgba(82,216,255,.08) 45%, transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b7ff00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important;
}

/* Calendar/date icon: keep it lime and readable. */
.kion-live-control-form input[type="date"]::-webkit-calendar-picker-indicator,
.kion-race-control-panel input[type="date"]::-webkit-calendar-picker-indicator,
.kion-live-control-form input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.kion-race-control-panel input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  opacity:1 !important;
  border-radius:999px !important;
  padding:5px !important;
  background:rgba(2,8,20,.42) !important;
  border:1px solid rgba(82,216,255,.34) !important;
  filter: invert(88%) sepia(98%) saturate(1287%) hue-rotate(18deg) brightness(108%) contrast(105%) drop-shadow(0 0 6px rgba(183,255,0,.65)) !important;
}
.kion-live-control-form input[type="date"]::-webkit-calendar-picker-indicator:hover,
.kion-race-control-panel input[type="date"]::-webkit-calendar-picker-indicator:hover,
.kion-live-control-form input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
.kion-race-control-panel input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover {
  background:rgba(183,255,0,.14) !important;
  border-color:rgba(183,255,0,.46) !important;
  box-shadow:0 0 16px rgba(82,216,255,.18), 0 0 12px rgba(183,255,0,.12) !important;
}

/* Number arrows: blue arrow treatment over a transparent/lime-tinted Kion control surface. */
.kion-live-control-form input[type="number"],
.kion-race-control-panel input[type="number"] {
  background-image:linear-gradient(90deg, transparent calc(100% - 34px), rgba(183,255,0,.055) calc(100% - 34px), rgba(2,8,20,.34) 100%) !important;
  border-color:rgba(82,216,255,.24) !important;
}
.kion-live-control-form input[type="number"]::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-outer-spin-button {
  opacity:1 !important;
  cursor:pointer !important;
  width:20px !important;
  min-height:28px !important;
  border-radius:999px !important;
  background:rgba(183,255,0,.10) !important;
  box-shadow:inset 0 0 0 1px rgba(82,216,255,.28), 0 0 10px rgba(183,255,0,.08) !important;
  filter: invert(58%) sepia(82%) saturate(877%) hue-rotate(164deg) brightness(104%) contrast(104%) drop-shadow(0 0 5px rgba(82,216,255,.65)) !important;
}
.kion-live-control-form input[type="number"]:focus::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]:focus::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]:focus::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]:focus::-webkit-outer-spin-button {
  background:rgba(183,255,0,.16) !important;
  box-shadow:inset 0 0 0 1px rgba(183,255,0,.42), 0 0 14px rgba(82,216,255,.16) !important;
}


/* v3.12.117 Race Control number spinner cleanup
   Requested: only the native triangular arrows should read as Kion lime; the spinner surface itself must stay transparent. */
.kion-live-control-form input[type="number"],
.kion-race-control-panel input[type="number"] {
  background-image:none !important;
  background-color:rgba(2,8,20,.36) !important;
  padding-right:34px !important;
}
.kion-live-control-form input[type="number"]::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-outer-spin-button {
  opacity:1 !important;
  cursor:pointer !important;
  width:20px !important;
  min-height:28px !important;
  margin:0 4px 0 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  /* Native spinner arrows are black in Chromium. This filter maps the triangles to Kion lime while keeping the rest transparent. */
  filter:invert(88%) sepia(98%) saturate(1287%) hue-rotate(18deg) brightness(108%) contrast(105%) drop-shadow(0 0 4px rgba(183,255,0,.72)) !important;
}
.kion-live-control-form input[type="number"]:focus::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]:focus::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]:focus::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]:focus::-webkit-outer-spin-button,
.kion-live-control-form input[type="number"]:hover::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]:hover::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]:hover::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]:hover::-webkit-outer-spin-button {
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  filter:invert(88%) sepia(98%) saturate(1287%) hue-rotate(18deg) brightness(116%) contrast(112%) drop-shadow(0 0 7px rgba(183,255,0,.95)) !important;
}

/* v3.12.118 Race Control actual time quick-entry + right-aligned spinner arrows
   Actual start/end should be faster to enter; number arrows should sit on the far right edge of the pill. */
.kion-live-control-form .kion-rc-time-quick-field {
  min-width:0 !important;
}
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:7px !important;
  align-items:center !important;
  width:100% !important;
}
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  min-width:0 !important;
  width:100% !important;
}
.kion-live-control-form .kion-rc-time-now {
  height:38px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(183,255,0,.42) !important;
  background:linear-gradient(135deg, rgba(183,255,0,.12), rgba(82,216,255,.07)) !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  box-shadow:0 0 14px rgba(183,255,0,.10), inset 0 0 0 1px rgba(82,216,255,.10) !important;
}
.kion-live-control-form .kion-rc-time-now:hover,
.kion-live-control-form .kion-rc-time-now:focus {
  border-color:rgba(183,255,0,.78) !important;
  background:linear-gradient(135deg, rgba(183,255,0,.20), rgba(82,216,255,.12)) !important;
  box-shadow:0 0 18px rgba(183,255,0,.22), 0 0 18px rgba(82,216,255,.12) !important;
  outline:none !important;
}
.kion-live-control-form input[type="number"],
.kion-race-control-panel input[type="number"] {
  padding-right:18px !important;
}
.kion-live-control-form input[type="number"]::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-outer-spin-button {
  margin:0 -3px 0 8px !important;
  width:13px !important;
  min-width:13px !important;
  transform:translateX(2px) !important;
  background:transparent !important;
  background-color:transparent !important;
}
@media (max-width: 760px) {
  .kion-live-control-form .kion-rc-time-quick-wrap {
    grid-template-columns:1fr !important;
  }
  .kion-live-control-form .kion-rc-time-now {
    width:100% !important;
  }
}


/* v3.12.119 Race Control actual time field width fix
   The Now buttons should not squeeze the HH:MM value out of sight. */
.kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field,
.kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field {
  grid-column:span 2 !important;
  min-width:220px !important;
}
.kion-live-control-form .kion-rc-time-quick-wrap,
.kion-race-control-panel .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(105px, 1fr) minmax(52px, auto) !important;
  gap:8px !important;
  align-items:center !important;
  width:100% !important;
}
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input {
  min-width:105px !important;
  width:100% !important;
  flex:1 1 auto !important;
  padding-left:34px !important;
  padding-right:10px !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:.04em !important;
  text-align:center !important;
}
.kion-live-control-form .kion-rc-time-now,
.kion-race-control-panel .kion-rc-time-now {
  min-width:52px !important;
  width:auto !important;
  flex:0 0 auto !important;
  padding:0 11px !important;
  white-space:nowrap !important;
}
.kion-live-control-form input[type="number"],
.kion-race-control-panel input[type="number"] {
  padding-right:28px !important;
  background-position:calc(100% - 8px) center !important;
}
.kion-live-control-form input[type="number"]::-webkit-inner-spin-button,
.kion-live-control-form input[type="number"]::-webkit-outer-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-inner-spin-button,
.kion-race-control-panel input[type="number"]::-webkit-outer-spin-button {
  margin:0 -8px 0 10px !important;
  width:16px !important;
  min-width:16px !important;
  transform:translateX(7px) !important;
}
@media (max-width:1100px) {
  .kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field,
  .kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field {
    grid-column:span 1 !important;
    min-width:0 !important;
  }
}
@media (max-width:640px) {
  .kion-live-control-form .kion-rc-time-quick-wrap,
  .kion-race-control-panel .kion-rc-time-quick-wrap {
    grid-template-columns:minmax(120px, 1fr) minmax(58px, auto) !important;
  }
}

/* v3.12.122 Universal Kion stepper arrows
   Actual start/end now have transparent Kion-lime up/down controls for faster 24h entry. */
.kion-live-control-form .kion-rc-time-quick-wrap,
.kion-race-control-panel .kion-rc-time-quick-wrap {
  grid-template-columns:minmax(118px, 1fr) 28px minmax(52px, auto) !important;
  gap:8px !important;
}
.kion-live-control-form .kion-rc-time-stepper,
.kion-race-control-panel .kion-rc-time-stepper {
  width:28px !important;
  height:38px !important;
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
  align-items:center !important;
  justify-items:center !important;
  border:1px solid rgba(183,255,0,.32) !important;
  border-radius:13px !important;
  background:rgba(2,12,24,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(82,216,255,.08), 0 0 12px rgba(183,255,0,.08) !important;
  overflow:hidden !important;
}
.kion-live-control-form .kion-rc-time-stepper button,
.kion-race-control-panel .kion-rc-time-stepper button {
  width:100% !important;
  height:19px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  text-shadow:0 0 8px rgba(183,255,0,.72) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.kion-live-control-form .kion-rc-time-stepper button:hover,
.kion-live-control-form .kion-rc-time-stepper button:focus,
.kion-race-control-panel .kion-rc-time-stepper button:hover,
.kion-race-control-panel .kion-rc-time-stepper button:focus {
  background:rgba(183,255,0,.12) !important;
  color:#dfff6b !important;
  -webkit-text-fill-color:#dfff6b !important;
  outline:none !important;
}
.kion-live-control-form .kion-rc-time-stepper button:first-child,
.kion-race-control-panel .kion-rc-time-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.18) !important;
}
@media (max-width:640px) {
  .kion-live-control-form .kion-rc-time-quick-wrap,
  .kion-race-control-panel .kion-rc-time-quick-wrap {
    grid-template-columns:minmax(120px, 1fr) 30px minmax(58px, auto) !important;
  }
}


/* v3.12.122 Universal Kion stepper arrows
   Reuse the cleaner Actual start/end ▲/▼ design for all planner number/time step controls. */
.stint-planner-section .kion-stepper-input-wrap {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 28px !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
}
.stint-planner-section .kion-stepper-input-wrap > input {
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;
  padding-right:12px !important;
  box-sizing:border-box !important;
}
.stint-planner-section input[type="number"].kion-has-custom-stepper {
  -moz-appearance:textfield !important;
  appearance:textfield !important;
}
.stint-planner-section input[type="number"].kion-has-custom-stepper::-webkit-inner-spin-button,
.stint-planner-section input[type="number"].kion-has-custom-stepper::-webkit-outer-spin-button {
  -webkit-appearance:none !important;
  appearance:none !important;
  margin:0 !important;
  display:none !important;
}
.stint-planner-section .kion-input-stepper,
.stint-planner-section .kion-rc-time-stepper {
  width:28px !important;
  height:38px !important;
  display:grid !important;
  grid-template-rows:1fr 1fr !important;
  align-items:center !important;
  justify-items:center !important;
  border:1px solid rgba(183,255,0,.32) !important;
  border-radius:13px !important;
  background:rgba(2,12,24,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(82,216,255,.08), 0 0 12px rgba(183,255,0,.08) !important;
  overflow:hidden !important;
  flex:0 0 28px !important;
}
.stint-planner-section .kion-input-stepper button,
.stint-planner-section .kion-rc-time-stepper button {
  width:100% !important;
  height:19px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  text-shadow:0 0 8px rgba(183,255,0,.72) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:none !important;
}
.stint-planner-section .kion-input-stepper button:hover,
.stint-planner-section .kion-input-stepper button:focus,
.stint-planner-section .kion-rc-time-stepper button:hover,
.stint-planner-section .kion-rc-time-stepper button:focus {
  background:rgba(183,255,0,.12) !important;
  color:#dfff6b !important;
  -webkit-text-fill-color:#dfff6b !important;
  outline:none !important;
}
.stint-planner-section .kion-input-stepper button:first-child,
.stint-planner-section .kion-rc-time-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.18) !important;
}
.stint-planner-section .kion-stepper-input-wrap:focus-within .kion-input-stepper,
.stint-planner-section .kion-rc-time-quick-wrap:focus-within .kion-rc-time-stepper {
  border-color:rgba(183,255,0,.62) !important;
  box-shadow:inset 0 0 0 1px rgba(82,216,255,.12), 0 0 16px rgba(183,255,0,.18) !important;
}
@media (max-width:640px) {
  .stint-planner-section .kion-stepper-input-wrap {
    grid-template-columns:minmax(0, 1fr) 30px !important;
  }
  .stint-planner-section .kion-input-stepper,
  .stint-planner-section .kion-rc-time-stepper {
    width:30px !important;
    flex-basis:30px !important;
  }
}

/* v3.12.123 – Race Control Pitwall Tabs */
.kion-app-wizard[data-current-step="8"] > .kion-wizard-progress{
  display:none !important;
}
.kion-app-wizard[data-current-step="8"] .kion-wizard-panel:not([data-step="8"]){
  display:none !important;
}
.kion-app-wizard[data-current-step="8"] .kion-race-control-panel{
  display:block !important;
  margin-top:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.kion-rc-shell-nav{
  position:sticky;
  top:72px;
  z-index:18;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 22px;
  padding:12px;
  border:1px solid rgba(183,255,0,.16);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(2,10,22,.92),rgba(5,18,34,.88));
  box-shadow:0 14px 40px rgba(0,0,0,.34), inset 0 0 0 1px rgba(0,174,239,.08);
  backdrop-filter:blur(12px);
}
.kion-rc-shell-nav button{
  border:1px solid rgba(0,174,239,.22);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:rgba(235,244,255,.78);
  padding:10px 14px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:uppercase;
  font-size:11px;
  cursor:pointer;
  transition:all .16s ease;
}
.kion-rc-shell-nav button:hover,
.kion-rc-shell-nav button.is-active{
  color:#06111d;
  border-color:rgba(183,255,0,.72);
  background:linear-gradient(135deg,#b7ff00,#7dff6a);
  box-shadow:0 0 18px rgba(183,255,0,.24);
}
.kion-rc-shell-nav .kion-rc-setup-return{
  margin-left:auto;
  color:#b7ff00;
  background:rgba(183,255,0,.06);
  border-color:rgba(183,255,0,.28);
}
.kion-rc-shell-nav .kion-rc-setup-return:hover{
  color:#06111d;
  background:linear-gradient(135deg,#00aeef,#b7ff00);
}
.kion-race-control-panel[data-rc-active-tab="overview"] .kion-rc-decision-wall,
.kion-race-control-panel[data-rc-active-tab="overview"] .kion-live-stint-grid,
.kion-race-control-panel[data-rc-active-tab="overview"] .kion-live-stint-grid + *,
.kion-race-control-panel[data-rc-active-tab="overview"] .kion-rc-section-title[data-rc-section="operations"]{
  display:none !important;
}
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-rc-command-center,
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-rc-input-grid,
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-live-global-notes,
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-rc-engineer-alert,
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-live-stint-grid,
.kion-race-control-panel[data-rc-active-tab="strategy"] .kion-rc-section-title[data-rc-section="operations"]{
  display:none !important;
}
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-command-center,
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-decision-wall,
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-input-grid,
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-live-global-notes,
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-engineer-alert{
  display:none !important;
}
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-command-center,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-input-grid,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-live-global-notes,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-engineer-alert,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-live-stint-grid,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-section-title[data-rc-section="operations"],
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-live-strategy-grid,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-strategy-alert,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-section-title:not(.kion-rc-timeline-title),
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-decision-grid,
.kion-race-control-panel[data-rc-active-tab="timeline"] .kion-rc-driver-bars{
  display:none !important;
}
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-command-center,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-input-grid,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-live-global-notes,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-engineer-alert,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-live-stint-grid,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-section-title[data-rc-section="operations"],
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-live-strategy-grid,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-strategy-alert,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-decision-grid,
.kion-race-control-panel[data-rc-active-tab="drivers"] .kion-rc-status-bar{
  display:none !important;
}
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-command-center,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-decision-wall,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-input-grid,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-live-global-notes,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-engineer-alert,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-live-stint-grid,
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-section-title[data-rc-section="operations"]{
  display:none !important;
}
.kion-rc-setup-panel{
  display:none;
  border:1px solid rgba(0,174,239,.18);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(135deg,rgba(2,10,22,.92),rgba(0,174,239,.06));
  box-shadow:0 18px 50px rgba(0,0,0,.30);
}
.kion-race-control-panel[data-rc-active-tab="setup"] .kion-rc-setup-panel{display:block;}
.kion-rc-setup-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.kion-rc-setup-links button{border:1px solid rgba(183,255,0,.24);background:rgba(183,255,0,.06);color:#b7ff00;border-radius:999px;padding:10px 14px;font-weight:900;text-transform:uppercase;font-size:11px;cursor:pointer;}
@media (max-width:760px){
  .kion-rc-shell-nav{top:0;border-radius:16px;gap:8px;}
  .kion-rc-shell-nav button{flex:1 1 calc(50% - 8px);padding:9px 10px;}
  .kion-rc-shell-nav .kion-rc-setup-return{margin-left:0;}
}


/* v3.12.125 – Force Race Control Pitwall tabs visible */
.kion-race-control-panel .kion-rc-shell-nav,
.kion-app-wizard[data-current-step="8"] .kion-race-control-panel .kion-rc-shell-nav,
.kion-race-control-mode-active .kion-race-control-panel .kion-rc-shell-nav{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  pointer-events:auto !important;
  min-height:58px !important;
  width:100% !important;
  overflow:visible !important;
}
.kion-race-control-panel .kion-rc-shell-nav button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
}
.kion-race-control-panel .kion-rc-shell-nav::before{
  content:'PITWALL TABS';
  display:inline-flex;
  align-items:center;
  margin-right:4px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,174,239,.24);
  color:#00aeef;
  font-size:10px;
  font-weight:900;
  letter-spacing:.09em;
}

/* v3.12.126 – Race Control tab spacing fix
   Keep Pitwall tabs in their own layout row so they never overlap the command cards. */
.kion-app-wizard[data-current-step="8"] .kion-race-control-panel .kion-rc-shell-nav,
.kion-race-control-panel .kion-rc-shell-nav{
  position:relative !important;
  top:auto !important;
  z-index:25 !important;
  clear:both !important;
  margin:24px 0 34px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-shell-nav::after{
  content:'';
  display:block;
  flex-basis:100%;
  height:0;
}
.kion-race-control-panel .kion-live-control-form{
  display:block !important;
  clear:both !important;
  margin-top:18px !important;
  position:relative !important;
  z-index:1 !important;
}
.kion-race-control-panel .kion-rc-shell-nav + .kion-live-control-form,
.kion-race-control-panel [data-kion-rc-tabs] + .kion-live-control-form{
  margin-top:30px !important;
}
.kion-race-control-panel .kion-rc-command-center{
  clear:both !important;
  margin-top:8px !important;
}
@media (max-width:760px){
  .kion-race-control-panel .kion-rc-shell-nav{
    margin:20px 0 30px !important;
  }
  .kion-race-control-panel .kion-rc-shell-nav + .kion-live-control-form,
  .kion-race-control-panel [data-kion-rc-tabs] + .kion-live-control-form{
    margin-top:24px !important;
  }
}


/* v3.12.127 Race Control Stint Operations layout fix
   Prevent actual/input fields from overlapping inside the Stint Operations tab. */
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-stint-grid,
.kion-race-control-panel .kion-rc-stint-grid {
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 460px), 1fr)) !important;
  align-items:start !important;
}
.kion-race-control-panel .kion-live-stint-card {
  min-width:0 !important;
  overflow:visible !important;
}
.kion-race-control-panel .kion-live-card-fields {
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  align-items:start !important;
}
.kion-race-control-panel .kion-live-card-fields label {
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.kion-race-control-panel .kion-live-card-fields label > span {
  display:block !important;
  margin-bottom:6px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.kion-race-control-panel .kion-live-card-fields input,
.kion-race-control-panel .kion-live-card-fields select {
  min-width:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field,
.kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field {
  grid-column:span 2 !important;
  min-width:0 !important;
  overflow:visible !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(116px, 1fr) auto auto !important;
  gap:8px !important;
  align-items:center !important;
  min-width:0 !important;
  width:100% !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  min-width:116px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-time-stepper {
  flex:0 0 auto !important;
  width:26px !important;
  min-width:26px !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  flex:0 0 auto !important;
  min-width:52px !important;
  white-space:nowrap !important;
}
.kion-race-control-panel .kion-live-checkbox {
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.kion-race-control-panel .kion-live-notes {
  margin-top:10px !important;
}
.kion-race-control-panel .kion-live-notes textarea {
  min-height:74px !important;
  resize:vertical !important;
}
@media (max-width:720px) {
  .kion-race-control-panel .kion-live-card-fields {
    grid-template-columns:1fr !important;
  }
  .kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field,
  .kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field {
    grid-column:span 1 !important;
  }
  .kion-race-control-panel .kion-rc-time-quick-wrap,
  .kion-live-control-form .kion-rc-time-quick-wrap {
    grid-template-columns:minmax(110px,1fr) auto auto !important;
  }
}
@media (max-width:430px) {
  .kion-race-control-panel .kion-rc-time-quick-wrap,
  .kion-live-control-form .kion-rc-time-quick-wrap {
    grid-template-columns:1fr auto !important;
  }
  .kion-race-control-panel .kion-rc-time-now,
  .kion-live-control-form .kion-rc-time-now {
    grid-column:1 / -1 !important;
    width:100% !important;
  }
}


/* v3.12.128 Race Control compact stint operation cards
   Keeps the overlap fix from v3.12.127 but reduces card height, padding and field density. */
.kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-stint-grid,
.kion-race-control-panel .kion-rc-stint-grid {
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 360px), 1fr)) !important;
  gap:10px !important;
}
.kion-race-control-panel .kion-live-stint-card {
  padding:12px !important;
  border-radius:16px !important;
}
.kion-race-control-panel .kion-live-stint-head {
  margin-bottom:8px !important;
  gap:8px !important;
  align-items:center !important;
}
.kion-race-control-panel .kion-live-stint-head div span {
  font-size:10px !important;
  letter-spacing:.12em !important;
}
.kion-race-control-panel .kion-live-stint-head div strong {
  font-size:13px !important;
  line-height:1.15 !important;
}
.kion-race-control-panel .kion-live-status-pill {
  padding:5px 8px !important;
  border-radius:999px !important;
  gap:5px !important;
  font-size:10px !important;
  min-height:0 !important;
}
.kion-race-control-panel .kion-live-status-pill b {
  font-size:12px !important;
  line-height:1 !important;
}
.kion-race-control-panel .kion-live-planned-summary {
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:6px !important;
  padding:7px 8px !important;
  margin:0 0 8px !important;
  border-radius:12px !important;
}
.kion-race-control-panel .kion-live-planned-summary span {
  font-size:9px !important;
  letter-spacing:.09em !important;
  line-height:1.1 !important;
}
.kion-race-control-panel .kion-live-planned-summary strong {
  font-size:11px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.kion-race-control-panel .kion-live-card-fields {
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:7px !important;
}
.kion-race-control-panel .kion-live-card-fields label > span {
  margin-bottom:3px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.08em !important;
}
.kion-race-control-panel .kion-live-card-fields input,
.kion-race-control-panel .kion-live-card-fields select {
  min-height:34px !important;
  height:34px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  font-size:12px !important;
  border-radius:11px !important;
}
.kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field,
.kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field {
  grid-column:span 3 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  grid-template-columns:minmax(86px, 1fr) 22px 44px !important;
  gap:5px !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  min-width:86px !important;
  height:34px !important;
  min-height:34px !important;
}
.kion-race-control-panel .kion-rc-time-stepper {
  width:22px !important;
  min-width:22px !important;
  height:34px !important;
}
.kion-race-control-panel .kion-rc-time-stepper button {
  height:16px !important;
  min-height:16px !important;
  line-height:14px !important;
  font-size:9px !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  min-width:44px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 7px !important;
  font-size:10px !important;
  border-radius:10px !important;
}
.kion-race-control-panel .kion-live-checkbox {
  min-height:34px !important;
  padding:7px 8px !important;
  font-size:11px !important;
  border-radius:11px !important;
}
.kion-race-control-panel .kion-live-notes {
  margin-top:7px !important;
}
.kion-race-control-panel .kion-live-notes span {
  font-size:10px !important;
  margin-bottom:3px !important;
}
.kion-race-control-panel .kion-live-notes textarea {
  min-height:48px !important;
  rows:2 !important;
  padding:8px 9px !important;
  font-size:12px !important;
  border-radius:12px !important;
}
@media (max-width:980px) {
  .kion-race-control-panel .kion-live-card-fields {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
  .kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field,
  .kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field {
    grid-column:span 2 !important;
  }
}
@media (max-width:620px) {
  .kion-race-control-panel[data-rc-active-tab="operations"] .kion-rc-stint-grid,
  .kion-race-control-panel .kion-rc-stint-grid {
    grid-template-columns:1fr !important;
  }
  .kion-race-control-panel .kion-live-card-fields {
    grid-template-columns:1fr !important;
  }
  .kion-race-control-panel .kion-live-card-fields label.kion-rc-time-quick-field,
  .kion-live-control-form .kion-live-card-fields label.kion-rc-time-quick-field {
    grid-column:span 1 !important;
  }
  .kion-race-control-panel .kion-live-planned-summary {
    grid-template-columns:1fr !important;
  }
}

/* v3.12.129 Compact embedded Kion steppers
   Move increase/decrease controls inside the right edge of the input field instead of taking a separate grid column. */
.stint-planner-section .kion-stepper-input-wrap {
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
}
.stint-planner-section .kion-stepper-input-wrap > input {
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  padding-right:34px !important;
  box-sizing:border-box !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper {
  position:absolute !important;
  top:50% !important;
  right:6px !important;
  transform:translateY(-50%) !important;
  width:20px !important;
  height:28px !important;
  min-width:20px !important;
  flex-basis:20px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:auto !important;
  z-index:3 !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button {
  height:14px !important;
  min-height:14px !important;
  line-height:12px !important;
  font-size:9px !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  text-shadow:0 0 8px rgba(183,255,0,.78) !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:first-child {
  border-bottom:0 !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:hover,
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:focus {
  background:rgba(183,255,0,.08) !important;
  border-radius:6px !important;
}

/* Actual start/end: keep Now button next to the input, but embed the ▲/▼ controls inside the input edge. */
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(96px, 1fr) 44px !important;
  gap:5px !important;
  align-items:center !important;
  position:relative !important;
  min-width:0 !important;
  width:100% !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  grid-column:1 !important;
  min-width:96px !important;
  width:100% !important;
  padding-right:32px !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  grid-column:2 !important;
  min-width:44px !important;
  width:44px !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper {
  position:absolute !important;
  top:50% !important;
  right:calc(44px + 11px) !important;
  transform:translateY(-50%) !important;
  width:20px !important;
  min-width:20px !important;
  height:28px !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  box-shadow:none !important;
  z-index:4 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button {
  height:14px !important;
  min-height:14px !important;
  line-height:12px !important;
  font-size:9px !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  text-shadow:0 0 8px rgba(183,255,0,.78) !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:first-child,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:first-child {
  border-bottom:0 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:hover,
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:focus,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:hover,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:focus {
  background:rgba(183,255,0,.08) !important;
  border-radius:6px !important;
}
@media (max-width:430px) {
  .kion-race-control-panel .kion-rc-time-quick-wrap,
  .kion-live-control-form .kion-rc-time-quick-wrap {
    grid-template-columns:minmax(96px, 1fr) 44px !important;
  }
  .kion-race-control-panel .kion-rc-time-now,
  .kion-live-control-form .kion-rc-time-now {
    grid-column:2 !important;
    width:44px !important;
  }
}


/* v3.12.130 Compact Stint Operations summary + actual driver control */
.kion-race-control-panel .kion-live-planned-summary{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 0 7px !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.kion-race-control-panel .kion-live-planned-summary .kion-live-plan-metric{
  min-width:0 !important;
  padding:7px 8px !important;
  border:1px solid rgba(82,216,255,.16) !important;
  border-radius:10px !important;
  background:rgba(5,12,22,.72) !important;
  box-shadow:inset 0 0 0 1px rgba(183,255,0,.035) !important;
}
.kion-race-control-panel .kion-live-planned-summary .kion-live-plan-metric span{
  display:block !important;
  padding:0 !important;
  margin:0 0 4px !important;
  background:transparent !important;
  color:rgba(220,241,255,.58) !important;
  font-size:9px !important;
  line-height:1.05 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}
.kion-race-control-panel .kion-live-planned-summary .kion-live-plan-metric strong{
  display:block !important;
  padding:0 !important;
  background:transparent !important;
  color:#f4fbff !important;
  font-size:11px !important;
  line-height:1.15 !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.kion-race-control-panel .kion-live-actual-driver{
  display:block !important;
  margin:0 0 7px !important;
}
.kion-race-control-panel .kion-live-actual-driver > span{
  display:block !important;
  margin:0 0 4px !important;
  color:rgba(220,241,255,.62) !important;
  font-size:10px !important;
  line-height:1.05 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.kion-race-control-panel .kion-live-actual-driver select{
  min-height:34px !important;
  height:34px !important;
  width:100% !important;
  border-radius:10px !important;
  border:1px solid rgba(183,255,0,.26) !important;
  background:rgba(1,8,16,.86) !important;
  color:#f4fbff !important;
  font-size:12px !important;
}
@media (max-width:760px){
  .kion-race-control-panel .kion-live-planned-summary{grid-template-columns:1fr !important;}
}


/* v3.12.131 Inline input-shell steppers
   Keep the value and ▲/▼ controls inside one visual input, with the arrows pinned to the far right. */
.stint-planner-section .kion-stepper-input-wrap {
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  border:1px solid rgba(0,174,239,.46) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(4,18,29,.96), rgba(2,12,22,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 0 14px rgba(0,174,239,.08) !important;
  overflow:hidden !important;
}
.stint-planner-section .kion-stepper-input-wrap:focus-within {
  border-color:rgba(183,255,0,.74) !important;
  box-shadow:0 0 0 1px rgba(183,255,0,.18), 0 0 16px rgba(183,255,0,.12) !important;
}
.stint-planner-section .kion-stepper-input-wrap > input {
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 34px 0 11px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f4fbff !important;
  -webkit-text-fill-color:#f4fbff !important;
  font-weight:800 !important;
}
.stint-planner-section .kion-stepper-input-wrap > input:focus {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper {
  position:absolute !important;
  top:50% !important;
  right:4px !important;
  transform:translateY(-50%) !important;
  width:24px !important;
  height:30px !important;
  min-width:24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:1px solid rgba(183,255,0,.38) !important;
  border-radius:10px !important;
  background:rgba(183,255,0,.035) !important;
  box-shadow:0 0 10px rgba(183,255,0,.12) !important;
  pointer-events:auto !important;
  z-index:6 !important;
  overflow:hidden !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button {
  width:100% !important;
  height:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(183,255,0,.9) !important;
  box-shadow:none !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.22) !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:hover,
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:focus {
  background:rgba(183,255,0,.14) !important;
  color:#d9ff5c !important;
  -webkit-text-fill-color:#d9ff5c !important;
}

/* Actual start/end time controls: input remains one shell; steppers are embedded at the right edge, Now sits outside. */
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(112px, 1fr) 44px !important;
  gap:6px !important;
  align-items:center !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  grid-column:1 !important;
  width:100% !important;
  min-width:112px !important;
  height:36px !important;
  padding-right:35px !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper {
  position:absolute !important;
  top:50% !important;
  right:calc(44px + 10px) !important;
  transform:translateY(-50%) !important;
  width:24px !important;
  height:30px !important;
  min-width:24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(183,255,0,.38) !important;
  border-radius:10px !important;
  background:rgba(183,255,0,.035) !important;
  box-shadow:0 0 10px rgba(183,255,0,.12) !important;
  z-index:7 !important;
  overflow:hidden !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button {
  width:100% !important;
  height:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(183,255,0,.9) !important;
  box-shadow:none !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:first-child,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.22) !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:hover,
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:focus,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:hover,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper button:focus {
  background:rgba(183,255,0,.14) !important;
  color:#d9ff5c !important;
  -webkit-text-fill-color:#d9ff5c !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  grid-column:2 !important;
  width:44px !important;
  min-width:44px !important;
}


/* v3.12.132 Hard inline stepper layout
   Force custom steppers into the same visual control as the input. This uses a grid shell instead of relying on absolute positioning, so arrows cannot drop below the field. */
.stint-planner-section .kion-stepper-input-wrap,
.kion-race-control-panel .kion-stepper-input-wrap,
.kion-live-control-form .kion-stepper-input-wrap {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 26px !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  gap:0 !important;
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(0,174,239,.46) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(4,18,29,.96), rgba(2,12,22,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 0 14px rgba(0,174,239,.08) !important;
}
.stint-planner-section .kion-stepper-input-wrap > input,
.kion-race-control-panel .kion-stepper-input-wrap > input,
.kion-live-control-form .kion-stepper-input-wrap > input {
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 9px 0 11px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f4fbff !important;
  -webkit-text-fill-color:#f4fbff !important;
  font-weight:800 !important;
  line-height:34px !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}
.stint-planner-section .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.stint-planner-section .kion-stepper-input-wrap > input::-webkit-inner-spin-button,
.kion-race-control-panel .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.kion-race-control-panel .kion-stepper-input-wrap > input::-webkit-inner-spin-button,
.kion-live-control-form .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.kion-live-control-form .kion-stepper-input-wrap > input::-webkit-inner-spin-button {
  -webkit-appearance:none !important;
  margin:0 !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper {
  grid-column:2 !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;
  width:24px !important;
  min-width:24px !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 2px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:1px solid rgba(183,255,0,.38) !important;
  border-radius:10px !important;
  background:rgba(183,255,0,.035) !important;
  box-shadow:0 0 10px rgba(183,255,0,.12) !important;
  z-index:4 !important;
  overflow:hidden !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button {
  width:100% !important;
  height:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(183,255,0,.9) !important;
  box-shadow:none !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.22) !important;
}

/* Actual start/end: keep input, embedded arrows and Now button on one line. */
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(96px, 1fr) 26px 44px !important;
  align-items:center !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  position:relative !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap input.kion-24h-time-input,
.kion-live-control-form .kion-rc-time-quick-wrap input.kion-24h-time-input {
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  padding:0 8px 0 11px !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-stepper,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-stepper {
  grid-column:2 !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;
  width:24px !important;
  min-width:24px !important;
  height:30px !important;
  margin:0 !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  grid-column:3 !important;
  width:44px !important;
  min-width:44px !important;
}

/* v3.12.133 Forced inline input steppers
   The stepper must live inside the same visual input field: value left, lime arrows right.
   This override intentionally comes last to beat older experimental stepper rules. */
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(118px, 1fr) auto !important;
  align-items:center !important;
  column-gap:6px !important;
  width:100% !important;
  min-width:0 !important;
}
.kion-race-control-panel .kion-rc-inline-time-field,
.kion-live-control-form .kion-rc-inline-time-field,
.stint-planner-section .kion-stepper-input-wrap,
.kion-race-control-panel .kion-stepper-input-wrap,
.kion-live-control-form .kion-stepper-input-wrap {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 24px !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  gap:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(0,174,239,.46) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(4,18,29,.96), rgba(2,12,22,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 0 14px rgba(0,174,239,.08) !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-inline-time-field > input,
.kion-live-control-form .kion-rc-inline-time-field > input,
.stint-planner-section .kion-stepper-input-wrap > input,
.kion-race-control-panel .kion-stepper-input-wrap > input,
.kion-live-control-form .kion-stepper-input-wrap > input {
  grid-column:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 8px 0 11px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f4fbff !important;
  -webkit-text-fill-color:#f4fbff !important;
  font-weight:800 !important;
  line-height:34px !important;
  box-sizing:border-box !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
}
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper,
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper {
  grid-column:2 !important;
  position:static !important;
  top:auto !important;
  right:auto !important;
  transform:none !important;
  width:22px !important;
  min-width:22px !important;
  height:30px !important;
  min-height:30px !important;
  margin:0 2px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:1px solid rgba(183,255,0,.46) !important;
  border-radius:9px !important;
  background:rgba(183,255,0,.025) !important;
  box-shadow:0 0 10px rgba(183,255,0,.12) !important;
  overflow:hidden !important;
  z-index:4 !important;
  box-sizing:border-box !important;
}
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper button,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper button,
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button {
  width:100% !important;
  height:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(183,255,0,.9) !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper button:first-child,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper button:first-child,
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.24) !important;
}
.kion-race-control-panel .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-now {
  width:44px !important;
  min-width:44px !important;
  height:34px !important;
  margin:0 !important;
  align-self:center !important;
}


/* v3.12.134 Force-right inline steppers
   Final override: the stepper controls are absolutely positioned inside the visual input shell. */
.stint-planner-section .kion-stepper-input-wrap,
.kion-race-control-panel .kion-stepper-input-wrap,
.kion-live-control-form .kion-stepper-input-wrap,
.kion-race-control-panel .kion-rc-inline-time-field,
.kion-live-control-form .kion-rc-inline-time-field {
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(0,174,239,.52) !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(4,18,29,.96), rgba(2,12,22,.98)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025), 0 0 14px rgba(0,174,239,.08) !important;
  box-sizing:border-box !important;
}
.stint-planner-section .kion-stepper-input-wrap > input,
.kion-race-control-panel .kion-stepper-input-wrap > input,
.kion-live-control-form .kion-stepper-input-wrap > input,
.kion-race-control-panel .kion-rc-inline-time-field > input,
.kion-live-control-form .kion-rc-inline-time-field > input {
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  padding:0 34px 0 11px !important;
  margin:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f4fbff !important;
  -webkit-text-fill-color:#f4fbff !important;
  font-weight:800 !important;
  line-height:36px !important;
  box-sizing:border-box !important;
  appearance:textfield !important;
  -moz-appearance:textfield !important;
  z-index:1 !important;
}
.stint-planner-section .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.stint-planner-section .kion-stepper-input-wrap > input::-webkit-inner-spin-button,
.kion-race-control-panel .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.kion-race-control-panel .kion-stepper-input-wrap > input::-webkit-inner-spin-button,
.kion-live-control-form .kion-stepper-input-wrap > input::-webkit-outer-spin-button,
.kion-live-control-form .kion-stepper-input-wrap > input::-webkit-inner-spin-button {
  -webkit-appearance:none !important;
  margin:0 !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper,
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper {
  position:absolute !important;
  right:5px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:23px !important;
  min-width:23px !important;
  height:29px !important;
  min-height:29px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  border:1px solid rgba(183,255,0,.48) !important;
  border-radius:9px !important;
  background:rgba(183,255,0,.025) !important;
  box-shadow:0 0 10px rgba(183,255,0,.14) !important;
  overflow:hidden !important;
  z-index:5 !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button,
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper button,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper button {
  width:100% !important;
  height:14px !important;
  min-height:14px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  color:#b7ff00 !important;
  -webkit-text-fill-color:#b7ff00 !important;
  font-size:9px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(183,255,0,.9) !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
.stint-planner-section .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-race-control-panel .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-live-control-form .kion-stepper-input-wrap > .kion-input-stepper button:first-child,
.kion-race-control-panel .kion-rc-inline-time-field > .kion-rc-time-stepper button:first-child,
.kion-live-control-form .kion-rc-inline-time-field > .kion-rc-time-stepper button:first-child {
  border-bottom:1px solid rgba(183,255,0,.24) !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap,
.kion-live-control-form .kion-rc-time-quick-wrap {
  display:grid !important;
  grid-template-columns:minmax(118px, 1fr) 44px !important;
  align-items:center !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-inline-time-field,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-inline-time-field {
  grid-column:1 !important;
}
.kion-race-control-panel .kion-rc-time-quick-wrap > .kion-rc-time-now,
.kion-live-control-form .kion-rc-time-quick-wrap > .kion-rc-time-now {
  grid-column:2 !important;
  width:44px !important;
  min-width:44px !important;
}


/* v3.12.135 Compact stint operation header
   Hide event date in Race Control stint cards and make the stint number more prominent in Kion blue. */
.kion-race-control-panel .kion-live-stint-head.kion-live-stint-head-compact {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding-bottom:6px !important;
  border-bottom:1px solid rgba(0,174,255,.16) !important;
}
.kion-race-control-panel .kion-live-stint-title {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.kion-race-control-panel .kion-live-stint-number {
  display:inline-flex !important;
  width:max-content !important;
  padding:4px 8px !important;
  border:1px solid rgba(0,174,255,.58) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(0,174,255,.18), rgba(0,30,58,.44)) !important;
  color:#42cfff !important;
  box-shadow:0 0 14px rgba(0,174,255,.18) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  line-height:1 !important;
}
.kion-race-control-panel .kion-live-stint-time {
  color:#dff7ff !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.kion-race-control-panel .kion-live-stint-head.kion-live-stint-head-compact > div span:not(.kion-live-stint-number) {
  display:none !important;
}

/* v3.12.151 — Scheduled Step 2 Kion driver cards */
.kion-scheduled-preview-drivers{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.kion-scheduled-driver-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:14px 14px 14px 12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:radial-gradient(circle at 12% 0%,rgba(0,132,255,.18),transparent 42%),linear-gradient(135deg,rgba(6,14,32,.94),rgba(3,8,20,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.24);cursor:pointer;min-width:0;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease}.kion-scheduled-driver-card:hover{transform:translateY(-1px);border-color:rgba(186,255,0,.38);box-shadow:0 0 0 1px rgba(186,255,0,.10),0 16px 36px rgba(0,0,0,.32)}.kion-scheduled-driver-card.is-selected{border-color:rgba(186,255,0,.72);background:radial-gradient(circle at 15% 0%,rgba(186,255,0,.16),transparent 45%),linear-gradient(135deg,rgba(9,24,34,.96),rgba(4,10,22,.92));box-shadow:0 0 0 1px rgba(186,255,0,.16),0 0 28px rgba(186,255,0,.10),0 16px 36px rgba(0,0,0,.32)}.kion-scheduled-driver-card input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}.kion-scheduled-driver-check{width:30px;height:30px;border-radius:10px;border:1px solid rgba(186,255,0,.45);background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);position:relative}.kion-scheduled-driver-card.is-selected .kion-scheduled-driver-check{background:rgba(186,255,0,.16);border-color:rgba(186,255,0,.9);box-shadow:0 0 18px rgba(186,255,0,.22),inset 0 0 0 1px rgba(186,255,0,.2)}.kion-scheduled-driver-card.is-selected .kion-scheduled-driver-check:after{content:"";position:absolute;left:9px;top:5px;width:8px;height:15px;border:solid var(--kion-lime,#baff00);border-width:0 3px 3px 0;transform:rotate(45deg)}.kion-scheduled-driver-main{display:grid;gap:7px;min-width:0}.kion-scheduled-driver-main strong{color:#fff;font-size:15px;line-height:1.15;overflow-wrap:anywhere}.kion-scheduled-driver-meta{display:flex;flex-wrap:wrap;gap:6px}.kion-scheduled-driver-meta span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,132,255,.35);background:rgba(0,132,255,.10);color:#d9ecff;font-size:11px;font-weight:800;letter-spacing:.02em}.kion-scheduled-driver-main small{font-size:12px;color:var(--muted,#9da7bd)}.kion-scheduled-driver-main small.is-linked{color:var(--kion-lime,#baff00)}.kion-scheduled-driver-main small.is-unlinked{color:#ffd27a}@media(max-width:640px){.kion-scheduled-preview-drivers{grid-template-columns:1fr}.kion-scheduled-driver-card{grid-template-columns:34px minmax(0,1fr);padding:12px}}

/* v3.12.179 — Garage61 on-demand planner status */
.kion-g61-live-planner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:16px 18px;border:1px solid rgba(79,216,255,.3);border-radius:14px;background:rgba(79,216,255,.06)}
.kion-g61-live-planner>div{display:flex;flex-direction:column;gap:4px}.kion-g61-live-planner span{font-size:13px;opacity:.82}
.kion-g61-live-planner.is-ready{border-color:rgba(183,255,0,.4);background:rgba(183,255,0,.06)}
.kion-g61-live-planner.is-error{border-color:rgba(255,79,102,.45);background:rgba(255,79,102,.06)}
@media(max-width:720px){.kion-g61-live-planner{align-items:stretch;flex-direction:column}}