:root {
    --wcoa-eval-navy: #12355b;
    --wcoa-eval-blue: #2271b1;
    --wcoa-eval-blue-dark: #185a8d;
    --wcoa-eval-blue-soft: #eef4fb;
    --wcoa-eval-text: #1d2327;
    --wcoa-eval-muted: #646970;
    --wcoa-eval-border: #dcdcde;
    --wcoa-eval-border-strong: #b8bdc3;
    --wcoa-eval-panel: #ffffff;
    --wcoa-eval-panel-soft: #f6f7f7;
    --wcoa-eval-warning: #fff8e5;
    --wcoa-eval-warning-border: #dba617;
    --wcoa-eval-danger: #fde2e1;
    --wcoa-eval-danger-border: #b32d2e;
}

.wcoa-evaluation-portal,
.wcoa-evaluation-portal *,
.wcoa-eval-form-a-preview,
.wcoa-eval-form-a-preview * {
    box-sizing: border-box;
}

.wcoa-evaluation-portal {
    max-width: 1180px;
    margin: 24px auto 42px;
    padding: 0 14px;
    color: var(--wcoa-eval-text);
    font-family: Arial, Helvetica, sans-serif;
}

.wcoa-evaluation-portal-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 15px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid var(--wcoa-eval-border);
    border-left: 5px solid var(--wcoa-eval-blue);
    border-radius: 9px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.wcoa-evaluation-portal-header h1 {
    margin: 3px 0 4px;
    color: var(--wcoa-eval-navy);
    font-size: 26px;
    line-height: 1.2;
}

.wcoa-evaluation-portal-header p {
    margin: 0;
    color: var(--wcoa-eval-muted);
    font-size: 13px;
}

.wcoa-evaluation-kicker {
    display: block;
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.wcoa-evaluation-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--wcoa-eval-blue-soft);
    color: var(--wcoa-eval-navy);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.wcoa-eval-public-notice {
    max-width: 900px;
    margin: 24px auto;
    padding: 12px 14px;
    background: var(--wcoa-eval-warning);
    border: 1px solid #e7c867;
    border-left: 4px solid var(--wcoa-eval-warning-border);
    border-radius: 7px;
    color: var(--wcoa-eval-text);
}

.wcoa-eval-public-error {
    background: var(--wcoa-eval-danger);
    border-color: #efb6b6;
    border-left-color: var(--wcoa-eval-danger-border);
}

/* Remove the Formidable green/default surface only when Form A is shown. */
.wcoa-evaluation-form-shell,
.wcoa-evaluation-form-shell .with_frm_style,
.wcoa-evaluation-form-shell .frm_forms,
.wcoa-evaluation-form-shell .frm_form_fields,
.wcoa-eval-form-a-preview .with_frm_style,
.wcoa-eval-form-a-preview .frm_forms,
.wcoa-eval-form-a-preview .frm_form_fields,
.wcoa-eval-form-a-preview [id^="frm_form_"][id$="_container"] {
    background: transparent !important;
    color: var(--wcoa-eval-text) !important;
}

.wcoa-evaluation-form,
.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"],
form[id*="wcoa_form_a_crew_evaluation"] {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 22px !important;
    background: var(--wcoa-eval-panel) !important;
    color: var(--wcoa-eval-text) !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_form_field,
form[id*="wcoa_form_a_crew_evaluation"] .form-field,
form[id*="wcoa_form_a_crew_evaluation"] fieldset,
form[id*="wcoa_form_a_crew_evaluation"] .frm_section_heading,
form[id*="wcoa_form_a_crew_evaluation"] .frm_repeat_sec {
    color: var(--wcoa-eval-text) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_form_title {
    margin: 0 0 8px !important;
    color: var(--wcoa-eval-navy) !important;
    font-size: 27px !important;
    line-height: 1.2 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] > .frm_description,
form[id*="wcoa_form_a_crew_evaluation"] .frm_description {
    color: var(--wcoa-eval-muted) !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* The imported HTML heading rows become Form C-style section bars. */
form[id*="wcoa_form_a_crew_evaluation"] .frm_form_field.frm12.frm_first:has(> h3),
form[id*="wcoa_form_a_crew_evaluation"] .frm_form_field:has(> h3),
form[id*="wcoa_form_a_crew_evaluation"] .frm_section_heading {
    clear: both !important;
    width: 100% !important;
    margin: 22px 0 14px !important;
    padding: 13px 15px !important;
    background: var(--wcoa-eval-panel-soft) !important;
    border: 1px solid var(--wcoa-eval-border) !important;
    border-left: 4px solid var(--wcoa-eval-blue) !important;
    border-radius: 7px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_form_field > h3,
form[id*="wcoa_form_a_crew_evaluation"] .frm_section_heading h3 {
    margin: 0 0 3px !important;
    color: var(--wcoa-eval-navy) !important;
    font-size: 19px !important;
    line-height: 1.25 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_form_field > h3 + p {
    margin: 0 !important;
    color: var(--wcoa-eval-muted) !important;
    font-size: 13px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_primary_label,
form[id*="wcoa_form_a_crew_evaluation"] label {
    color: var(--wcoa-eval-text) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] input[type="text"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="email"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="number"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="date"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="time"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="tel"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="url"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="password"],
form[id*="wcoa_form_a_crew_evaluation"] select,
form[id*="wcoa_form_a_crew_evaluation"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 8px 10px !important;
    background: #fff !important;
    color: var(--wcoa-eval-text) !important;
    border: 1px solid var(--wcoa-eval-border-strong) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] textarea {
    min-height: 108px !important;
    resize: vertical !important;
}

form[id*="wcoa_form_a_crew_evaluation"] input:focus,
form[id*="wcoa_form_a_crew_evaluation"] select:focus,
form[id*="wcoa_form_a_crew_evaluation"] textarea:focus {
    outline: 2px solid rgba(34, 113, 177, .18) !important;
    border-color: var(--wcoa-eval-blue) !important;
    box-shadow: 0 0 0 1px var(--wcoa-eval-blue) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] input[readonly],
form[id*="wcoa_form_a_crew_evaluation"] textarea[readonly],
form[id*="wcoa_form_a_crew_evaluation"] select[disabled] {
    background: var(--wcoa-eval-panel-soft) !important;
    color: #50575e !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_required {
    color: var(--wcoa-eval-danger-border) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_opt_container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 14px !important;
    margin-top: 6px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_checkbox,
form[id*="wcoa_form_a_crew_evaluation"] .frm_radio {
    margin: 0 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_checkbox label,
form[id*="wcoa_form_a_crew_evaluation"] .frm_radio label {
    display: inline-flex !important;
    gap: 7px !important;
    align-items: flex-start !important;
    font-weight: 400 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] input[type="checkbox"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="radio"] {
    accent-color: var(--wcoa-eval-blue) !important;
    margin-top: 2px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_repeat_sec {
    position: relative !important;
    margin: 14px 0 !important;
    padding: 17px 15px 13px !important;
    background: #fff !important;
    border: 1px solid var(--wcoa-eval-border) !important;
    border-left: 4px solid #72aee6 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .03) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row,
form[id*="wcoa_form_a_crew_evaluation"] .frm_remove_form_row,
form[id*="wcoa_form_a_crew_evaluation"] .frm_button_submit,
form[id*="wcoa_form_a_crew_evaluation"] button[type="submit"],
form[id*="wcoa_form_a_crew_evaluation"] input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border: 1px solid var(--wcoa-eval-blue) !important;
    border-radius: 5px !important;
    background: var(--wcoa-eval-blue) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row:hover,
form[id*="wcoa_form_a_crew_evaluation"] .frm_button_submit:hover,
form[id*="wcoa_form_a_crew_evaluation"] button[type="submit"]:hover,
form[id*="wcoa_form_a_crew_evaluation"] input[type="submit"]:hover {
    background: var(--wcoa-eval-blue-dark) !important;
    border-color: var(--wcoa-eval-blue-dark) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_remove_form_row,
form[id*="wcoa_form_a_crew_evaluation"] .frm_prev_page,
form[id*="wcoa_form_a_crew_evaluation"] .frm_save_draft {
    background: var(--wcoa-eval-panel-soft) !important;
    border-color: var(--wcoa-eval-border-strong) !important;
    color: var(--wcoa-eval-text) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_submit {
    clear: both !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    align-items: center !important;
    margin-top: 22px !important;
    padding-top: 18px !important;
    border-top: 1px solid var(--wcoa-eval-border) !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_error,
form[id*="wcoa_form_a_crew_evaluation"] .frm_error_style {
    color: #8a2424 !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_error_style {
    padding: 11px 13px !important;
    background: var(--wcoa-eval-danger) !important;
    border: 1px solid #f0b8b5 !important;
    border-left: 4px solid var(--wcoa-eval-danger-border) !important;
    border-radius: 6px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .chosen-container,
form[id*="wcoa_form_a_crew_evaluation"] .select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .chosen-single,
form[id*="wcoa_form_a_crew_evaluation"] .select2-selection {
    min-height: 40px !important;
    border-color: var(--wcoa-eval-border-strong) !important;
    border-radius: 5px !important;
    background: #fff !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    .wcoa-evaluation-form,
    form[id*="wcoa_form_a_crew_evaluation"] {
        padding: 16px !important;
    }

    .wcoa-evaluation-portal-header {
        padding: 15px 16px;
    }

    .wcoa-evaluation-portal-header h1 {
        font-size: 22px;
    }
}

@media (max-width: 600px) {
    .wcoa-evaluation-portal {
        padding: 0 8px;
        margin-top: 12px;
    }

    .wcoa-evaluation-portal-header {
        display: block;
    }

    .wcoa-evaluation-badge {
        margin-top: 10px;
    }

    .wcoa-evaluation-form,
    form[id*="wcoa_form_a_crew_evaluation"] {
        padding: 12px !important;
        border-radius: 7px !important;
    }

    form[id*="wcoa_form_a_crew_evaluation"] .frm_opt_container {
        display: block !important;
    }

    form[id*="wcoa_form_a_crew_evaluation"] .frm_checkbox,
    form[id*="wcoa_form_a_crew_evaluation"] .frm_radio {
        margin-bottom: 7px !important;
    }
}

/* v0.2.1: hard reset the selected Formidable style's green field surfaces.
   This remains scoped to the managed Form A portal and Form A preview only. */
.wcoa-evaluation-form-shell .with_frm_style,
.wcoa-evaluation-form-shell .frm_forms,
.wcoa-evaluation-form-shell .frm_form_fields,
.wcoa-evaluation-form-shell .frm_fields_container,
.wcoa-evaluation-form-shell .frm_grid_container,
.wcoa-eval-form-a-preview .with_frm_style,
.wcoa-eval-form-a-preview .frm_forms,
.wcoa-eval-form-a-preview .frm_form_fields,
.wcoa-eval-form-a-preview .frm_fields_container,
.wcoa-eval-form-a-preview .frm_grid_container {
    --bg-color: transparent;
    --form-bg-color: #ffffff;
    --field-bg-color: #ffffff;
    --field-border-color: #b8bdc3;
    --label-color: #1d2327;
    --description-color: #646970;
    --title-color: #12355b;
    background-color: transparent !important;
    background-image: none !important;
}

body .wcoa-evaluation-form-shell .frm_form_field,
body .wcoa-evaluation-form-shell .form-field,
body .wcoa-evaluation-form-shell fieldset,
body .wcoa-evaluation-form-shell .frm_fieldset,
body .wcoa-eval-form-a-preview .frm_form_field,
body .wcoa-eval-form-a-preview .form-field,
body .wcoa-eval-form-a-preview fieldset,
body .wcoa-eval-form-a-preview .frm_fieldset {
    background-color: transparent !important;
    background-image: none !important;
}

body .wcoa-evaluation-form-shell .frm_form_field > *:not(input):not(select):not(textarea):not(button),
body .wcoa-eval-form-a-preview .frm_form_field > *:not(input):not(select):not(textarea):not(button) {
    background-color: transparent !important;
    background-image: none !important;
}

/* Keep actual controls white after the surface reset. */
body .wcoa-evaluation-form-shell input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body .wcoa-evaluation-form-shell select,
body .wcoa-evaluation-form-shell textarea,
body .wcoa-evaluation-form-shell .chosen-single,
body .wcoa-evaluation-form-shell .select2-selection,
body .wcoa-eval-form-a-preview input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body .wcoa-eval-form-a-preview select,
body .wcoa-eval-form-a-preview textarea,
body .wcoa-eval-form-a-preview .chosen-single,
body .wcoa-eval-form-a-preview .select2-selection {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Reapply the intended WCOA section cards after the reset. */
body .wcoa-evaluation-form-shell .frm_form_field:has(> h3),
body .wcoa-evaluation-form-shell .frm_section_heading,
body .wcoa-eval-form-a-preview .frm_form_field:has(> h3),
body .wcoa-eval-form-a-preview .frm_section_heading {
    background-color: #f6f7f7 !important;
    background-image: none !important;
}

body .wcoa-evaluation-form-shell .frm_repeat_sec,
body .wcoa-eval-form-a-preview .frm_repeat_sec {
    background-color: #ffffff !important;
    background-image: none !important;
}


/* v0.3.0: the portal uses native Formidable pages. Keep the form surface clean. */
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"],
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.wcoa-form-a-stepper {
    margin: 0 0 16px;
}

.wcoa-form-a-stepper__track {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 6px;
    padding: 12px;
    background: #f6f7f7;
    border: 1px solid var(--wcoa-eval-border);
    border-radius: 8px;
}

.wcoa-form-a-stepper__step {
    min-width: 0;
    padding: 8px 6px;
    border-radius: 6px;
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
}

.wcoa-form-a-stepper__step.is-complete {
    color: var(--wcoa-eval-navy);
    background: #e7f2fc;
}

.wcoa-form-a-stepper__step.is-current {
    color: #fff;
    background: var(--wcoa-eval-blue);
}

.wcoa-form-a-stepper__count {
    display: block;
    margin-top: 7px;
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_1,
form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_2,
form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_3,
form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_4,
form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_5,
form[id*="wcoa_form_a_crew_evaluation"] .frm_page_num_6 {
    min-height: 360px;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_prev_page,
form[id*="wcoa_form_a_crew_evaluation"] .frm_save_draft {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    border: 1px solid var(--wcoa-eval-border-strong) !important;
    border-radius: 5px !important;
    background: var(--wcoa-eval-panel-soft) !important;
    color: var(--wcoa-eval-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .wcoa-form-a-review-card {
    padding: 18px;
    background: #f6fbff;
    border: 1px solid #b9d7ee;
    border-left: 5px solid var(--wcoa-eval-blue);
    border-radius: 8px;
}

form[id*="wcoa_form_a_crew_evaluation"] .wcoa-form-a-review-card h3 {
    margin: 0 0 8px !important;
    color: var(--wcoa-eval-navy) !important;
    font-size: 21px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .wcoa-form-a-review-card p,
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-form-a-review-card li {
    color: var(--wcoa-eval-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width: 720px) {
    .wcoa-form-a-stepper__track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 440px) {
    .wcoa-form-a-stepper__track {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* v0.3.2: remove the Formidable root form frame.
   Formidable nests the root fieldset inside .frm_form_fields, so the v0.3.1
   direct-child selector (form > fieldset) could not match the live markup. */
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields,
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields > fieldset,
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] .frm_form_fields > fieldset.frm_fieldset,
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] .frm_fields_container > fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields > fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] .frm_form_fields > fieldset.frm_fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] .frm_fields_container > fieldset {
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Preserve the spacing already supplied by the portal card while removing only
   the outer frame. Do not flatten section bars or repeater cards. */
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields > fieldset,
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] .frm_form_fields > fieldset.frm_fieldset,
body .wcoa-evaluation-form-shell form[id*="wcoa_form_a_crew_evaluation"] .frm_fields_container > fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] > .frm_form_fields > fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] .frm_form_fields > fieldset.frm_fieldset,
body.wcoa-eval-form-a-preview form[id*="wcoa_form_a_crew_evaluation"] .frm_fields_container > fieldset {
    padding: 0 !important;
}

/* Administrator-only QA mode controls. */
.wcoa-qa-launch,
.wcoa-qa-panel {
    margin: 0 0 15px;
    border-radius: 8px;
}

.wcoa-qa-launch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 11px 14px;
    background: #f0f6fc;
    border: 1px solid #b8d6ed;
    color: #1d2327;
    font-size: 13px;
}

.wcoa-qa-launch a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 7px 12px;
    border-radius: 5px;
    background: var(--wcoa-eval-blue);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
}

.wcoa-qa-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 18px;
    align-items: center;
    padding: 14px 16px;
    background: #fff8e5;
    border: 1px solid #e5bd55;
    border-left: 5px solid #dba617;
    color: #1d2327;
}

.wcoa-qa-panel strong {
    color: #7a4f00;
    letter-spacing: .03em;
}

.wcoa-qa-panel p {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.45;
}

.wcoa-qa-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.wcoa-qa-fill-button,
.wcoa-qa-stop-button,
.wcoa-qa-exit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 8px 13px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    cursor: pointer;
}

.wcoa-qa-fill-button {
    border: 1px solid var(--wcoa-eval-blue);
    background: var(--wcoa-eval-blue);
    color: #fff;
}

.wcoa-qa-stop-button,
.wcoa-qa-exit-button {
    border: 1px solid #8c8f94;
    background: #fff;
    color: #1d2327 !important;
}

.wcoa-qa-stop-button {
    cursor: pointer;
}

.wcoa-qa-message {
    grid-column: 1 / -1;
    min-height: 18px;
    color: #50575e;
    font-size: 12px;
    font-weight: 700;
}

.wcoa-qa-mode .wcoa-evaluation-badge {
    background: #fff1c2;
    color: #7a4f00;
    border: 1px solid #e5bd55;
}

@media (max-width: 700px) {
    .wcoa-qa-launch,
    .wcoa-qa-panel {
        display: block;
    }
    .wcoa-qa-launch a,
    .wcoa-qa-actions {
        margin-top: 10px;
    }
    .wcoa-qa-actions {
        justify-content: flex-start;
    }
}

/* v0.4.0: Step 5 structure and standards cleanup. */
.wcoa-crew-configuration-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    padding: 10px 12px;
    background: #f0f6fc;
    border: 1px solid #b9d7ee;
    border-left: 4px solid var(--wcoa-eval-blue);
    border-radius: 7px;
}

.wcoa-crew-configuration-summary span {
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.wcoa-crew-configuration-summary strong {
    color: var(--wcoa-eval-navy);
    font-size: 15px;
}

.wcoa-crew-configuration-summary small {
    margin-left: auto;
    color: var(--wcoa-eval-muted);
    font-size: 12px;
}

.wcoa-crew-grid {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.wcoa-crew-row {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 12px;
    background: #fff;
    border: 1px solid var(--wcoa-eval-border);
    border-radius: 7px;
}

.wcoa-crew-row__position {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 7px;
    color: #fff;
    background: var(--wcoa-eval-navy);
    border-radius: 6px;
    font-size: 14px;
    font-weight: 800;
}

.wcoa-crew-row__main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.wcoa-crew-row__details {
    grid-column: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.wcoa-crew-row__main .frm_form_field,
.wcoa-crew-row__details .frm_form_field {
    width: 100% !important;
    margin: 0 !important;
}

.wcoa-game-context-types .frm_opt_container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px !important;
    margin-top: 10px !important;
}

.wcoa-game-context-types .frm_checkbox {
    padding: 7px 9px !important;
    background: #fff;
    border: 1px solid var(--wcoa-eval-border);
    border-radius: 5px;
}

.wcoa-standards-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 12px 0 18px;
}

.wcoa-standard-card {
    padding: 14px;
    background: #fff;
    border: 1px solid var(--wcoa-eval-border);
    border-left: 4px solid #72aee6;
    border-radius: 7px;
}

.wcoa-standard-card.requires-comment {
    border-left-color: var(--wcoa-eval-warning-border);
    background: #fffdf7;
}

.wcoa-standard-card .frm_form_field {
    width: 100% !important;
    margin: 0 !important;
}

.wcoa-standard-card .wcoa-standard-comment {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid var(--wcoa-eval-border) !important;
}

.wcoa-standard-card textarea {
    min-height: 88px !important;
}

/* v0.8.27.3: improve crew-standard readability across Varsity and Sub-Varsity Form A. */
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-standard-card .frm_primary_label,
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-standard-card label {
    font-size: 15px !important;
    line-height: 1.4 !important;
}
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-standard-card .frm_description {
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.wcoa-crew-summary-field {
    clear: both !important;
    width: 100% !important;
    margin-top: 14px !important;
}

.wcoa-crew-summary-field textarea {
    min-height: 96px !important;
}

.wcoa-tp-related-officials .frm_opt_container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px !important;
}

.wcoa-dynamic-option-label {
    display: inline-block;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row,
form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row[disabled],
form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row:disabled {
    background: #e7f2fc !important;
    border-color: #72aee6 !important;
    color: #135e96 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .frm_add_form_row:hover {
    background: #d6e9f8 !important;
    border-color: var(--wcoa-eval-blue) !important;
    color: var(--wcoa-eval-navy) !important;
}

@media (max-width: 820px) {
    .wcoa-standards-grid,
    .wcoa-game-context-types .frm_opt_container {
        grid-template-columns: 1fr !important;
    }

    .wcoa-crew-row__main,
    .wcoa-crew-row__details {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .wcoa-crew-configuration-summary {
        display: block;
    }

    .wcoa-crew-configuration-summary strong,
    .wcoa-crew-configuration-summary small {
        display: block;
        margin: 3px 0 0;
    }

    .wcoa-crew-row {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 8px;
        padding: 9px;
    }
}

/* v0.4.1: focused Crew navigation and standards progressive disclosure. */
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-crew-navigation-bottom {
    width: 100% !important;
    margin-top: 18px !important;
}

.wcoa-standard-comment-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin-top: 10px;
    padding: 7px 11px;
    border: 1px solid var(--wcoa-eval-border-strong);
    border-radius: 5px;
    background: var(--wcoa-eval-panel-soft);
    color: var(--wcoa-eval-navy);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}

.wcoa-standard-comment-toggle:hover,
.wcoa-standard-comment-toggle:focus {
    border-color: var(--wcoa-eval-blue);
    background: var(--wcoa-eval-blue-soft);
    outline: none;
}

.wcoa-standard-card.has-optional-comment {
    border-left-color: #72aee6;
    background: #fbfdff;
}


/* v0.4.2: verified standards, crew-size routing, and repeater guards. */
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-option-hidden {
    display: none !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .wcoa-last-repeater-remove-hidden {
    display: none !important;
}


/* v0.4.4: native Formidable repeater last-row protection. */
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-repeater-remove-disabled,
form[id*="wcoa_form_a_crew_evaluation"] .frm_first_repeat .wcoa-repeater-remove-disabled {
    opacity: .42 !important;
    filter: grayscale(1);
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #f0f0f1 !important;
    border-color: #c3c4c7 !important;
    color: #646970 !important;
    box-shadow: none !important;
}


/* v0.4.5: compact two-column crew cards and live Form A review summary. */
.wcoa-crew-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.wcoa-crew-row {
    grid-template-columns: 44px minmax(0, 1fr);
    min-width: 0;
    padding: 12px;
}

.wcoa-crew-row__position {
    min-height: 38px;
    padding: 6px;
}

.wcoa-crew-row__main,
.wcoa-crew-row__details {
    grid-template-columns: 1fr;
    gap: 8px;
    min-width: 0;
}

.wcoa-crew-row__details {
    grid-column: 2;
}

.wcoa-crew-row__main input,
.wcoa-crew-row__main select,
.wcoa-crew-row__details input,
.wcoa-crew-row__details select {
    min-height: 36px !important;
}

form[id*="wcoa_form_a_crew_evaluation"] .wcoa-form-a-review-card {
    padding: 0;
    background: transparent;
    border: 0;
    border-left: 0;
}

.wcoa-review-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
    padding: 17px 18px;
    background: #f6fbff;
    border: 1px solid #b9d7ee;
    border-left: 5px solid var(--wcoa-eval-blue);
    border-radius: 8px;
}

.wcoa-review-heading h3 {
    margin: 0 0 5px !important;
    color: var(--wcoa-eval-navy) !important;
    font-size: 22px !important;
}

.wcoa-review-heading p {
    margin: 0 !important;
}

.wcoa-review-status {
    flex: 0 0 auto;
    padding: 6px 10px;
    background: var(--wcoa-eval-warning);
    border: 1px solid #e5bd55;
    border-radius: 999px;
    color: #7a4f00;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

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

.wcoa-review-section {
    min-width: 0;
    padding: 15px;
    background: #fff;
    border: 1px solid var(--wcoa-eval-border);
    border-left: 4px solid #72aee6;
    border-radius: 8px;
}

.wcoa-review-section h4 {
    margin: 0 0 10px;
    color: var(--wcoa-eval-navy);
    font-size: 17px;
}

.wcoa-review-section p {
    margin: 7px 0 0 !important;
}

.wcoa-review-game-title {
    display: block;
    color: var(--wcoa-eval-text);
    font-size: 17px;
}

.wcoa-review-section small,
.wcoa-review-section em {
    display: block;
    margin-top: 4px;
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-style: normal;
}

.wcoa-review-crew {
    display: grid;
    gap: 7px;
}

.wcoa-review-crew-row {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    padding: 7px 8px;
    background: var(--wcoa-eval-panel-soft);
    border-radius: 5px;
}

.wcoa-review-crew-row strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    color: #fff;
    background: var(--wcoa-eval-navy);
    border-radius: 4px;
    font-size: 12px;
}

.wcoa-review-crew-row em {
    grid-column: 2;
    margin: -3px 0 0;
    color: #996800;
}

.wcoa-review-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.wcoa-review-chip {
    display: inline-flex;
    padding: 5px 8px;
    background: var(--wcoa-eval-blue-soft);
    border: 1px solid #b9d7ee;
    border-radius: 999px;
    color: var(--wcoa-eval-navy);
    font-size: 12px;
    font-weight: 700;
}

.wcoa-review-chain,
.wcoa-review-narrative {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid var(--wcoa-eval-border);
}

.wcoa-review-chain span {
    display: block;
    margin-top: 4px;
    color: var(--wcoa-eval-muted);
}

.wcoa-review-standards {
    display: grid;
    gap: 7px;
}

.wcoa-review-standard-row {
    padding: 8px 9px;
    background: var(--wcoa-eval-panel-soft);
    border-radius: 5px;
}

.wcoa-review-standard-row > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.wcoa-review-standard-row span {
    color: var(--wcoa-eval-navy);
    font-weight: 700;
    text-align: right;
}

.wcoa-review-standard-row p {
    padding-top: 7px;
    border-top: 1px solid var(--wcoa-eval-border);
}

.wcoa-review-play {
    margin-top: 8px;
    padding: 9px 10px;
    background: var(--wcoa-eval-panel-soft);
    border-radius: 5px;
}

.wcoa-review-play:first-of-type {
    margin-top: 0;
}

.wcoa-review-play span,
.wcoa-review-play small {
    display: block;
    margin-top: 3px;
}

.wcoa-review-checks {
    grid-column: 1 / -1;
}

.wcoa-review-checks ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wcoa-review-checks li {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 9px;
    border-radius: 6px;
}

.wcoa-review-checks li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #fff;
    font-weight: 800;
}

.wcoa-review-checks li.is-complete {
    background: #edfaef;
}

.wcoa-review-checks li.is-complete > span {
    background: #1e8c3a;
}

.wcoa-review-checks li.is-warning {
    background: var(--wcoa-eval-warning);
}

.wcoa-review-checks li.is-warning > span {
    background: #b77900;
}

.wcoa-review-checks small {
    margin-top: 2px;
}

.wcoa-review-empty {
    color: var(--wcoa-eval-muted) !important;
    font-style: italic;
}

.wcoa-review-warning {
    margin-top: 14px;
    padding: 11px 12px;
    background: var(--wcoa-eval-warning);
    border: 1px solid #e5bd55;
    border-left: 4px solid var(--wcoa-eval-warning-border);
    border-radius: 6px;
    color: #674600;
}

@media (max-width: 900px) {
    .wcoa-crew-grid,
    .wcoa-review-grid,
    .wcoa-review-checks ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .wcoa-review-heading,
    .wcoa-review-standard-row > div {
        display: block;
    }

    .wcoa-review-status,
    .wcoa-review-standard-row span {
        display: inline-block;
        margin-top: 7px;
        text-align: left;
    }
}

/* v0.4.6: official-email completion and Teaching Play time normalization. */
.wcoa-crew-email-status {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 2px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.wcoa-crew-email-status.is-confirmed {
    color: #176b2c;
    background: #edf9ef;
    border: 1px solid #b8dfc0;
}

.wcoa-crew-email-status.is-missing {
    color: #8a4b00;
    background: #fff5d9;
    border: 1px solid #e7c46a;
}

.wcoa-crew-row.has-missing-email {
    border-color: #e1b64b;
    box-shadow: 0 0 0 1px rgba(225, 182, 75, .18);
}

.wcoa-review-email-missing {
    color: #a14500 !important;
    font-weight: 700;
}

/* v0.4.7: scheduled snapshot and manual actual-official fallback. */
.wcoa-form-a-portal .wcoa-scheduled-readonly,
.wcoa-eval-form-a-preview .wcoa-scheduled-readonly {
    background: #f4f6f8 !important;
    color: #5f6874 !important;
    cursor: default !important;
    pointer-events: none;
}

.wcoa-form-a-portal .wcoa-actual-other-name,
.wcoa-eval-form-a-preview .wcoa-actual-other-name {
    grid-column: 1;
}

.wcoa-form-a-portal .wcoa-crew-row__details [data-frmfieldkey$="_fill_in_note"],
.wcoa-eval-form-a-preview .wcoa-crew-row__details [data-frmfieldkey$="_fill_in_note"] {
    grid-column: 1 / -1;
}

.wcoa-navigation-warning{max-width:1180px;margin:14px auto;padding:12px 16px;border:1px solid #e0a800;border-left:5px solid #d89b00;border-radius:8px;background:#fff8df;color:#5f4300;box-sizing:border-box}.wcoa-navigation-warning strong{color:#493300}

/* v0.5.2: level-aware crew configuration and evaluator self-correction. */
.wcoa-form-a-portal .wcoa-subvarsity-four-person,
.wcoa-eval-form-a-preview .wcoa-subvarsity-four-person {
    margin-top: 10px;
    padding: 14px 16px;
    background: #f0f6fc;
    border: 1px solid #b9d7ee;
    border-left: 4px solid var(--wcoa-eval-blue);
    border-radius: 8px;
}

.wcoa-form-a-portal .wcoa-subvarsity-four-person .frm_opt_container,
.wcoa-eval-form-a-preview .wcoa-subvarsity-four-person .frm_opt_container {
    display: grid;
    gap: 8px;
    margin-top: 8px;
}

.wcoa-form-a-portal .wcoa-effective-crew-size,
.wcoa-eval-form-a-preview .wcoa-effective-crew-size {
    display: none !important;
}

.wcoa-crew-mode-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 16px;
    padding: 12px 14px;
    background: #edf7ff;
    border: 1px solid #b9d7ee;
    border-left: 5px solid var(--wcoa-eval-blue);
    border-radius: 8px;
}

.wcoa-crew-mode-banner > div {
    display: grid;
    gap: 2px;
}

.wcoa-crew-mode-banner span {
    color: var(--wcoa-eval-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.wcoa-crew-mode-banner strong {
    color: var(--wcoa-eval-navy);
    font-size: 15px;
}

.wcoa-crew-mode-banner small {
    color: var(--wcoa-eval-muted);
}

.wcoa-crew-mode-banner button,
.wcoa-review-crew-configuration button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 7px 12px;
    color: var(--wcoa-eval-navy);
    background: #fff;
    border: 1px solid #8ab8da;
    border-radius: 6px;
    font-weight: 750;
    cursor: pointer;
}

.wcoa-crew-mode-banner button:hover,
.wcoa-crew-mode-banner button:focus,
.wcoa-review-crew-configuration button:hover,
.wcoa-review-crew-configuration button:focus {
    background: var(--wcoa-eval-blue-soft);
    border-color: var(--wcoa-eval-blue);
    outline: none;
}

.wcoa-crew-mode-banner.is-warning {
    background: var(--wcoa-eval-warning);
    border-color: #e5bd55;
    border-left-color: var(--wcoa-eval-warning-border);
}

.wcoa-review-crew-configuration {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
    padding: 13px 14px;
    background: #f0f6fc;
    border: 1px solid #b9d7ee;
    border-left: 4px solid var(--wcoa-eval-blue);
    border-radius: 7px;
}

.wcoa-review-crew-configuration strong {
    color: var(--wcoa-eval-navy);
}

.wcoa-review-crew-configuration p {
    margin: 4px 0 0;
    color: var(--wcoa-eval-muted);
}

.wcoa-form-a-portal .wcoa-crew-configuration-final-panel,
.wcoa-eval-form-a-preview .wcoa-crew-configuration-final-panel {
    margin-top: 14px;
    padding: 14px 16px;
    background: #fffef2;
    border: 1px solid #e5bd55;
    border-left: 5px solid #d89b00;
    border-radius: 8px;
}

@media (max-width: 700px) {
    .wcoa-crew-mode-banner,
    .wcoa-review-crew-configuration {
        display: grid;
    }

    .wcoa-crew-mode-banner button,
    .wcoa-review-crew-configuration button {
        width: 100%;
    }
}


/* v0.6.1: Evaluations-owned Arbiter schedule lookup and Form A autofill. */
.wcoa-schedule-lookup-card {
    margin: 0 0 18px;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #cbd5df;
    border-left: 5px solid var(--wcoa-eval-blue);
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(15, 42, 68, .05);
}

.wcoa-schedule-lookup-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.wcoa-schedule-lookup-heading > div {
    min-width: 0;
}

.wcoa-schedule-lookup-heading span:first-child {
    color: var(--wcoa-eval-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.wcoa-schedule-lookup-heading h2 {
    margin: 3px 0 4px;
    color: var(--wcoa-eval-navy);
    font-size: 21px;
}

.wcoa-schedule-lookup-heading p {
    margin: 0;
    color: var(--wcoa-eval-muted);
}

.wcoa-schedule-source-badge {
    flex: 0 0 auto;
    padding: 6px 10px;
    color: #145c2a !important;
    background: #edf9ef;
    border: 1px solid #b8dfc0;
    border-radius: 999px;
    letter-spacing: 0 !important;
    text-transform: none;
}

.wcoa-schedule-filters {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(180px, .8fr);
    gap: 12px;
    margin-bottom: 12px;
}

.wcoa-schedule-filters label,
.wcoa-schedule-picker label {
    display: grid;
    gap: 5px;
    color: var(--wcoa-eval-navy);
    font-size: 12px;
    font-weight: 750;
}

.wcoa-schedule-filters input,
.wcoa-schedule-filters select,
.wcoa-schedule-picker select {
    width: 100%;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid #b8c5d1;
    border-radius: 6px;
    background: #fff;
}

.wcoa-schedule-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
}

.wcoa-schedule-picker button,
.wcoa-schedule-manual button,
.wcoa-schedule-alert button {
    min-height: 42px;
    padding: 8px 14px;
    color: #fff;
    background: var(--wcoa-eval-blue);
    border: 1px solid var(--wcoa-eval-blue);
    border-radius: 6px;
    font-weight: 750;
    cursor: pointer;
}

.wcoa-schedule-manual button,
.wcoa-schedule-alert button {
    min-height: 36px;
    color: var(--wcoa-eval-navy);
    background: #fff;
    border-color: #8ab8da;
}

.wcoa-schedule-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 8px;
    color: var(--wcoa-eval-muted);
    font-size: 11px;
}

.wcoa-schedule-selected {
    display: grid;
    gap: 3px;
    margin-top: 14px;
    padding: 12px 13px;
    background: #f3f8fc;
    border: 1px solid #c6dceb;
    border-radius: 7px;
}

.wcoa-schedule-selected strong {
    color: var(--wcoa-eval-navy);
}

.wcoa-schedule-selected span,
.wcoa-schedule-selected small {
    color: var(--wcoa-eval-muted);
}

.wcoa-schedule-alert {
    margin-top: 10px;
    padding: 10px 12px;
    color: var(--wcoa-eval-navy);
    background: #f4f6f8;
    border: 1px solid #d7dee5;
    border-left: 4px solid #8c9cab;
    border-radius: 6px;
}

.wcoa-schedule-alert.is-success {
    color: #176b2c;
    background: #edf9ef;
    border-color: #b8dfc0;
    border-left-color: #2c9b49;
}

.wcoa-schedule-alert.is-warning,
.wcoa-schedule-alert.is-manual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #674600;
    background: var(--wcoa-eval-warning);
    border-color: #e5bd55;
    border-left-color: var(--wcoa-eval-warning-border);
}

.wcoa-schedule-alert > div {
    display: grid;
    gap: 3px;
}

.wcoa-schedule-manual {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #dde3e8;
    color: var(--wcoa-eval-muted);
}

@media (max-width: 760px) {
    .wcoa-schedule-lookup-heading,
    .wcoa-schedule-alert.is-warning,
    .wcoa-schedule-alert.is-manual,
    .wcoa-schedule-manual {
        display: grid;
    }

    .wcoa-schedule-filters,
    .wcoa-schedule-picker {
        grid-template-columns: 1fr;
    }

    .wcoa-schedule-picker button,
    .wcoa-schedule-manual button,
    .wcoa-schedule-alert button {
        width: 100%;
    }

    .wcoa-schedule-meta {
        display: grid;
    }
}

/* v0.6.10: compact, WCOA-owned Page 1 game combobox. */
.wcoa-schedule-lookup-card.is-compact { position: relative; overflow: visible; }
.wcoa-schedule-lookup-card.is-compact .wcoa-schedule-lookup-heading { align-items: center; margin-bottom: 10px; }
.wcoa-schedule-lookup-card.is-compact .wcoa-schedule-lookup-heading h2 { font-size: 20px; }
.wcoa-schedule-lookup-card.is-compact .wcoa-schedule-lookup-heading p { font-size: 13px; }
.wcoa-schedule-compact-row { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; align-items: end; gap: 10px; }
.wcoa-schedule-level-label,.wcoa-game-combobox-label { display: grid; gap: 5px; color: var(--wcoa-eval-navy); font-size: 12px; font-weight: 750; }
.wcoa-schedule-level-label select,.wcoa-game-combobox input { width: 100%; min-height: 42px; padding: 8px 10px; border: 1px solid #b8c5d1; border-radius: 6px; background: #fff; color: #1f2933; font: inherit; }
.wcoa-game-combobox { position: relative; }
.wcoa-game-combobox input { padding-right: 42px; }
.wcoa-game-combobox>button { position: absolute; top: 1px; right: 1px; width: 40px; height: 40px; padding: 0; color: var(--wcoa-eval-navy); background: #f5f7f9; border: 0; border-left: 1px solid #d5dde4; border-radius: 0 5px 5px 0; font-size: 18px; cursor: pointer; }
.wcoa-game-results { position: absolute; z-index: 10020; top: calc(100% + 4px); left: 0; right: 0; max-height: 330px; overflow-y: auto; padding: 5px; background: #fff; border: 1px solid #aebdca; border-radius: 7px; box-shadow: 0 12px 28px rgba(15,42,68,.2); }
.wcoa-game-results[hidden] { display: none !important; }
.wcoa-game-result { display: grid; width: 100%; gap: 2px; padding: 9px 10px; color: #1f2933; background: #fff; border: 0; border-radius: 5px; text-align: left; cursor: pointer; }
.wcoa-game-result+.wcoa-game-result { border-top: 1px solid #e4e9ee; border-radius: 0; }
.wcoa-game-result:hover,.wcoa-game-result.is-active { background: #eaf4fb; }
.wcoa-game-result-main { color: var(--wcoa-eval-navy); font-size: 13px; font-weight: 750; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; }
.wcoa-game-result-meta { color: var(--wcoa-eval-muted); font-size: 11px; line-height: 1.35; white-space: normal; overflow-wrap: anywhere; }
.wcoa-game-result-empty { padding: 12px; color: var(--wcoa-eval-muted); font-size: 12px; }
.wcoa-schedule-compact-row>[data-wcoa-use-schedule] { min-height: 42px; padding: 8px 14px; color: #fff; background: var(--wcoa-eval-blue); border: 1px solid var(--wcoa-eval-blue); border-radius: 6px; font-weight: 750; cursor: pointer; }
.wcoa-schedule-compact-row>[data-wcoa-use-schedule]:disabled { color: #6d7780; background: #e8ecef; border-color: #d1d7dc; cursor: not-allowed; }
@media(max-width:760px){.wcoa-schedule-compact-row{grid-template-columns:1fr}.wcoa-schedule-compact-row>[data-wcoa-use-schedule]{width:100%}}

/* v0.6.13: hide transient repeater cleanup while a new package is being reset. */
form[id*="wcoa_form_a_crew_evaluation"] .wcoa-repeater-resetting {
    visibility: hidden;
}

/* Optional supporting image evidence attached to a Key Game Observation row. */
.wcoa-tp-image-upload,
.wcoa-tp-image-caption,
.wcoa-tp-image-visibility {
    background: #f8fbfd;
    border: 1px solid #d5e0e8;
    border-radius: 7px;
    margin-top: 10px !important;
    padding: 12px !important;
}
.wcoa-tp-image-upload {
    border-left: 4px solid var(--wcoa-eval-blue);
}
.wcoa-tp-image-visibility {
    border-left: 4px solid #d2a83f;
}
.wcoa-review-image-label {
    background: #fff4da;
    border: 1px solid #d8ad4b;
    border-radius: 999px;
    color: #755000;
    display: inline-block;
    font-weight: 800;
    margin: 5px 0;
    padding: 3px 8px;
}
.wcoa-review-image-caption {
    color: var(--wcoa-eval-muted);
    font-style: italic;
    margin: 3px 0 7px !important;
}

/* Optional provider-neutral video support and game-clock validation for Key Game Observations. */
.wcoa-eval-legacy-hudl-field { display: none !important; }
.wcoa-hudl-playlist-url {
    border: 1px solid #cbd8e4;
    border-left: 4px solid #0d5c97;
    border-radius: 8px;
    background: #f7fafc;
    padding: 14px;
}
.wcoa-tp-hudl-followup,
.wcoa-tp-hudl-clip-number {
    margin-top: 8px;
}
.wcoa-kgo-time-invalid {
    border-color: #b42318 !important;
    box-shadow: 0 0 0 1px #b42318 !important;
}
.wcoa-kgo-time-inline-error {
    display: block;
    margin-top: 5px;
    color: #b42318;
    font-size: 0.88rem;
    font-weight: 600;
}
.wcoa-review-hudl-link {
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid #cbd8e4;
    border-radius: 7px;
    background: #f7fafc;
}
.wcoa-review-hudl-link a { font-weight: 700; }
.wcoa-review-hudl-clip {
    display: block;
    margin-top: 7px;
    font-weight: 700;
}

/* v0.8.27.20 - compact optional evidence and non-blocking video-link guidance. */
.wcoa-supporting-image-disclosure {
    margin-top: 12px;
    border: 1px solid #d5e0e8;
    border-radius: 8px;
    background: #f8fbfd;
}
.wcoa-supporting-image-disclosure summary {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: baseline;
    padding: 11px 13px;
    cursor: pointer;
    color: var(--wcoa-eval-navy);
}
.wcoa-supporting-image-disclosure summary span {
    color: var(--wcoa-eval-muted);
    font-size: 12px;
    font-weight: 500;
}
.wcoa-video-link-warning {
    margin-top: 8px;
    padding: 8px 10px;
    border: 1px solid #d6a94c;
    border-radius: 6px;
    background: #fff7df;
    color: #6e4f00;
    font-size: 12px;
    font-weight: 700;
}
.wcoa-video-link-warning[hidden] { display: none !important; }