.oebk-course-member-area {
    display: grid;
    gap: 14px;
    margin: 0 0 18px;
}

.oebk-course-notice {
    padding: 12px 14px;
    border: 1px solid #d7e2e5;
    border-radius: 9px;
    background: #f6f9fa;
}

.oebk-course-notice.is-success {
    border-color: #badcc1;
    background: #f0faf2;
}

.oebk-course-notice.is-error {
    border-color: #e4bbbb;
    background: #fff3f3;
}

.oebk-course-own-list,
.oebk-course-submit-box,
.oebk-course-no-permission {
    border: 1px solid #d8e1e4;
    border-radius: 12px;
    background: #fff;
}

.oebk-course-own-list {
    display: grid;
    gap: 10px;
    padding: 16px;
}

.oebk-course-block-heading {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}

.oebk-course-block-heading h3 {
    margin: 0;
}

.oebk-course-block-heading > span {
    min-width: 32px;
    padding: 5px 9px;
    text-align: center;
    border-radius: 999px;
    background: #e6f1f4;
    font-weight: 700;
    color: #245a6b;
}

.oebk-course-own-card {
    padding: 13px 14px;
    border: 1px solid #e1e6e8;
    border-radius: 9px;
    background: #fafcfc;
}

.oebk-course-own-card-top {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
}

.oebk-course-own-card-top strong,
.oebk-course-own-card-top small {
    display: block;
}

.oebk-course-own-card-top small {
    margin-top: 3px;
    color: #617078;
}

.oebk-course-status,
.oebk-course-admin-status {
    display: inline-flex;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef2f4;
    font-size: .84rem;
    font-weight: 700;
}

.oebk-course-status.status-approved,
.oebk-course-admin-status.status-approved {
    background: #e4f4e7;
    color: #2d7139;
}

.oebk-course-status.status-rejected,
.oebk-course-admin-status.status-rejected {
    background: #fde9e9;
    color: #982f2f;
}

.oebk-course-status.status-submitted,
.oebk-course-admin-status.status-submitted {
    background: #fff1cc;
    color: #7a5600;
}

.oebk-course-status.status-in_review,
.oebk-course-admin-status.status-in_review {
    background: #e5f2f6;
    color: #245a6b;
}

.oebk-course-feedback {
    margin-top: 12px;
    padding: 12px 13px;
    border-left: 4px solid #2c6e80;
    background: #eef6f8;
}

.oebk-course-feedback p {
    margin: 5px 0 8px;
}

.oebk-course-read-button {
    padding: 0;
    border: 0;
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.oebk-course-public-link {
    display: inline-block;
    margin-top: 10px;
}

.oebk-course-submit-box {
    overflow: hidden;
}

.oebk-course-submit-box > summary {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 16px;
    cursor: pointer;
    list-style: none;
    background: #f4f8f9;
}

.oebk-course-submit-box > summary::-webkit-details-marker {
    display: none;
}

.oebk-course-submit-box > summary strong,
.oebk-course-submit-box > summary small {
    display: block;
}

.oebk-course-submit-box > summary small {
    margin-top: 3px;
    color: #627078;
}

.oebk-course-submit-body {
    display: grid;
    gap: 14px;
    padding: 16px;
    border-top: 1px solid #dce4e7;
}

.oebk-course-info,
.oebk-course-no-permission {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.oebk-course-info {
    padding: 12px 13px;
    background: #eef6f8;
    border-left: 4px solid #2c6e80;
}

.oebk-course-info p,
.oebk-course-no-permission p {
    margin: 0;
}

.oebk-course-submit-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.oebk-course-submit-form label {
    display: grid;
    gap: 6px;
}

.oebk-course-submit-form input,
.oebk-course-submit-form select,
.oebk-course-submit-form textarea {
    width: 100%;
}

.oebk-course-submit-form small {
    color: #637078;
}

.oebk-course-span-2 {
    grid-column: 1 / -1;
}

.oebk-course-submit-actions {
    display: flex;
    justify-content: flex-end;
}

.oebk-course-submit-button {
    padding: 10px 15px;
    border: 0;
    border-radius: 6px;
    background: #246b7e;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.oebk-course-no-permission {
    padding: 14px 15px;
    background: #f7f8f8;
}

.oebk-course-review {
    display: grid;
    gap: 14px;
}

.oebk-course-review-head {
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    padding: 13px 14px;
    border-radius: 8px;
    background: #eef6f8;
}

.oebk-course-review-head > div {
    display: flex;
    gap: 8px;
    align-items: center;
}

.oebk-course-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.oebk-course-review-grid > div {
    padding: 11px 12px;
    border: 1px solid #e0e5e7;
    border-radius: 8px;
    background: #fff;
}

.oebk-course-review-grid small,
.oebk-course-review-grid strong {
    display: block;
}

.oebk-course-review-grid small {
    margin-bottom: 3px;
    color: #66757b;
}

.oebk-course-review-note {
    padding: 12px 13px;
    border: 1px solid #e0e5e7;
    border-radius: 8px;
}

.oebk-course-review-note p {
    margin-bottom: 0;
}

.oebk-course-review-feedback {
    display: grid;
    gap: 6px;
}

.oebk-course-review-feedback textarea {
    width: 100%;
}

.oebk-course-review-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.oebk-course-review-hint {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 12px;
    background: #f4f8f9;
}

.oebk-course-review-hint p {
    margin: 0;
}

.oebk-course-review-message {
    margin: 0;
    padding: 10px 12px;
    border-radius: 7px;
    background: #f7f8f8;
}

@media (max-width: 760px) {
    .oebk-course-submit-form,
    .oebk-course-review-grid {
        grid-template-columns: 1fr;
    }

    .oebk-course-span-2 {
        grid-column: 1;
    }

    .oebk-course-own-card-top,
    .oebk-course-review-head {
        display: grid;
    }
}