/* =============================================================================
   Stavanger Open – Fargetema og mørk modus for dommerskjemaene
   Lastes etter so-judge.css og so-entertainment.css (fra skjemamalene).
   Aktiveres når JS setter klassen .so-jt på skjemaet (#so-judge-wrapper /
   #so-ent-wrapper), sammen med .so-jt--blaa|terra|skog|plomme og ev. .so-jt--dark.
   Filen bruker CSS-variabler; WordPress-editoren kan vise varsler for dem,
   men de fungerer i alle moderne nettlesere. Last opp via filbehandleren.
   ============================================================================= */

/* ── Lyse grunnfarger (samme som so-judge.css) ───────────────────────────── */
#so-judge-wrapper.so-jt,
#so-ent-wrapper.so-jt {
    --sj-page: transparent;
    --sj-surface: #ffffff;
    --sj-surface2: #fafbfc;
    --sj-surface3: #f1f2f4;
    --sj-input: #ffffff;
    --sj-text: #1d2327;
    --sj-text2: #3c434a;
    --sj-muted: #6b7177;
    --sj-faint: #9aa0a6;
    --sj-faint2: #c3c7cc;
    --sj-line: #e3e5e8;
    --sj-line-h: #c9d0d6;
    --sj-line2: #eef0f2;
    --sj-on: #ffffff;
    --sj-ok: #1a7a3f;
    --sj-ok-soft: #e9f5ee;
    --sj-ok-line: #b9d2c3;
    --sj-warn: #b26a00;
    --sj-warn-soft: #fff4e0;
    --sj-red: #b32d2e;
    --sj-red-soft: #fff7f7;
    --sj-red-soft2: #fcecec;
    --sj-red-line: #e9b8b8;
    --sj-red-shadow: rgba( 179, 45, 46, 0.08 );
    --sj-gold-bg: #f6e7b4;   --sj-gold-fg: #7a5a00;
    --sj-silver-bg: #e5e7ea; --sj-silver-fg: #4a4f55;
    --sj-bronze-bg: #f1dcc8; --sj-bronze-fg: #7a4a1e;
    --sj-overlay: rgba( 29, 35, 39, 0.45 );
    /* Blå (standard) */
    --sj-acc: #1f4e79;
    --sj-acc-h: #173d60;
    --sj-acc-soft: #eef4fa;
    --sj-acc-line: #c9d6e3;
    --sj-focus: rgba( 31, 78, 121, 0.28 );
    --sj-acc-shadow: rgba( 31, 78, 121, 0.07 );
}

/* ── Fargetema (lys) ─────────────────────────────────────────────────────── */
#so-judge-wrapper.so-jt.so-jt--terra,
#so-ent-wrapper.so-jt.so-jt--terra {
    --sj-acc: #a4482a; --sj-acc-h: #85391f; --sj-acc-soft: #fbf1ec; --sj-acc-line: #ead0c4;
    --sj-focus: rgba( 164, 72, 42, 0.28 ); --sj-acc-shadow: rgba( 164, 72, 42, 0.08 );
}
#so-judge-wrapper.so-jt.so-jt--skog,
#so-ent-wrapper.so-jt.so-jt--skog {
    --sj-acc: #2f6b4f; --sj-acc-h: #24543e; --sj-acc-soft: #edf5f0; --sj-acc-line: #c8dfd2;
    --sj-focus: rgba( 47, 107, 79, 0.28 ); --sj-acc-shadow: rgba( 47, 107, 79, 0.08 );
}
#so-judge-wrapper.so-jt.so-jt--plomme,
#so-ent-wrapper.so-jt.so-jt--plomme {
    --sj-acc: #6d3b6e; --sj-acc-h: #572f58; --sj-acc-soft: #f5eef5; --sj-acc-line: #ddcadd;
    --sj-focus: rgba( 109, 59, 110, 0.28 ); --sj-acc-shadow: rgba( 109, 59, 110, 0.08 );
}

/* ── Mørk modus: nøytrale farger ─────────────────────────────────────────── */
#so-judge-wrapper.so-jt.so-jt--dark,
#so-ent-wrapper.so-jt.so-jt--dark {
    --sj-page: #16181b;
    --sj-surface: #1e2125;
    --sj-surface2: #24282d;
    --sj-surface3: #2b3035;
    --sj-input: #16181b;
    --sj-text: #e8eaed;
    --sj-text2: #c9cdd2;
    --sj-muted: #a3a9b0;
    --sj-faint: #7b828a;
    --sj-faint2: #5c636b;
    --sj-line: #3a4047;
    --sj-line-h: #4b525a;
    --sj-line2: #2e3338;
    --sj-on: #16181b;
    --sj-ok: #5cc28a;
    --sj-ok-soft: #1f3329;
    --sj-ok-line: #2f5a42;
    --sj-warn: #e6a74a;
    --sj-warn-soft: #3a2e1a;
    --sj-red: #f06b6b;
    --sj-red-soft: #3a2224;
    --sj-red-soft2: #4a2629;
    --sj-red-line: #6b3436;
    --sj-red-shadow: rgba( 240, 107, 107, 0.12 );
    --sj-gold-bg: #4a3d14;   --sj-gold-fg: #f0d27a;
    --sj-silver-bg: #3a3f45; --sj-silver-fg: #d0d4d9;
    --sj-bronze-bg: #4a3222; --sj-bronze-fg: #e5b48a;
    --sj-overlay: rgba( 0, 0, 0, 0.6 );
    --sj-acc: #7fb0e0; --sj-acc-h: #9cc3ea; --sj-acc-soft: #1f2c3a; --sj-acc-line: #35506b;
    --sj-focus: rgba( 127, 176, 224, 0.35 ); --sj-acc-shadow: rgba( 0, 0, 0, 0.3 );
    color-scheme: dark;
}
#so-judge-wrapper.so-jt.so-jt--dark.so-jt--terra,
#so-ent-wrapper.so-jt.so-jt--dark.so-jt--terra {
    --sj-acc: #ec9a78; --sj-acc-h: #f2b49a; --sj-acc-soft: #3a271f; --sj-acc-line: #5e3b2d;
    --sj-focus: rgba( 236, 154, 120, 0.35 );
}
#so-judge-wrapper.so-jt.so-jt--dark.so-jt--skog,
#so-ent-wrapper.so-jt.so-jt--dark.so-jt--skog {
    --sj-acc: #7cc6a0; --sj-acc-h: #9ad6b6; --sj-acc-soft: #1e322a; --sj-acc-line: #2f5544;
    --sj-focus: rgba( 124, 198, 160, 0.35 );
}
#so-judge-wrapper.so-jt.so-jt--dark.so-jt--plomme,
#so-ent-wrapper.so-jt.so-jt--dark.so-jt--plomme {
    --sj-acc: #d39bd4; --sj-acc-h: #e0b6e1; --sj-acc-soft: #33243a; --sj-acc-line: #553d5c;
    --sj-focus: rgba( 211, 155, 212, 0.35 );
}

/* Mørk bakgrunn rundt hele skjemaet (resten av siden beholder sine farger) */
#so-judge-wrapper.so-jt.so-jt--dark,
#so-ent-wrapper.so-jt.so-jt--dark {
    background: var(--sj-page);
    color: var(--sj-text);
    padding: 16px;
    border-radius: 14px;
    box-sizing: border-box;
}

/* ── Hele siden (kun sider med dommerskjema – JS setter klassene på <html>) ── */
/* Lys modus: svak tone av fargetemaet rundt skjemaet */
html.so-jt-page,
html.so-jt-page body {
    background: #f1f5f9 !important;
}
html.so-jt-page.so-jtp--terra,
html.so-jt-page.so-jtp--terra body {
    background: #f8f1eb !important;
}
html.so-jt-page.so-jtp--skog,
html.so-jt-page.so-jtp--skog body {
    background: #eff5f1 !important;
}
html.so-jt-page.so-jtp--plomme,
html.so-jt-page.so-jtp--plomme body {
    background: #f6f0f5 !important;
}
/* Mørk modus: hele skjermen mørk */
html.so-jt-page.so-jtp--dark,
html.so-jt-page.so-jtp--dark body {
    background: #16181b !important;
    color: #e8eaed;
    color-scheme: dark;
}
/* Temaets og Elementors beholdere skal ikke legge en hvit flate oppå */
html.so-jt-page #page,
html.so-jt-page .site,
html.so-jt-page #content,
html.so-jt-page .site-content,
html.so-jt-page .site-main,
html.so-jt-page .elementor-section,
html.so-jt-page .elementor-widget-wrap,
html.so-jt-page .e-con {
    background-color: transparent !important;
}

/* Grunnstiler fra so-form.css og temaet (tekst, felt, beskrivelser) */
#so-judge-wrapper.so-jt .so-description,
#so-ent-wrapper.so-jt .so-description {
    color: var(--sj-muted);
}
#so-judge-wrapper.so-jt .so-label,
#so-ent-wrapper.so-jt .so-label,
#so-judge-wrapper.so-jt h3,
#so-ent-wrapper.so-jt h3 {
    color: var(--sj-text);
}
#so-judge-wrapper.so-jt input[type="text"],
#so-ent-wrapper.so-jt input[type="text"],
#so-judge-wrapper.so-jt textarea,
#so-ent-wrapper.so-jt textarea,
#so-judge-wrapper.so-jt select,
#so-ent-wrapper.so-jt select {
    background-color: var(--sj-input);
    color: var(--sj-text);
    border-color: var(--sj-line);
}
#so-judge-wrapper.so-jt input::placeholder,
#so-ent-wrapper.so-jt input::placeholder,
#so-judge-wrapper.so-jt textarea::placeholder,
#so-ent-wrapper.so-jt textarea::placeholder {
    color: var(--sj-faint);
    opacity: 1;
}
#so-judge-wrapper.so-jt .so-section,
#so-ent-wrapper.so-jt .so-section {
    background: var(--sj-surface);
    border-color: var(--sj-line);
    color: var(--sj-text);
}
#so-ent-wrapper.so-jt .so-ent-avg {
    color: var(--sj-faint) !important;
}

/* ── «Utseende»-menyen ───────────────────────────────────────────────────── */
#so-judge-wrapper .so-jt-wrap,
#so-ent-wrapper .so-jt-wrap {
    position: relative;
    margin-left: auto;
}
#so-judge-wrapper .so-jt-look,
#so-judge-wrapper .so-jt-look:hover,
#so-judge-wrapper .so-jt-look:focus,
#so-ent-wrapper .so-jt-look,
#so-ent-wrapper .so-jt-look:hover,
#so-ent-wrapper .so-jt-look:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 4px 10px !important;
    border: 1px solid var(--sj-line, #e3e5e8) !important;
    border-radius: 7px !important;
    background: var(--sj-surface, #fff) !important;
    color: var(--sj-acc, #1f4e79) !important;
    font-family: inherit;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    min-height: 0;
}
#so-judge-wrapper .so-jt-look svg,
#so-ent-wrapper .so-jt-look svg {
    display: block;
    flex: none;
}
#so-judge-wrapper .so-jt-look:focus-visible,
#so-ent-wrapper .so-jt-look:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus, rgba(31,78,121,.28)) !important;
}
#so-judge-wrapper .so-jt-pop,
#so-ent-wrapper .so-jt-pop {
    position: absolute;
    top: calc( 100% + 6px );
    right: 0;
    z-index: 9995;
    width: 300px;
    max-width: calc( 100vw - 32px );
    padding: 14px;
    border: 1px solid var(--sj-line, #e3e5e8);
    border-radius: 12px;
    background: var(--sj-surface, #fff);
    color: var(--sj-text, #1d2327);
    box-shadow: 0 10px 30px rgba( 0, 0, 0, 0.18 );
}
#so-judge-wrapper .so-jt-pop[hidden],
#so-ent-wrapper .so-jt-pop[hidden] {
    display: none !important;
}
#so-judge-wrapper .so-jt-pop h4,
#so-ent-wrapper .so-jt-pop h4 {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--sj-muted, #6b7177);
}
#so-judge-wrapper .so-jt-sw,
#so-ent-wrapper .so-jt-sw {
    display: grid;
    grid-template-columns: repeat( 4, 1fr );
    gap: 8px;
    margin-bottom: 14px;
}
#so-judge-wrapper .so-jt-swb,
#so-judge-wrapper .so-jt-swb:hover,
#so-judge-wrapper .so-jt-swb:focus,
#so-ent-wrapper .so-jt-swb,
#so-ent-wrapper .so-jt-swb:hover,
#so-ent-wrapper .so-jt-swb:focus,
#so-judge-wrapper .so-jt-seg button,
#so-judge-wrapper .so-jt-seg button:hover,
#so-judge-wrapper .so-jt-seg button:focus,
#so-ent-wrapper .so-jt-seg button,
#so-ent-wrapper .so-jt-seg button:hover,
#so-ent-wrapper .so-jt-seg button:focus {
    margin: 0;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: var(--sj-muted, #6b7177) !important;
    font-family: inherit;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer;
    text-align: center;
    min-height: 0;
}
#so-judge-wrapper .so-jt-swb i,
#so-ent-wrapper .so-jt-swb i {
    display: block;
    height: 34px;
    margin-bottom: 4px;
    border: 2px solid transparent;
    border-radius: 8px;
}
#so-judge-wrapper .so-jt-swb.is-on i,
#so-ent-wrapper .so-jt-swb.is-on i {
    border-color: var(--sj-text, #1d2327);
}
#so-judge-wrapper .so-jt-swb:focus-visible i,
#so-ent-wrapper .so-jt-swb:focus-visible i {
    box-shadow: 0 0 0 2px var(--sj-focus, rgba(31,78,121,.28));
}
#so-judge-wrapper .so-jt-seg,
#so-ent-wrapper .so-jt-seg {
    display: flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--sj-line2, #eef0f2);
    border-radius: 8px;
    background: var(--sj-surface2, #fafbfc);
}
#so-judge-wrapper .so-jt-seg button,
#so-ent-wrapper .so-jt-seg button {
    flex: 1;
    padding: 6px 0 !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
}
#so-judge-wrapper .so-jt-seg button.is-on,
#so-ent-wrapper .so-jt-seg button.is-on {
    background: var(--sj-surface, #fff) !important;
    color: var(--sj-text, #1d2327) !important;
    box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.15 ) !important;
}
#so-judge-wrapper .so-jt-seg button:focus-visible,
#so-ent-wrapper .so-jt-seg button:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus, rgba(31,78,121,.28)) !important;
}
#so-judge-wrapper .so-jt-note,
#so-ent-wrapper .so-jt-note {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--sj-muted, #6b7177);
}

/* =============================================================================
   Generert: alle fargeregler fra so-judge.css / so-entertainment.css,
   med fargene byttet ut med variablene over. Rekkefølgen følger originalen.
   ============================================================================= */

.so-jt .so-judge-loading {
    color: var(--sj-muted);
}

.so-jt .so-judge-spinner {
    border: 3px solid var(--sj-line);
    border-top-color: var(--sj-acc);
}

.so-jt .so-judge-statusbar {
    border-bottom: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

.so-jt .so-judge-hall-label {
    color: var(--sj-text);
}

.so-jt .so-judge-tabs {
    border-bottom: 2px solid var(--sj-line);
}

.so-jt .so-judge-tab {
    border: none;
    background: transparent;
    color: var(--sj-muted);
    border-bottom: 3px solid transparent;
}

.so-jt .so-judge-tab:hover {
    color: var(--sj-text);
}

.so-jt .so-judge-tab--active {
    color: var(--sj-acc);
    border-bottom-color: var(--sj-acc);
}

.so-jt .so-judge-corps-number {
    color: var(--sj-faint);
}

.so-jt .so-judge-corps-name {
    color: var(--sj-text);
}

.so-jt .so-judge-corps-division {
    color: var(--sj-muted);
}

.so-jt .so-judge-times {
    color: var(--sj-muted);
}

.so-jt .so-judge-program {
    background: var(--sj-surface2);
    border: 1px solid var(--sj-line);
}

.so-jt .so-judge-program__title {
    color: var(--sj-text);
}

.so-jt .so-judge-program__list li {
    color: var(--sj-text);
}

.so-jt .so-judge-piece-duration {
    color: var(--sj-faint);
}

.so-jt .so-judge-soloists-inline {
    color: var(--sj-muted);
}

.so-jt .so-judge-card-status--ok {
    color: var(--sj-ok);
}

.so-jt .so-judge-card-status--error {
    color: var(--sj-red);
}

.so-jt .so-judge-soloist-row {
    border-bottom: 1px solid var(--sj-surface3);
}

.so-jt .so-judge-soloist-row:last-child {
    border-bottom: none;
}

.so-jt .so-judge-soloist-row input[type="checkbox"] {
    accent-color: var(--sj-acc);
}

.so-jt .so-judge-soloist-name {
    color: var(--sj-text);
}

.so-jt .so-judge-soloist-instrument {
    color: var(--sj-muted);
}

.so-jt .so-judge-soloist-band {
    color: var(--sj-faint);
}

.so-jt .so-judge-soloist-piece {
    color: var(--sj-muted);
}

.so-jt .so-judge-division-status--ok {
    color: var(--sj-ok);
}

.so-jt .so-judge-division-status--error {
    color: var(--sj-red);
}

.so-jt .so-judge-accordion-item {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

.so-jt .so-judge-accordion-header {
    background: var(--sj-surface2);
    border: none;
    color: inherit;
}

.so-jt .so-judge-accordion-header:hover {
    background: var(--sj-acc-soft);
}

.so-jt .so-judge-accordion-header[aria-expanded="true"] {
    background: var(--sj-acc-soft);
    border-bottom: 1px solid var(--sj-acc-line);
}

.so-jt .so-judge-header-number {
    color: var(--sj-faint);
}

.so-jt .so-judge-header-time {
    color: var(--sj-acc);
}

.so-jt .so-judge-header-name {
    color: var(--sj-text);
}

.so-jt .so-judge-header-division {
    color: var(--sj-muted);
}

.so-jt .so-judge-header-points .so-judge-points-input {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

.so-jt .so-judge-header-points .so-judge-points-input:focus {
    border-color: var(--sj-acc);
    outline: none;
    box-shadow: 0 0 0 2px var(--sj-focus);
}

.so-jt .so-judge-winner-indicator--unset {
    color: var(--sj-faint);
}

.so-jt .so-judge-accordion-chevron {
    color: var(--sj-faint);
}

.so-jt .so-judge-accordion-body {
    border-top: 1px solid var(--sj-line2);
}

.so-jt .so-judge-comments-label {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-tab:hover {
    color: var(--sj-text);
    background: var(--sj-surface3);
}

#so-judge-wrapper.so-jt .so-judge-tab--active {
    color: var(--sj-text) !important;
    border-bottom-color: var(--sj-text) !important;
    background: var(--sj-surface3) !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-header:focus,
#so-judge-wrapper.so-jt .so-judge-accordion-header:active,
#so-judge-wrapper.so-jt .so-judge-accordion-header:focus-visible {
    background: var(--sj-surface2) !important;
    outline: none !important;
    box-shadow: none !important;
    color: inherit !important;
}

.so-jt .so-judge-soloist-detail {
    color: var(--sj-muted);
}

.so-jt .so-judge-ranking-div-title {
    color: var(--sj-muted);
}

.so-jt .so-judge-ranking-table th {
    color: var(--sj-faint);
    border-bottom: 2px solid var(--sj-line);
}

.so-jt .so-judge-ranking-table td {
    border-bottom: 1px solid var(--sj-surface3);
}

.so-jt .so-judge-ranking-table tr:last-child td {
    border-bottom: none;
}

.so-jt .so-judge-ranking-rank {
    color: var(--sj-acc);
}

#so-ent-wrapper.so-jt .so-ent-header-total {
    color: var(--sj-text);
    background: var(--sj-surface3);
    border: 1px solid var(--sj-line);
}

#so-ent-wrapper.so-jt .so-ent-header-total--empty {
    color: var(--sj-faint);
    border-color: var(--sj-line2);
}

.so-jt .so-judge-name {
    color: var(--sj-muted);
    background: var(--sj-surface3);
}

.so-jt .so-ent-decimal-hint {
    color: var(--sj-faint);
}

.so-jt .so-judge-info-accordion {
    border: 1px solid var(--sj-line);
}

.so-jt .so-judge-info-summary {
    background: var(--sj-surface2);
}

.so-jt .so-judge-info-body {
    background: var(--sj-surface);
}

.so-jt .so-judge-info-label {
    color: var(--sj-muted);
}

.so-jt .so-judge-info-value {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-tab-intro,
#so-ent-wrapper.so-jt .so-judge-tab-intro {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-statusbar,
#so-ent-wrapper.so-jt .so-judge-statusbar {
    border-bottom: none;
    background: transparent;
}

#so-judge-wrapper.so-jt .so-judge-hall-label,
#so-ent-wrapper.so-jt .so-judge-hall-label {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt #so-judge-sync-bar,
#so-ent-wrapper.so-jt #so-judge-sync-bar,
#so-judge-wrapper.so-jt #so-ent-sync-bar,
#so-ent-wrapper.so-jt #so-ent-sync-bar {
    border: 1px solid rgba( 0, 0, 0, 0.06 );
}

#so-judge-wrapper.so-jt .so-judge-tabs {
    background: var(--sj-surface3);
    border: none;
}

#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab,
#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab:hover,
#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab:focus,
#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab:active {
    border: none !important;
    background: transparent !important;
    color: var(--sj-muted) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab:hover {
    color: var(--sj-text) !important;
}

#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus) !important;
}

#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab.so-judge-tab--active,
#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab.so-judge-tab--active:hover,
#so-judge-wrapper.so-jt .so-judge-tabs .so-judge-tab.so-judge-tab--active:focus {
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 ) !important;
}

#so-judge-wrapper.so-jt .so-judge-mode {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-seg {
    background: var(--sj-surface3);
}

#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn,
#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn:hover,
#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn:focus,
#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn:active {
    border: none !important;
    background: transparent !important;
    color: var(--sj-muted) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus) !important;
}

#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn.is-active,
#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn.is-active:hover,
#so-judge-wrapper.so-jt .so-judge-seg .so-judge-seg__btn.is-active:focus {
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 ) !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-item,
#so-ent-wrapper.so-jt .so-judge-accordion-item {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

#so-judge-wrapper.so-jt .so-judge-accordion-item.so-judge-accordion-item--open,
#so-ent-wrapper.so-jt .so-judge-accordion-item.so-judge-accordion-item--open {
    border-color: var(--sj-acc-line);
    box-shadow: 0 2px 10px var(--sj-acc-shadow);
}

#so-judge-wrapper.so-jt .so-judge-accordion-header,
#so-ent-wrapper.so-jt .so-judge-accordion-header,
#so-judge-wrapper.so-jt .so-judge-accordion-header:hover,
#so-ent-wrapper.so-jt .so-judge-accordion-header:hover,
#so-judge-wrapper.so-jt .so-judge-accordion-header:focus,
#so-ent-wrapper.so-jt .so-judge-accordion-header:focus,
#so-judge-wrapper.so-jt .so-judge-accordion-header:active,
#so-ent-wrapper.so-jt .so-judge-accordion-header:active,
#so-judge-wrapper.so-jt .so-judge-accordion-header:focus-visible,
#so-ent-wrapper.so-jt .so-judge-accordion-header:focus-visible {
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-header:hover,
#so-ent-wrapper.so-jt .so-judge-accordion-header:hover {
    background: var(--sj-surface2) !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-header:focus-visible,
#so-ent-wrapper.so-jt .so-judge-accordion-header:focus-visible {
    box-shadow: inset 0 0 0 2px var(--sj-focus) !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"],
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"],
#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:hover,
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:hover,
#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:focus,
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:focus,
#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:active,
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]:active {
    background: var(--sj-acc-soft) !important;
    border-bottom: none !important;
}

#so-judge-wrapper.so-jt .so-judge-accordion-header::before,
#so-ent-wrapper.so-jt .so-judge-accordion-header::before {
    background: transparent;
}

#so-judge-wrapper.so-jt .so-judge-accordion-item--done > .so-judge-accordion-header::before,
#so-ent-wrapper.so-jt .so-judge-accordion-item--done > .so-judge-accordion-header::before {
    background: var(--sj-ok);
}

#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]::before,
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"]::before {
    background: var(--sj-acc) !important;
}

#so-judge-wrapper.so-jt .so-judge-header-number,
#so-ent-wrapper.so-jt .so-judge-header-number {
    background: var(--sj-line2);
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-accordion-item--done .so-judge-header-number,
#so-ent-wrapper.so-jt .so-judge-accordion-item--done .so-judge-header-number {
    background: var(--sj-ok-soft);
    color: var(--sj-ok);
}

#so-judge-wrapper.so-jt .so-judge-header-time,
#so-ent-wrapper.so-jt .so-judge-header-time {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-header-main .so-judge-header-name,
#so-ent-wrapper.so-jt .so-judge-header-main .so-judge-header-name {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-header-main .so-judge-header-division,
#so-ent-wrapper.so-jt .so-judge-header-main .so-judge-header-division {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-header-points .so-judge-points-input {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
    color: var(--sj-text);
    box-shadow: none;
}

#so-judge-wrapper.so-jt .so-judge-header-points .so-judge-points-input:focus {
    outline: none;
    border-color: var(--sj-acc);
    box-shadow: 0 0 0 3px var(--sj-focus);
}

#so-judge-wrapper.so-jt .so-judge-header-points .so-judge-points-input::placeholder {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-judge-accordion-header .so-ent-header-total {
    border: none;
    background: var(--sj-surface3);
    color: var(--sj-text);
}

#so-ent-wrapper.so-jt .so-judge-accordion-header .so-ent-header-total--empty {
    color: var(--sj-faint);
}

#so-judge-wrapper.so-jt .so-judge-comment-indicator,
#so-ent-wrapper.so-jt .so-judge-comment-indicator {
    color: var(--sj-faint2);
}

#so-judge-wrapper.so-jt .so-judge-comment-indicator--filled,
#so-ent-wrapper.so-jt .so-judge-comment-indicator--filled {
    color: var(--sj-acc);
}

#so-judge-wrapper.so-jt .so-judge-accordion-chevron,
#so-ent-wrapper.so-jt .so-judge-accordion-chevron {
    color: var(--sj-faint);
}

#so-judge-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"] .so-judge-accordion-chevron,
#so-ent-wrapper.so-jt .so-judge-accordion-header[aria-expanded="true"] .so-judge-accordion-chevron {
    color: var(--sj-acc);
}

#so-judge-wrapper.so-jt .so-judge-accordion-body,
#so-ent-wrapper.so-jt .so-judge-accordion-body {
    border-top: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-accordion-body textarea,
#so-ent-wrapper.so-jt .so-judge-accordion-body textarea {
    border: 1px solid var(--sj-line);
    box-shadow: none;
}

#so-judge-wrapper.so-jt .so-judge-accordion-body textarea:focus,
#so-ent-wrapper.so-jt .so-judge-accordion-body textarea:focus {
    outline: none;
    border-color: var(--sj-acc);
    box-shadow: 0 0 0 3px var(--sj-focus);
}

#so-judge-wrapper.so-jt .so-judge-info-accordion,
#so-ent-wrapper.so-jt .so-judge-info-accordion {
    border: 1px solid var(--sj-line);
}

#so-judge-wrapper.so-jt .so-judge-info-summary,
#so-ent-wrapper.so-jt .so-judge-info-summary {
    background: var(--sj-surface);
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-info-accordion[open] .so-judge-info-summary,
#so-ent-wrapper.so-jt .so-judge-info-accordion[open] .so-judge-info-summary {
    border-bottom: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-program {
    background: none;
    border: none;
}

#so-judge-wrapper.so-jt .so-judge-program__title {
    color: var(--sj-faint);
}

#so-judge-wrapper.so-jt .so-judge-program__list > li.so-judge-piece {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-piece__num {
    background: var(--sj-acc-soft);
    color: var(--sj-acc);
}

#so-judge-wrapper.so-jt .so-judge-piece__meta {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-piece .so-judge-soloists-inline {
    color: var(--sj-acc);
}

#so-judge-wrapper.so-jt .so-judge-piece .so-judge-soloists-inline li {
    color: inherit;
}

#so-judge-wrapper.so-jt .so-judge-piece .so-judge-piece-duration {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-piece__saved {
    color: var(--sj-warn);
}

#so-judge-wrapper.so-jt .so-judge-comments-wrap {
    border-top: 1px dashed var(--sj-line);
}

#so-judge-wrapper.so-jt .so-judge-corps-card--noprog .so-judge-comments-wrap {
    border-top: none;
}

#so-judge-wrapper.so-jt .so-judge-comments-label {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-comments-label small {
    color: var(--sj-faint);
}

#so-judge-wrapper.so-jt .so-judge-mode--single .so-judge-program__list {
    border-top: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-mode--single .so-judge-program__list > li.so-judge-piece {
    border-bottom: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-mode--single .so-judge-comments-wrap {
    border-top: none;
}

#so-judge-wrapper.so-jt .so-judge-winner-indicator {
    background: var(--sj-warn-soft);
    color: var(--sj-warn);
}

#so-judge-wrapper.so-jt .so-judge-winner-indicator--set {
    background: var(--sj-ok-soft);
    color: var(--sj-ok);
}

#so-judge-wrapper.so-jt .so-judge-winner-indicator--none {
    background: var(--sj-line2);
    color: var(--sj-faint);
}

#so-judge-wrapper.so-jt .so-judge-soloist-row {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

#so-judge-wrapper.so-jt .so-judge-soloist-row:last-child {
    border-bottom: 1px solid var(--sj-line);
}

#so-judge-wrapper.so-jt .so-judge-soloist-row:hover {
    border-color: var(--sj-line-h);
}

#so-judge-wrapper.so-jt .so-judge-soloist-row.is-checked {
    border-color: var(--sj-ok-line);
    background: var(--sj-ok-soft);
}

#so-judge-wrapper.so-jt .so-judge-soloist-row input[type="checkbox"] {
    accent-color: var(--sj-ok);
}

#so-judge-wrapper.so-jt .so-judge-soloist-instrument {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-soloist-detail {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-accordion-body .so-description {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn,
#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn:hover,
#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn:focus,
#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn:active {
    border: 1px solid var(--sj-acc) !important;
    background: var(--sj-acc) !important;
    color: var(--sj-on) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn:hover {
    background: var(--sj-acc-h) !important;
    border-color: var(--sj-acc-h) !important;
}

#so-judge-wrapper.so-jt .so-judge-division-footer .so-judge-soloist-winner-btn:focus-visible {
    box-shadow: 0 0 0 3px var(--sj-focus) !important;
}

#so-judge-wrapper.so-jt .so-judge-ranking-division {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface);
}

#so-judge-wrapper.so-jt .so-judge-ranking-head {
    background: var(--sj-surface2);
    border-bottom: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-ranking-div-title {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-ranking-count {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row {
    border-bottom: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row:last-child {
    border-bottom: none;
}

#so-judge-wrapper.so-jt .so-judge-ranking-row .so-judge-ranking-rank {
    background: var(--sj-line2);
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row .so-judge-ranking-rank--1 {
    background: var(--sj-gold-bg);
    color: var(--sj-gold-fg);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row .so-judge-ranking-rank--2 {
    background: var(--sj-silver-bg);
    color: var(--sj-silver-fg);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row .so-judge-ranking-rank--3 {
    background: var(--sj-bronze-bg);
    color: var(--sj-bronze-fg);
}

#so-judge-wrapper.so-jt .so-judge-ranking-name {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-ranking-row--empty .so-judge-ranking-name,
#so-judge-wrapper.so-jt .so-judge-ranking-row--empty .so-judge-ranking-points {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-cat-row {
    border-bottom: 1px solid var(--sj-line2);
}

#so-ent-wrapper.so-jt .so-ent-cat-row:last-child {
    border-bottom: none;
}

#so-ent-wrapper.so-jt .so-ent-cat-desc {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-cat-input-wrap .so-input--number {
    border: 1px solid var(--sj-line);
}

#so-ent-wrapper.so-jt .so-ent-cat-input-wrap .so-input--number:focus {
    outline: none;
    border-color: var(--sj-acc);
    box-shadow: 0 0 0 3px var(--sj-focus);
}

#so-ent-wrapper.so-jt .so-ent-cat-max {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-decimal-hint {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-timer {
    border: 1px solid var(--sj-line);
    background: var(--sj-surface2);
}

#so-ent-wrapper.so-jt .so-ent-timer__field-label {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-time-input {
    border: 1px solid var(--sj-line);
}

#so-ent-wrapper.so-jt .so-ent-timer__info {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-timer .so-btn,
#so-ent-wrapper.so-jt .so-ent-timer .so-btn:hover,
#so-ent-wrapper.so-jt .so-ent-timer .so-btn:focus,
#so-ent-wrapper.so-jt .so-ent-timer .so-btn:active {
    border: 1px solid var(--sj-line) !important;
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-ent-wrapper.so-jt .so-ent-timer .so-btn:hover {
    border-color: var(--sj-line-h) !important;
    background: var(--sj-surface2) !important;
}

#so-ent-wrapper.so-jt .so-ent-timer .so-btn:focus-visible {
    box-shadow: 0 0 0 3px var(--sj-focus) !important;
}

#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start,
#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start:hover,
#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start:focus {
    background: var(--sj-acc) !important;
    border-color: var(--sj-acc) !important;
    color: var(--sj-on) !important;
}

#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start.so-ent-timer-running,
#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start.so-ent-timer-running:hover,
#so-ent-wrapper.so-jt .so-ent-timer .so-ent-timer-start.so-ent-timer-running:focus {
    background: var(--sj-red) !important;
    border-color: var(--sj-red) !important;
}

#so-ent-wrapper.so-jt .so-ent-comments-label {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-total {
    border-top: none;
}

#so-ent-wrapper.so-jt .so-ent-program__heading {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-program__list {
    border-top: 1px solid var(--sj-line2);
}

#so-ent-wrapper.so-jt .so-ent-program__item {
    border-bottom: 1px solid var(--sj-line2);
}

#so-ent-wrapper.so-jt .so-ent-program__meta {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-program__dur {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-judge-ranking-table {
    border: 1px solid var(--sj-line);
}

#so-ent-wrapper.so-jt .so-judge-ranking-table th {
    background: var(--sj-surface2);
    border-bottom: 1px solid var(--sj-line2);
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-judge-ranking-table td {
    border-bottom: 1px solid var(--sj-line2);
}

#so-ent-wrapper.so-jt .so-judge-ranking-table tr:last-child td {
    border-bottom: none;
}

#so-ent-wrapper.so-jt .so-judge-ranking-table .so-judge-ranking-rank {
    color: var(--sj-acc);
}

#so-judge-wrapper.so-jt .so-judge-accordion-item--open > .so-judge-accordion-header[aria-expanded="true"],
#so-ent-wrapper.so-jt .so-judge-accordion-item--open > .so-judge-accordion-header[aria-expanded="true"] {
    box-shadow: 0 1px 0 var(--sj-line) !important;
}

#so-ent-wrapper.so-jt .so-ent-timer__running-indicator {
    background: var(--sj-red-soft2);
    color: var(--sj-red);
}

#so-ent-wrapper.so-jt .so-ent-timer__running-indicator::before {
    background: var(--sj-red);
}

#so-ent-wrapper.so-jt .so-ent-timer.so-ent-timer--running {
    border-color: var(--sj-red-line);
    background: var(--sj-red-soft);
    box-shadow: 0 0 0 3px var(--sj-red-shadow);
}

#so-ent-wrapper.so-jt .so-ent-corps-card--timer-running .so-judge-header-number {
    background: var(--sj-red);
    color: var(--sj-on);
}

#so-judge-wrapper.so-jt .so-judge-info-body--notes,
#so-ent-wrapper.so-jt .so-judge-info-body--notes {
    color: var(--sj-text);
}

#so-ent-wrapper.so-jt .so-ent-dialog {
    background: var(--sj-overlay);
}

#so-ent-wrapper.so-jt .so-ent-dialog__box {
    background: var(--sj-surface);
    box-shadow: 0 12px 40px rgba( 0, 0, 0, 0.25 );
}

#so-ent-wrapper.so-jt .so-ent-dialog__title {
    color: var(--sj-text);
}

#so-ent-wrapper.so-jt .so-ent-dialog__text {
    color: var(--sj-text2);
}

#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn,
#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn:hover,
#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn:focus,
#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn:active {
    border: 1px solid var(--sj-line) !important;
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn:focus-visible {
    box-shadow: 0 0 0 3px var(--sj-focus) !important;
}

#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn--ok,
#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn--ok:hover,
#so-ent-wrapper.so-jt .so-ent-dialog .so-ent-dialog__btn--ok:focus {
    border-color: var(--sj-red) !important;
    background: var(--sj-red) !important;
    color: var(--sj-on) !important;
}

#so-ent-wrapper.so-jt .so-ent-cats-all,
#so-ent-wrapper.so-jt .so-ent-cats-all:hover,
#so-ent-wrapper.so-jt .so-ent-cats-all:focus,
#so-ent-wrapper.so-jt .so-ent-cats-all:active,
#so-ent-wrapper.so-jt .so-ent-write-toggle,
#so-ent-wrapper.so-jt .so-ent-write-toggle:hover,
#so-ent-wrapper.so-jt .so-ent-write-toggle:focus,
#so-ent-wrapper.so-jt .so-ent-write-toggle:active,
#so-judge-wrapper.so-jt .so-judge-expand,
#so-judge-wrapper.so-jt .so-judge-expand:hover,
#so-judge-wrapper.so-jt .so-judge-expand:focus,
#so-judge-wrapper.so-jt .so-judge-expand:active {
    border: none !important;
    background: transparent !important;
    color: var(--sj-acc) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-ent-wrapper.so-jt .so-ent-cats-all:hover,
#so-ent-wrapper.so-jt .so-ent-write-toggle:hover,
#so-judge-wrapper.so-jt .so-judge-expand:hover {
    background: var(--sj-acc-soft) !important;
}

#so-ent-wrapper.so-jt .so-ent-cats-all:focus-visible,
#so-ent-wrapper.so-jt .so-ent-write-toggle:focus-visible,
#so-judge-wrapper.so-jt .so-judge-expand:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus) !important;
}

#so-ent-wrapper.so-jt .so-ent-cat-toggle,
#so-ent-wrapper.so-jt .so-ent-cat-toggle:hover,
#so-ent-wrapper.so-jt .so-ent-cat-toggle:focus,
#so-ent-wrapper.so-jt .so-ent-cat-toggle:active {
    border: none !important;
    background: transparent !important;
    color: var(--sj-text) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-ent-wrapper.so-jt .so-ent-cat-toggle:focus-visible {
    box-shadow: 0 0 0 2px var(--sj-focus) !important;
}

#so-ent-wrapper.so-jt .so-ent-cat-chev {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-cat-row.is-open .so-ent-cat-chev {
    color: var(--sj-acc);
}

#so-ent-wrapper.so-jt .so-ent-cat-row--has-desc:not( .is-open ) .so-ent-cat-desc {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-cat-row.is-open .so-ent-cat-desc {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-comments-head .so-ent-comments-label {
    color: var(--sj-muted);
}

#so-ent-wrapper.so-jt .so-ent-program {
    border: 1px solid var(--sj-line);
}

#so-ent-wrapper.so-jt .so-ent-program__toggle,
#so-ent-wrapper.so-jt .so-ent-program__toggle:hover,
#so-ent-wrapper.so-jt .so-ent-program__toggle:focus,
#so-ent-wrapper.so-jt .so-ent-program__toggle:active {
    border: none !important;
    background: transparent !important;
    color: var(--sj-muted) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-ent-wrapper.so-jt .so-ent-program__toggle:focus-visible {
    box-shadow: inset 0 0 0 2px var(--sj-focus) !important;
}

#so-ent-wrapper.so-jt .so-ent-program__chev {
    color: var(--sj-faint);
}

#so-ent-wrapper.so-jt .so-ent-program .so-ent-program__list {
    border-top: 1px solid var(--sj-line2);
}

#so-ent-wrapper.so-jt .so-ent-program .so-ent-program__item:last-child {
    border-bottom: none;
}

#so-judge-wrapper.so-jt .so-judge-writer {
    background: var(--sj-overlay);
}

#so-judge-wrapper.so-jt .so-judge-writer__box {
    background: var(--sj-surface);
    box-shadow: 0 12px 40px rgba( 0, 0, 0, 0.25 );
}

#so-judge-wrapper.so-jt .so-judge-writer__head {
    border-bottom: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-writer__titles strong {
    color: var(--sj-text);
}

#so-judge-wrapper.so-jt .so-judge-writer__sub {
    color: var(--sj-muted);
}

#so-judge-wrapper.so-jt .so-judge-writer__ta {
    border: 1px solid var(--sj-line);
    box-shadow: none;
}

#so-judge-wrapper.so-jt .so-judge-writer__ta:focus {
    outline: none;
    border-color: var(--sj-acc);
    box-shadow: 0 0 0 3px var(--sj-focus);
}

#so-judge-wrapper.so-jt .so-judge-writer__foot {
    border-top: 1px solid var(--sj-line2);
}

#so-judge-wrapper.so-jt .so-judge-writer__status {
    color: var(--sj-ok);
}

#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn:hover,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn:focus,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn:active,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:hover,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:focus,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:active {
    border: 1px solid var(--sj-line) !important;
    background: var(--sj-surface) !important;
    color: var(--sj-text) !important;
    box-shadow: none !important;
    outline: none !important;
}

#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:hover,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:focus {
    border-color: transparent !important;
    color: var(--sj-muted) !important;
}

#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn:hover,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:hover {
    background: var(--sj-surface3) !important;
}

#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn:focus-visible,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__close:focus-visible {
    box-shadow: 0 0 0 3px var(--sj-focus) !important;
}

#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn--done,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn--done:hover,
#so-judge-wrapper.so-jt .so-judge-writer .so-judge-writer__btn--done:focus {
    border-color: var(--sj-acc) !important;
    background: var(--sj-acc) !important;
    color: var(--sj-on) !important;
}

.so-jt .so-ent-cat-row {
    border-bottom: 1px solid var(--sj-surface3);
}

.so-jt .so-ent-cat-name {
    color: var(--sj-text);
}

.so-jt .so-ent-cat-max {
    color: var(--sj-faint);
}

.so-jt .so-ent-cat-desc {
    color: var(--sj-muted);
}

.so-jt .so-ent-cat-input--error {
    border-color: var(--sj-red) !important;
    background: var(--sj-red-soft2) !important;
}

.so-jt .so-ent-cat-error {
    color: var(--sj-red);
}

.so-jt .so-ent-timer {
    background: var(--sj-surface2);
    border: 1px solid var(--sj-line);
}

.so-jt .so-ent-timer__penalty--active {
    color: var(--sj-red);
}

.so-jt .so-ent-comments-label {
    color: var(--sj-text);
}

.so-jt .so-ent-total {
    color: var(--sj-text);
    border-top: 1px solid var(--sj-line);
}

.so-jt .so-ent-penalty-neg {
    color: var(--sj-red);
}

.so-jt .so-ent-timer__field-label {
    color: var(--sj-text);
}

/* Programtittel/tema i underholdningsskjemaet (2.7.447) */
#so-ent-wrapper.so-jt .so-ent-header-theme,
#so-ent-wrapper.so-jt .so-ent-header-theme-m {
    color: var(--sj-text2);
}
#so-ent-wrapper.so-jt .so-ent-theme-full {
    border-color: var(--sj-line);
    background: var(--sj-surface2);
    color: var(--sj-text);
}
#so-ent-wrapper.so-jt .so-ent-theme-full__lbl {
    color: var(--sj-muted);
}