@CHARSET "UTF-8";

#TrueScheduler {
    flex: 1 1 100%;
    margin-bottom: 0.8rem;
    padding: 10px 14px;
    background-color: var(--color-bg-card, #ffffff);
    border-radius: var(--radius-md, 6px);
    border: 1px solid var(--color-border, #d6e0ea);
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.05));
    color: var(--color-text, #0a192f);
    font-size: var(--font-size-sm, 13px);
}

#TrueScheduler table {
    width: 100%;
    border: 0;
    border-spacing: 0px;
    border-collapse: collapse;
}

.SchTopBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 6px 10px;
    margin-bottom: 0.6rem;
    background-color: var(--color-bg-subtle, #e6eff7);
    border: 1px solid var(--color-border, #d6e0ea);
    border-radius: var(--radius-sm, 4px);
}

.SchToggleLink {
    display: inline-flex;
    align-items: center;
}

.btn-sch-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    font-size: var(--font-size-xs, 12px);
    font-weight: 700;
    color: #ffffff !important;
    background: var(--color-accent-gradient, linear-gradient(135deg, #0e2a47 0%, #1a4473 100%));
    border-radius: var(--radius-sm, 4px);
    text-decoration: none !important;
    box-shadow: var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, 0.08));
    transition: all var(--transition-fast, 140ms ease);
}

.btn-sch-toggle:hover {
    background: linear-gradient(135deg, #091a30 0%, #123458 100%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    text-decoration: none !important;
    color: #ffffff !important;
}

#TrueScheduler th.SchDay {
    padding: 6px 10px;
    font-size: var(--font-size-base, 13px);
    font-weight: 700;
    background: linear-gradient(135deg, #0e2a47 0%, #1b497c 100%);
    color: var(--color-text-inverse, #ffffff);
    border-radius: var(--radius-sm, 4px);
    margin-top: 0.8em;
    text-align: left;
}

#TrueScheduler th.SchDay a {
    color: #ffffff;
    font-weight: 700;
}

.SchCompetitionTime {
    text-align: end;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: var(--font-size-xs, 11px);
    font-weight: 500;
    color: var(--color-text, #0a192f);
}

.schBorederTime {
    font-weight: 600;
    padding: 2px 8px;
    display: inline-block;
    border: 1px solid var(--color-border, #d6e0ea);
    border-radius: var(--radius-sm, 4px);
    background-color: #ffffff;
    color: var(--color-text, #0a192f);
}

.SchSelectorTime {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--color-text-secondary, #2d4560);
}

.timeActive {
    color: var(--color-primary-text, #ffffff) !important;
    background-color: var(--color-accent, #163b65);
    font-weight: 700;
    padding: 2px 6px;
    border-radius: var(--radius-sm, 4px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    text-decoration: none !important;
}

.timeNotActive {
    color: var(--color-text-secondary, #2d4560);
    padding: 2px 6px;
    cursor: pointer;
    font-weight: 600;
    border-radius: var(--radius-sm, 4px);
    transition: all var(--transition-fast, 140ms ease);
    text-decoration: none !important;
}

.timeNotActive:hover {
    color: var(--color-accent, #163b65);
    background-color: #ffffff;
}

.SchDay:FIRST-CHILD {
    margin-top: 0;
}

.SchText {
    margin-left: 0;
    font-weight: 600;
    color: var(--color-text, #0a192f);
}

#TrueScheduler tr td:FIRST-CHILD {
    padding-right: 0.6em;
    white-space: nowrap;
    font-weight: 600;
    color: var(--color-text-secondary, #2d4560);
    font-variant-numeric: tabular-nums;
}

#TrueScheduler td {
    vertical-align: top;
    padding: 3px 4px;
    transition: background-color var(--transition-fast, 140ms ease);
}

#TrueScheduler tr:hover td {
    background-color: var(--color-green-light, #a7f3d0);
}

.SchTitle {
    font-weight: 700;
    color: var(--color-primary-dark, #091a30);
    margin-top: 0.35em;
}

.SchSubTitle {
    font-weight: 600;
    font-style: italic;
    color: var(--color-text-secondary, #2d4560);
}

.SchItem {
    line-height: 1.35;
}

.SchWarmup {
    font-style: italic;
    color: var(--color-text-muted, #5b7592);
}

.SchDelay {
    font-weight: 700;
    color: var(--color-red, #f43f5e);
    padding-left: 4px;
}

.active td {
    background-color: var(--color-green-light, #a7f3d0);
    border-top: 1px solid var(--color-green, #10b981);
    border-bottom: 1px solid var(--color-green, #10b981);
    color: var(--color-green-hover, #059669);
    font-weight: 600;
}

.tempItem {
    color: var(--color-text-muted, #5b7592);
    font-style: italic;
}

a:hover .tempItem {
    color: var(--color-red, #f43f5e);
}

.confirmed {
    color: var(--color-text, #0a192f);
}

a:hover .confirmed {
    color: var(--color-accent, #163b65);
}

.MatchRow td {
    padding-bottom: 0.4em;
}

.SchGroup {
    text-align: left;
    background-color: var(--color-bg-subtle, #e6eff7);
    border-radius: var(--radius-sm, 4px);
    padding: 4px 8px;
    margin: 4px 0;
    font-weight: 600;
    color: var(--color-text, #0a192f);
}

@media only screen and (min-width: 800px) {
    #TrueScheduler {
        flex: 1 1 auto;
        margin-right: 0;
        margin-bottom: 0;
    }
}