:host ::ng-deep {
    ion-item.latesubmission,
    ion-item.overdue {
        border-bottom: 3px solid var(--danger) !important;
        ion-icon {
            color: var(--danger);
        }
    }

    ion-item.earlysubmission {
        border-bottom: 3px solid var(--success) !important;
        ion-icon {
            color: var(--success);
        }
    }

    ion-item.submissioneditable p {
        color: var(--danger);
    }

    .core-grading-summary .advancedgrade {
        display: none;
    }

    ion-badge {
        margin-left: 2px;
        margin-right: 2px;
    }

    core-timer .core-timer {
        &.core-timer-under-300 {
            background-color: var(--danger-tint);
            color: var(--danger-shade);
        }

        &.core-timer-under-900 {
            background-color: var(--warning-tint);
            color: var(--warning-shade);
        }
    }
}

:host-context(body.dark) ::ng-deep {
    ion-item.submissioneditable p {
        color: var(--danger-tint);
    }
}
