/* GETCOURSE — SCHEDULE PAGE / Desktop v1.0 */

:root {
    --schedule-primary: #3499FD;
    --schedule-primary-hover: #218AF4;
    --schedule-primary-soft: #EAF4FF;
    --schedule-bg: #F7F9FC;
    --schedule-card: #FFFFFF;
    --schedule-text: #171C26;
    --schedule-secondary: #667085;
    --schedule-muted: #98A2B3;
    --schedule-border: #E8ECF2;
    --schedule-success: #16803C;
    --schedule-success-soft: #ECFDF3;
}

html.psych-schedule-loading body .demo-hh > .container {
    visibility: hidden !important;
    opacity: 0 !important;
}

html.psych-schedule-ready body .demo-hh > .container {
    visibility: visible !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    html.psych-schedule-ready body,
    html.psych-schedule-ready .gc-main-content {
        background: var(--schedule-bg) !important;
    }

    html.psych-schedule-ready .demo-hh > .container {
        width: 100% !important;
        max-width: 1240px !important;
        margin: 0 auto !important;
        padding: 34px 34px 64px !important;
        box-sizing: border-box !important;
        font-family: Manrope, Arial, sans-serif !important;
    }

    html.psych-schedule-ready .standard-logo,
    html.psych-schedule-ready .standard-page-content {
        display: none !important;
    }

    .psych-schedule-dashboard,
    .psych-schedule-dashboard * {
        box-sizing: border-box;
    }

    .psych-schedule-dashboard {
        width: 100%;
        color: var(--schedule-text);
    }

    .psych-schedule-hero {
        margin-bottom: 28px;
    }

    .psych-schedule-title {
        margin: 0 0 8px !important;
        color: var(--schedule-text) !important;
        font-size: 34px !important;
        line-height: 1.18 !important;
        font-weight: 750 !important;
        letter-spacing: -.02em !important;
    }

    .psych-schedule-subtitle {
        margin: 0 !important;
        color: var(--schedule-secondary) !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .psych-schedule-list {
        display: grid;
        gap: 12px;
    }

    .psych-schedule-card {
        display: grid;
        grid-template-columns: 110px minmax(0, 1fr) auto;
        align-items: center;
        gap: 22px;
        min-height: 112px;
        padding: 18px 20px;
        background: var(--schedule-card);
        border: 1px solid var(--schedule-border);
        border-radius: 18px;
        box-shadow: 0 8px 24px rgba(16, 24, 40, .04);
        color: inherit !important;
        text-decoration: none !important;
        transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    a.psych-schedule-card:hover {
        border-color: #D7E8FA;
        box-shadow: 0 12px 30px rgba(16, 24, 40, .07);
        transform: translateY(-2px);
        text-decoration: none !important;
    }

    .psych-schedule-card.is-disabled {
        cursor: default;
    }

    .psych-schedule-card.is-disabled:hover {
        border-color: var(--schedule-border);
        box-shadow: 0 8px 24px rgba(16, 24, 40, .04);
        transform: none;
    }

    .psych-schedule-date {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 74px;
        padding-right: 18px;
        border-right: 1px solid var(--schedule-border);
    }

    .psych-schedule-date__day {
        color: var(--schedule-text);
        font-size: 15px;
        line-height: 1.25;
        font-weight: 750;
    }

    .psych-schedule-date__time {
        margin-top: 6px;
        color: var(--schedule-primary);
        font-size: 14px;
        line-height: 1.25;
        font-weight: 750;
    }

    .psych-schedule-content {
        min-width: 0;
    }

    .psych-schedule-course {
        margin: 0 0 6px;
        color: var(--schedule-muted);
        font-size: 11px;
        line-height: 1.4;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .035em;
    }

    .psych-schedule-lesson {
        margin: 0 !important;
        color: var(--schedule-text) !important;
        font-size: 17px !important;
        line-height: 1.4 !important;
        font-weight: 700 !important;
        overflow-wrap: anywhere;
    }

    .psych-schedule-teacher {
        margin-top: 7px;
        color: var(--schedule-secondary);
        font-size: 12px;
        line-height: 1.45;
    }

    .psych-schedule-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 27px;
        padding: 0 10px;
        border-radius: 999px;
        font-size: 11px;
        line-height: 1;
        font-weight: 700;
        white-space: nowrap;
    }

    .psych-schedule-status.is-future {
        background: var(--schedule-primary-soft);
        color: var(--schedule-primary);
    }

    .psych-schedule-status.is-today {
        background: var(--schedule-success-soft);
        color: var(--schedule-success);
    }

    .psych-schedule-status.is-past {
        background: #F2F4F7;
        color: var(--schedule-secondary);
    }

    .psych-schedule-empty {
        padding: 42px 28px;
        background: var(--schedule-card);
        border: 1px solid var(--schedule-border);
        border-radius: 18px;
        text-align: center;
    }

    .psych-schedule-empty__title {
        margin: 0 0 8px !important;
        color: var(--schedule-text) !important;
        font-size: 18px !important;
        font-weight: 700 !important;
    }

    .psych-schedule-empty__text {
        margin: 0 !important;
        color: var(--schedule-secondary) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }
}