.mse-ics-plans,
.mse-ics-dashboard{box-sizing:border-box}
.mse-ics-plans{margin:16px 0;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.mse-ics-plans-head{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.mse-ics-plans-head strong{font-size:19px;line-height:1.45;color:#101828}
.mse-ics-plans-head span{color:#667085;font-size:13px;line-height:1.65}
.mse-ics-plan-form{display:grid;gap:14px}
.mse-ics-plan-select-wrap{display:grid;gap:7px}
.mse-ics-plan-select-wrap label{font-size:13px;font-weight:700;color:#344054}
.mse-ics-plan-select{width:100%;min-height:46px;padding:0 13px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828;font-size:14px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.mse-ics-plan-select:focus{outline:0;border-color:#3157e8;box-shadow:0 0 0 3px rgba(49,87,232,.12)}
.mse-ics-selected-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name price" "duration duration";gap:7px 14px;align-items:center;padding:14px;border:1px solid #e4e7ec;border-radius:12px;background:#f8fafc}
.mse-ics-selected-plan>div:first-child{grid-area:name;display:flex;flex-direction:column;gap:3px;min-width:0}
.mse-ics-selected-plan>div:first-child span{font-size:11px;color:#667085}
.mse-ics-selected-label{font-size:15px;color:#101828;overflow-wrap:anywhere}
.mse-ics-selected-price{grid-area:price;font-size:22px;font-weight:800;color:#1d4ed8;white-space:nowrap}
.mse-ics-selected-duration{grid-area:duration;color:#667085;font-size:12px}
.mse-ics-submit{width:100%;min-height:46px;justify-content:center}
.mse-ics-login-note{display:block;color:#667085;font-size:12px;line-height:1.7;text-align:center}
.mse-ics-plans.is-compact{padding:14px}
.mse-ics-plans.is-compact .mse-ics-plans-head{margin-bottom:12px}
.mse-ics-loop-price{font-weight:700}
.mse-ics-loop-offer{display:flex;flex-direction:column;gap:10px;width:100%}
.mse-ics-loop-offer .mse-ics-loop-price{display:block;font-size:14px;color:#344054}
.mse-ics-loop-offer .mse-ics-view-course{width:100%;justify-content:center}
.mse-ics-dashboard{display:flex;flex-direction:column;gap:22px}
.mse-ics-dashboard-head h2{margin:0 0 6px}
.mse-ics-dashboard-head p{margin:0;color:#667085}
.mse-ics-sub-list{display:grid;gap:16px}
.mse-ics-sub-card{padding:20px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(16,24,40,.04)}
.mse-ics-sub-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mse-ics-sub-top h3{margin:0 0 8px;font-size:18px}
.mse-ics-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#f2f4f7;color:#475467}
.mse-ics-status.is-active{background:#ecfdf3;color:#027a48}
.mse-ics-status.is-expired,.mse-ics-status.is-suspended{background:#fef3f2;color:#b42318}
.mse-ics-status.is-scheduled{background:#fffaeb;color:#b54708}
.mse-ics-course-link{text-decoration:none;font-weight:700}
.mse-ics-sub-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.mse-ics-sub-details>div{padding:12px;border-radius:10px;background:#f8fafc}
.mse-ics-sub-details dt{font-size:12px;color:#667085;margin-bottom:4px}
.mse-ics-sub-details dd{margin:0;font-weight:700;color:#344054}
.mse-ics-renewal-area .mse-ics-plans{margin-bottom:0}
.mse-ics-notifications{padding:20px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}
.mse-ics-notifications h3{margin-top:0}
.mse-ics-notification-list{display:grid;gap:10px}
.mse-ics-notification-list article{padding:13px 14px;border:1px solid #eaecf0;border-radius:10px;background:#f9fafb}
.mse-ics-notification-list article p{margin:5px 0;color:#475467}
.mse-ics-notification-list article small{color:#98a2b3}
.mse-ics-empty{padding:16px;border-radius:10px;background:#f9fafb;color:#667085}
.tutor-single-course-sidebar .mse-ics-plans{margin:0 0 18px;width:100%}
.tutor-single-course-sidebar .mse-ics-plans.is-compact{margin-top:12px}
@media(max-width:782px){.mse-ics-sub-details{grid-template-columns:1fr}.mse-ics-sub-top{flex-direction:column}.mse-ics-course-link{width:100%}.mse-ics-selected-plan{grid-template-columns:1fr;grid-template-areas:"name" "price" "duration"}.mse-ics-selected-price{white-space:normal}}
