/* IGNITE QA UI finishing layer | 21 Oct 2026
 * Visual changes only. No athlete/attendance/financial state modifications.
 * Purpose: legacy teal/green and white controls must not bleed into orange/dark UI.
 */
:root {
 color-scheme:dark!important;
 --ig-orange:#ff5735;--ig-orange-soft:#ffb098;
 --ig-bg:#09090a;--ig-card:#1d1b1e;--ig-well:#282427;
 --ig-fg:#f7f3f1;--ig-secondary:#bfb1ae;--ig-stroke:#44373a;
 --accent:#ff5735!important;--accent-soft:#ff57352b!important;
 --surface:#1d1b1e!important;--surface2:#242125!important;--surface3:#302a2d!important;
 --text:#f7f3f1!important;--muted:#bfb1ae!important;--line:#44373a!important;
}
html,body,.app-shell,.workspace{background-color:#09090a!important;color:#f7f3f1!important}
/* Page headings, compact summary figures and deep navigation keep a single design vocabulary. */
.workspace :is(.page-title,.card-title,.section-header h3,.section-header h2,.list-name,.big-num){color:#f7f3f1!important}
.workspace :is(.card-sub,.list-sub,.muted,.small-text,.section-label,.page-sub){color:#bfb1ae!important}
.workspace :is(.section-label,.eyebrow){letter-spacing:.055em!important}
:where(.workspace,.modal,#modal-root) :is(.pill,.btn,.tag,.status-btn){border-radius:999px!important}
:where(.workspace,.modal,#modal-root) :is(input,select,textarea):not([type=checkbox]):not([type=radio]){
 background-color:#282427!important;color:#f7f3f1!important;border-color:#514145!important;box-shadow:none!important;color-scheme:dark!important
}
:where(.workspace,.modal,#modal-root) :is(input,select,textarea):focus-visible {outline:2px solid #ff8969!important;outline-offset:2px!important}
:where(.workspace,.modal,#modal-root) :is(input[type=checkbox],input[type=radio]){accent-color:#ff5735!important}
:where(.workspace,.modal,#modal-root) :is(input,select,textarea)::placeholder{color:#a99c99!important}
/* SMART ANALYTICS: these were the dark-teal numbers and headings in screenshots. */
.mk5-page,.mk5-page .card,.mk5-panel,.mk5-insight,.mk5-tools,.mk5-form {color:#f7f3f1!important}
.mk5-page :is(.page-title,.card-title,h1),.mk5-panel-head h2,.mk5-info b,.mk5-page .mk5-subheading {
 color:#f7f3f1!important;text-shadow:none!important
}
.mk5-stat,.mk5-grid .mk5-stat,.mk5-slot,.mk5-goal,.mk5-panel,.mk5-alert,.mk5-card,.mk5-table-wrap{
 background:#1d1b1e!important;border:1px solid #44373a!important;color:#f7f3f1!important;box-shadow:none!important
}
.mk5-stat{border-radius:23px!important}
.mk5-stat strong,.mk5-grid .mk5-stat strong,.mk5-point,.mk5-goal{color:#ff7957!important}
.mk5-goal{background:#282327!important;border-radius:19px!important;color:#f7f3f1!important;font-weight:760!important}
.mk5-stat span,.mk5-panel-head span,.mk5-info span,.mk5-note,.mk5-empty,.mk5-tools label,.mk5-form label{
 color:#bfb1ae!important
}
.mk5-dot{background:#ff6846!important}
.mk5-dot.mk5-warn{background:#ffba80!important}
.mk5-insight{border-bottom:1px solid #44373a!important}
.mk5-insight button,.mk5-tabs button,.mk5-page :is(.input,.select,.textarea,.mk5-textarea){
 background:#282427!important;border:1px solid #514145!important;color:#f7f3f1!important;border-radius:16px!important;box-shadow:none!important
}
.mk5-tabs button{border-radius:999px!important}
.mk5-tabs button.active{background:#ff5735!important;color:#fff!important;border-color:#ff5735!important}
.mk5-page :is(.mk5-panel,.mk5-stat,.mk5-slot,.mk5-goal) :is(h1,h2,h3,b,strong):not(.mk5-point){color:#f7f3f1!important}
.mk5-stat strong,.mk5-goal strong,.mk5-point{color:#ff7957!important}
.mk5-table,.mk5-table th,.mk5-table td{background-color:#1d1b1e!important;color:#f7f3f1!important;border-color:#44373a!important}
.mk5-table th{color:#bfb1ae!important;background:#282427!important}
.mk5-page :is(.mk5-actions,.mk5-tools) :is(button,.btn){background:#302a2c!important;color:#f7f3f1!important;border-color:#574248!important;border-radius:999px!important}
.mk5-page .btn.primary{background:#ff5735!important;color:#fff!important;border-color:#ff5735!important}
/* Task center: no invisible teal headings, green task subtitles or bright-white pills. */
.mk55-attention,.mk55-list,.mk55-item{color:#f7f3f1!important}
.mk55-attention{background:#1d1b1e!important;border-color:#44373a!important;border-radius:25px!important}
.mk55-attention>summary b,.mk55-info>b,.mk55-info>strong,.mk55-item :is(h2,h3,strong),.mk55-page h2{color:#f7f3f1!important}
.mk55-attention>summary small,.mk55-summary-right,.mk55-info>small,.mk55-empty,.mk55-note{color:#bfb1ae!important}
.mk55-summary-right>b{background:#332621!important;color:#ffa78b!important;border:1px solid #67463f!important;border-radius:14px!important}
.mk55-item{border-color:#44373a!important}
.mk55-symbol,.mk55-symbol.inactive,.mk55-symbol.balance,.mk55-symbol.booking{
 background:#372720!important;color:#ffaf93!important;border-radius:14px!important
}
.mk55-tabs button{background:#292427!important;color:#e4d6d2!important;border:1px solid #514145!important;border-radius:999px!important}
.mk55-tabs button.active{background:#ff5735!important;border-color:#ff5735!important;color:#fff!important}
.mk55-item>button,.mk55-item>button:hover,.mk55-item>button:focus-visible{
 background:#332923!important;color:#ffae91!important;border:1px solid #745044!important;border-radius:999px!important;box-shadow:none!important
}
.mk55-item>button:active{background:#493228!important}
.mk55-cloud-hint{background:#352821!important;color:#ffd0b7!important;border:1px solid #704a3d!important}
/* Athlete passports: never use dark green for medals/ratings/summary. */
.v215-cell,.v215-box,.v215-record,.v215-roster-row,.v215-tour,.v215-tab-body,.v215-panel,.v215-summary{
 color:#f7f3f1!important;border-color:#44373a!important
}
.v215-cell strong,.v215-cell.positive strong,.v215-tour-result strong,.v215-pill.good,.v215-score,.v215-rating{
 color:#ff9978!important
}
.v215-cell small,.v215-box small,.v215-tour-top small,.v215-tour-result,.v215-help{color:#bfb1ae!important}
.v215-pill.good,.v215-pill.bad,.v215-pill{background:#352826!important;border-color:#654640!important}
.v215-pill.bad{color:#ffb3a6!important}
.v215-tabs button.active{background:#ff5735!important;color:#fff!important;border-color:#ff5735!important}
/* Schedule, sport dashboard and financial legacy accents */
.v13-finance .v13-fin-stat:nth-child(2) strong,.v13-fin-stat strong:first-of-type,
.v15-total strong,.v216-summary strong.v216-positive,.v217-done,.mk54-pill.paid,.mk55-info strong{
 color:#ff9978!important
}
.v13-finance .v13-fin-stat:nth-child(2) strong{color:#ff9978!important}
.v218-icon.v218-parents,.v218-icon.v218-signups,.v218-icon.v218-journal,.v218-icon.v218-absence{
 background:#352821!important;color:#ffae91!important
}
.mk567-count,.mk567-check,.mk564-check-ok,.mk564-stat,.mk564-old,
.mk31-network--restored,.mk3-search-count,.v217-done{
 background:#332823!important;color:#ffb99f!important;border-color:#705045!important
}
.mk54-pill.paid,.mc587-markers .mc587-yes.selected,.v216-mark.yes.selected,.status-btn.selected:not(.absent):not(.excused){
 background:#593326!important;color:#ffd6c4!important;border-color:#e16b45!important
}
.time-slot.available,.v7-slot.available,.mk570-slot.available{background:#332921!important;color:#ffdfcd!important;border-color:#a35b45!important}
:where(.workspace,.modal,#modal-root) .green-text{color:#ffae91!important}
/* Page summary totals, generic panels and sheet chrome. */
.mk5-page :is(.mk5-stat,.mk5-panel),.mk55-attention,.v218-attention,.v215-cell{box-shadow:none!important}
:where(.workspace,.modal,#modal-root) :is(.v218-attention,.mk54-panel,.mk575-panel,.mk575-grpstat,.mk569-panel,.v21-card,.v20-application,.v20-entrant,.v27-event){
 background:#1d1b1e!important;color:#f7f3f1!important;border-color:#44373a!important
}
:where(.workspace,.modal,#modal-root) :is(.v218-title h2,.v217-panel h2,.mk575-panel h2,.mk54-section-head h2,.v27-event h2){color:#f7f3f1!important}
:where(.workspace,.modal,#modal-root) :is(.v218-hint,.v218-item-body small,.v20-entrant small,.mk575-small){color:#bfb1ae!important}
:where(.workspace,.modal,#modal-root) .btn:not(.primary):not(.danger):not(.success){background:#302a2c!important;color:#f7f3f1!important;border-color:#534247!important}
:where(.workspace,.modal,#modal-root) .btn.primary{background:#ff5735!important;color:#fff!important;border-color:#ff5735!important}
:where(.workspace,.modal,#modal-root) .btn.danger{color:#ffc2ba!important;background:#4a2728!important;border-color:#894448!important}
:where(.workspace,.modal,#modal-root) .btn:disabled{opacity:.46!important}
/* iOS Safari date/time fields need forced dark-native controls. */
:where(.workspace,.modal,#modal-root) input:is([type=date],[type=time],[type=month],[type=datetime-local]){
 color-scheme:dark!important;background-color:#282427!important;color:#f7f3f1!important
}
@media(max-width:560px){
 .mk5-stats{gap:9px!important}.mk5-stat{padding:14px!important;min-width:0!important}
 .mk5-stat strong{font-size:23px!important;overflow-wrap:anywhere!important}
 .mk55-item{flex-wrap:wrap!important}.mk55-item>button{min-height:38px!important}
}
@media(prefers-reduced-motion:reduce){.mk55-item>button,.mk5-page .btn{transition:none!important}}
/* Editable UI remains dark; exported/printable document pages intentionally remain white. */
@media print {.v20-paper,.v21-paper{background:#fff!important;color:#111!important}}
/* Final specificity fixes found by computed-style browser audit. */
.mk5-page .mk5-stat strong,.mk5-page .mk5-grid .mk5-stat strong {color:#ff9978!important}
.mk5-page .mk5-goal{color:#f7f3f1!important}
.mk5-slot.chosen,.mk5-page .mk5-slot.chosen{background:#563125!important;border-color:#ed7955!important;color:#ffe4d6!important}
.mk5-pulse-strip strong{color:#f7f3f1!important}
.mk5-pulse-strip span{color:#bfb1ae!important}
.mk5-pulse-strip button{background:#ff5735!important;color:#fff!important;border-color:#ff5735!important;border-radius:999px!important}
.mk31-result,.mk31-result-name,.mk31-dialog h2{color:#f7f3f1!important}
.mk31-result-meta,.mk31-dialog-foot,.mk31-empty{color:#bfb1ae!important}
.mk31-result:hover,.mk31-result:focus-visible{background:#2f2627!important;color:#f7f3f1!important}
.mk31-update button{background:#ff5735!important;color:#fff!important;border-radius:999px!important}
/* Numeric sports results intentionally orange, with specificity above legacy nested panel typography. */
.mk5-page .mk5-stat strong:not(.mk5-point),.mk5-page .mk5-grid .mk5-stat strong:not(.mk5-point){color:#ff9978!important}