/* SCORING (class.scoring_editor.php, scoring.js): the evaluation's ⋮ > Scoring drawer and its
   stacked editors. Everything is prefixed ssc_ (sc_ belongs to the fight scorecards). Sits on the
   settings_row look (global.css); this file adds only the drawer's own pieces. */
.ssc_frame .hide_me { display: none !important; }
.ssc_frame .settings_group_title { margin-top: 18px; }
.ssc_intro { background: white; border: 1px solid #dfe8ea; border-radius: 12px; padding: 14px 16px; margin-top: 14px; }
.ssc_intro_head { font-weight: 800; font-size: 1.02em; color: #16211f; }
.ssc_intro_sub { color: #3e4d4b; font-size: .9em; line-height: 1.5; margin-top: 4px; }
.ssc_intro_sub b { color: #0f7777; }
.ssc_intro_meta { color: #8a9a9f; font-size: .78em; margin-top: 8px; }
.ssc_intro_meta b { color: #b26a00; }
.ssc_problem { margin-top: 10px; background: #fff4e5; color: #8a5200; border-radius: 10px; padding: 9px 12px; font-size: .86em; line-height: 1.45; }
.ssc_hero { text-align: center; padding: 26px 10px 6px; }
.ssc_hero_icon { width: 56px; height: 56px; border-radius: 16px; background: #0f7777; color: white; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; }
.ssc_hero_head { font-weight: 850; font-size: 1.2em; margin-top: 12px; color: #16211f; }
.ssc_hero_sub { color: #58696b; font-size: .9em; line-height: 1.55; margin: 6px auto 0; max-width: 420px; }
.ssc_pill { display: inline-block; background: #e3f1f0; color: #0f7777; border-radius: 999px; padding: 1px 8px; font-size: .74em; font-weight: 800; margin-left: 4px; vertical-align: 1px; }
.ssc_add_row .settings_row_icon { background: transparent; color: #0f7777; border: 1.5px dashed #0f7777; }
.ssc_switch { flex: none; width: 42px; height: 24px; border-radius: 12px; background: #cbd6d5; position: relative; transition: background .15s; }
.ssc_switch span { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(0,0,0,.2); transition: left .15s; }
.ssc_switch.on { background: #0f7777; }
.ssc_switch.on span { left: 21px; }
.ssc_card { background: white; border: 1px solid #dfe8ea; border-radius: 12px; padding: 12px 14px; margin-top: 8px; }
.ssc_fields { display: flex; gap: 10px; }
.ssc_fields + .ssc_fields { margin-top: 10px; }
.ssc_fields label { flex: 1 1 0; min-width: 0; font-size: .72em; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; color: #8a9a9f; display: block; margin: 0; }
.ssc_in { display: block; width: 100%; margin-top: 4px; border: 1px solid #dfe8ea; border-radius: 10px; background: white; padding: 9px 10px; font-size: 15px; font-weight: 700; color: #16211f; text-transform: none; letter-spacing: 0; height: auto; }
.ssc_in:focus { outline: none; border-color: #0f7777; }
select.ssc_in { -webkit-appearance: menulist; }
.ssc_hint { color: #6c7b7d; font-size: .82em; line-height: 1.5; margin-top: 8px; }
.ssc_center { text-align: center; margin: 22px 0 6px; }
.ssc_link { color: #0f7777; font-weight: 700; font-size: .9em; cursor: pointer; }
.ssc_link:hover { color: #08504d; text-decoration: none; }
.ssc_danger { color: #b42318; }
.ssc_danger.ssc_armed { background: #b42318; color: white; border-radius: 8px; padding: 6px 12px; }
.ssc_tick { flex: none; width: 24px; height: 24px; border-radius: 7px; border: 1.5px solid #cbd6d5; display: inline-flex; align-items: center; justify-content: center; color: transparent; margin-right: 12px; background: white; }
.ssc_on .ssc_tick { background: #0f7777; border-color: #0f7777; color: white; }
.ssc_q_held .settings_row_sub { color: #b26a00; }
.ssc_check { border: 0; padding: 10px 0 0; margin: 0; background: transparent; }
.ssc_loose_list { padding: 6px 14px; }
.ssc_loose { display: flex; gap: 10px; padding: 8px 0; border-top: 1px solid #eef3f3; font-size: .88em; color: #16211f; line-height: 1.4; }
.ssc_loose:first-child { border-top: 0; }
.ssc_loose i { color: #8a9a9f; margin-top: 2px; }
.ssc_loose span { display: block; color: #8a9a9f; font-size: .88em; margin-top: 2px; }
.sscg_pt_q { font-weight: 700; font-size: .88em; margin-bottom: 4px; color: #16211f; }
.sscg_pt_row { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid #eef3f3; }
.sscg_pt_row:first-of-type { border-top: 0; }
.sscg_pt_row > span { flex: 1; min-width: 0; font-size: .9em; font-weight: 600; color: #16211f; line-height: 1.35; }
.sscg_pt_row .ssc_in { width: 120px; flex: none; margin-top: 0; text-align: right; }
.ssc_pairs { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.ssc_pair { display: flex; align-items: center; gap: 8px; }
.ssc_pair > span { flex: none; font-size: .78em; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #8a9a9f; }
.ssc_pair .ssc_in { margin-top: 0; flex: 1 1 0; min-width: 0; }
.sscp_band .ssc_in, .sscb_band .ssc_pair_a { max-width: 110px; }
.ssc_pair_x { flex: none; color: #8a9a9f; padding: 6px; }
.ssc_pair_x:hover { color: #b42318; }
.ssc_pv { margin-top: 10px; }
.ssc_pv_top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid #eef3f3; }
.ssc_pv_label { font-size: .72em; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: #8a9a9f; }
.ssc_pv_figure { font-size: 2em; font-weight: 850; line-height: 1.05; color: #16211f; }
.ssc_pv_figure small { font-size: .42em; color: #8a9a9f; font-weight: 600; }
.ssc_pv_band { background: #0f7777; color: white; border-radius: 999px; padding: 3px 11px; font-size: .8em; font-weight: 800; }
.ssc_pv_line { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid #f2f6f6; font-size: .88em; }
.ssc_pv_line span { color: #16211f; font-weight: 600; min-width: 0; }
.ssc_pv_line em { font-style: normal; color: #8a9a9f; font-weight: 500; margin-left: 4px; }
.ssc_pv_line b { flex: none; color: #16211f; }
.ssc_pv_sub { background: #f6faf9; margin: 0 -8px; padding: 7px 8px; border-radius: 8px; }
.ssc_pv_sub b { color: #0f7777; }
.ssc_foot .ssc_save, .ssc_foot .ssc_done { background: #0f7777; color: white; font-weight: 800; border-radius: 10px; padding: 11px; }
.ssc_foot .ssc_save:disabled { opacity: .5; }
.ssc_foot .ssc_errors { margin-bottom: 8px; }
@media (max-width: 480px) { .ssc_fields { flex-direction: column; gap: 10px; } .sscg_pt_row .ssc_in { width: 96px; } }
.sscp_line .ssc_pair_a { flex: 3 1 0; }
.sscp_line .ssc_pair_b { flex: 0 0 72px; }
.sscp_band .ssc_pair_b { flex: 0 1 110px; }
.ssc_in::placeholder { font-size: 12px; font-weight: 500; color: #a3b0b2; }