.st_series_wrap { width: 100%; }
.st_series_table .st_btn { min-height: 2.65rem; padding: .68rem 1rem; white-space: nowrap; }
.st_series_row_actions { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; }
.st_series_row_actions .st_series_cancel { text-decoration: none; }
.st_series_id { color: #092a63; font-weight: 800; }
.st_series_interval { align-items: center; display: inline-flex; gap: .45rem; text-transform: capitalize; }
.st_series_interval i { color: #fdb515; }
.st_series_empty { color: #69758b; padding: 2rem; text-align: center; }
.st_series_mobile_cards { display: none; }

.st_series_modal { align-items: center; background: rgba(4, 24, 61, .7); display: none; inset: 0; justify-content: center; padding: 1.25rem; position: fixed; z-index: 100001; }
.st_series_modal.st_open { display: flex; }
.st_series_dialog { background: #fff; border: 1px solid #dfe7f2; border-radius: 1.75rem; box-shadow: 0 28px 80px rgba(4, 24, 61, .24); max-height: calc(100vh - 2.5rem); max-width: 760px; overflow: auto; padding: 2rem; position: relative; width: 100%; }
.st_series_close { align-items: center; background: #f4f7fb; border: 0; border-radius: 50%; color: #092a63; cursor: pointer; display: flex; height: 2.65rem; justify-content: center; position: absolute; right: 1.4rem; top: 1.4rem; width: 2.65rem; }
.st_series_heading { padding-right: 3.5rem; }
.st_series_heading h3 { color: #06265f; font-size: clamp(1.55rem, 3vw, 2.15rem); margin: .7rem 0 .45rem; }
.st_series_heading p { color: #68758d; margin: 0; }
.st_series_steps { display: grid; gap: .6rem; grid-template-columns: repeat(4, 1fr); margin: 1.8rem 0; position: relative; }
.st_series_steps span { align-items: center; color: #8490a4; display: flex; font-size: .78rem; font-weight: 750; gap: .5rem; }
.st_series_steps b { align-items: center; background: #edf1f7; border-radius: 50%; display: flex; height: 1.8rem; justify-content: center; width: 1.8rem; }
.st_series_steps span.st_active { color: #092a63; }
.st_series_steps span.st_active b { background: #fdb515; color: #092a63; }
.st_series_step { display: none; }
.st_series_step.st_active { display: block; }
.st_series_step_intro { margin-bottom: 1rem; }
.st_series-step-intro h4, .st_series_step_intro h4 { color: #092a63; font-size: 1rem; margin: 0 0 .25rem; }
.st_series_step_intro p { color: #77839a; font-size: .82rem; margin: 0; }
.st_series_notice { border-radius: .8rem; font-size: .9rem; font-weight: 650; margin-bottom: 1rem; padding: .9rem 1rem; }
.st_series_notice.st_info { background: #eef5ff; color: #174a8d; }
.st_series_notice.st_error { background: #fff0f1; color: #a22532; }
.st_series_notice.st_success { background: #e9f8ef; color: #17643a; }
.st_series_summary_grid { display: grid; gap: .8rem; grid-template-columns: repeat(2, 1fr); }
.st_series_summary_grid span { background: #f7f9fc; border: 1px solid #e4eaf3; border-radius: .9rem; padding: .9rem 1rem; }
.st_series_summary-grid small, .st_series_summary_grid small, .st_series_old_dates > small { color: #77839a; display: block; font-size: .73rem; font-weight: 700; margin-bottom: .2rem; text-transform: uppercase; }
.st_series_summary_grid b { color: #092a63; }
.st_series_pattern { align-items: center; background: #f7f9fc; border: 1px solid #e4eaf3; border-radius: .9rem; display: flex; justify-content: space-between; margin-top: .8rem; padding: .8rem 1rem; }
.st_series_pattern small { color: #77839a; font-size: .73rem; font-weight: 700; text-transform: uppercase; }
.st_series_pattern b { color: #092a63; font-size: .88rem; }
.st_series_old_dates { border-top: 1px solid #e5eaf2; margin-top: 1.2rem; padding-top: 1.2rem; }
.st_series_old_dates > span { align-items: center; background: #fff9e8; border: 1px solid #fde5a4; border-radius: .8rem; color: #092a63; display: flex; gap: .55rem; margin-top: .55rem; padding: .85rem 1rem; }
.st_series_old_dates em { color: #6b7486; font-style: normal; margin-left: auto; }
.st_series_form { display: grid; gap: 1rem; }
.st_series_date_fields { display: grid; gap: 1rem; grid-template-columns: minmax(300px, 380px); justify-content: center; }
.st_series_calendar_requirement { align-items: center; background: #fff8e5; border: 1px solid #fde19a; border-radius: .85rem; color: #5f512c; display: flex; font-size: .82rem; gap: .6rem; padding: .75rem .9rem; }
.st_series_calendar_requirement i { color: #f0a900; }
.st_series_calendar_requirement em { color: #092a63; display: block; font-style: normal; font-weight: 800; margin-top: .15rem; }
.st_series_calendar_card { background: #f8fafc; border: 1px solid #e0e7f0; border-radius: 1rem; overflow: hidden; padding: .85rem; }
.st_series_calendar_head { align-items: center; display: flex; justify-content: space-between; margin-bottom: .65rem; }
.st_series_calendar_head span { color: #092a63; font-size: .9rem; font-weight: 800; }
.st_series_calendar_head small { color: #7f8aa0; font-size: .75rem; font-weight: 650; }
.st_series_calendar_input { display: none; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-calendar { background: transparent; border: 0; box-shadow: none; margin: 0 auto; padding: 0; position: relative; scale: 1; top: 0; width: 100%; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-months { align-items: center; display: flex; height: 44px; margin-bottom: .35rem; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-months .flatpickr-month { height: 44px; overflow: visible; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-current-month { align-items: center; color: #092a63; display: flex; font-size: 1rem; font-weight: 800; height: 44px; justify-content: center; left: 12.5%; line-height: 44px; padding: 0; top: 0; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-current-month .flatpickr-monthDropdown-months,
.st_profile_dashboard .st_series_calendar_card .flatpickr-current-month input.cur-year { color: #092a63; font-weight: 800; height: 36px; line-height: 36px; }
.st_profile_dashboard .st_series_calendar_card .flatpickr-prev-month,
.st_profile_dashboard .st_series_calendar_card .flatpickr-next-month { align-items: center; display: flex; height: 44px; padding: 0 .5rem; }
.st_series_calendar_card .flatpickr-rContainer,
.st_series_calendar_card .flatpickr-days,
.st_series_calendar_card .dayContainer { max-width: 100%; min-width: 100%; width: 100%; }
.st_series_calendar_card .flatpickr-weekday { color: #77839a; font-size: .7rem; font-weight: 800; }
.st_series_calendar_card .flatpickr-day { border-radius: .65rem; color: #173866; font-size: .76rem; font-weight: 700; height: 34px; line-height: 34px; max-width: none; }
.st_series_calendar_card .flatpickr-day.today { border-color: #fdb515; }
.st_series_calendar_card .flatpickr-day.selected,
.st_series_calendar_card .flatpickr-day.selected:hover { background: #092a63; border-color: #092a63; color: #fff; }
.st_series_slot_field { border-top: 1px solid #e4eaf2; padding-top: 1rem; }
.st_series_slot_head { align-items: center; display: flex; justify-content: space-between; margin-bottom: .75rem; }
.st_series_slot_head span { color: #092a63; font-size: .9rem; font-weight: 800; }
.st_series_slot_head small { color: #8792a6; font-size: .76rem; font-weight: 600; }
.st_series_slots { display: grid; gap: .7rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.st_series_slot_group { background: #fff; border: 1px solid #e0e7f0; border-radius: .9rem; overflow: hidden; padding: .65rem 1rem .65rem .65rem; position: relative; }
.st_series_slot_group h4 { align-items: center; color: #092a63; display: flex; font-size: .78rem; gap: .4rem; margin: 0 0 .55rem; }
.st_series_slot_group h4 i { color: #fdb515; }
.st_series_slot_viewport { display: grid; gap: .35rem; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 190px; overflow-y: scroll; padding-right: .15rem; scrollbar-width: none; }
.st_series_slot_viewport::-webkit-scrollbar { display: none; height: 0; width: 0; }
.st_series_scroll_rail { background: #e4e9f1; border: 1px solid #d4dce8; border-radius: 999px; bottom: .65rem; cursor: pointer; display: block; position: absolute; right: .38rem; top: 2.25rem; width: 8px; }
.st_series_scroll_thumb { background: #7b899f; border-radius: 999px; display: block; left: 1px; min-height: 28px; position: absolute; top: 1px; transition: background .18s ease; width: 4px; }
.st_series_scroll_rail:hover .st_series_scroll_thumb { background: #52627a; }
.st_series_scroll_rail.st_disabled { opacity: .45; }
.st_series_slot { background: #f2f5f9; border: 1px solid transparent; border-radius: .55rem; color: #173866; cursor: pointer; font-size: .64rem; font-weight: 750; min-height: 2rem; padding: .25rem; }
.st_series_slot:hover { border-color: #fdb515; }
.st_series_slot.st_active { background: #092a63; border-color: #092a63; color: #fff; }
.st_series_slot.st_slot_passed,
.st_series_slot.st_slot_passed:hover { background: #eef1f6; border-color: #dfe4ed; box-shadow: none; color: #7d879b; cursor: not-allowed; opacity: .42; transform: none; }
.st_series_field { color: #092a63; display: grid; font-size: .9rem; font-weight: 750; gap: .5rem; }
.st_series_field span { display: flex; justify-content: space-between; }
.st_series_field small { color: #8792a6; font-weight: 550; }
.st_series_field input { background: #fff; border: 1px solid #d7e0ec; border-radius: .8rem; color: #092a63; font: inherit; min-height: 3.15rem; padding: .75rem .9rem; width: 100%; }
.st_series_field input:focus { border-color: #fdb515; box-shadow: 0 0 0 3px rgba(253, 181, 21, .16); outline: 0; }
.st_series_compare { border: 1px solid #e2e8f1; border-radius: 1rem; overflow: hidden; }
.st_series_compare_head, .st_series_compare_row { align-items: center; display: grid; gap: 1rem; grid-template-columns: 1fr 1.5rem 1fr; padding: .9rem 1rem; }
.st_series_compare_head { background: #092a63; color: #fff; font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.st_series_compare-head i, .st_series_compare_head i, .st_series_compare_row > i { color: #fdb515; text-align: center; }
.st_series_compare_row { border-top: 1px solid #e8edf4; color: #092a63; }
.st_series_compare_row:first-of-type { border-top: 0; }
.st_series_compare_row span { display: grid; gap: .15rem; }
.st_series_compare_row small { color: #77839a; }
.st_series_charge_note { align-items: flex-start; background: #fff8e5; border: 1px solid #fde19a; border-radius: .85rem; color: #5f512c; display: flex; font-size: .86rem; gap: .65rem; margin-top: 1rem; padding: .85rem 1rem; }
.st_series_charge_note i { color: #f0a900; margin-top: .15rem; }
.st_series_actions { display: flex; gap: .75rem; justify-content: flex-end; margin-top: 1.5rem; }
.st_series_actions .st_btn { align-items: center; display: inline-flex; gap: .55rem; justify-content: center; }
.st_series_back { background: #f3f6fa; border: 1px solid #dfe6ef; color: #092a63; }
body.st_series_modal_open { overflow: hidden; }

@media (max-width: 767px) {
	.st_series_wrap > .st_table_scroll { display: none; }
	.st_series_mobile_cards { display: grid; gap: 1rem; }
	.st_series_dialog { border-radius: 1.2rem; max-height: calc(100vh - 1rem); padding: 1.25rem; }
	.st_series_modal { padding: .5rem; }
	.st_series_close { right: 1rem; top: 1rem; }
	.st_series_heading { padding-right: 2.8rem; }
	.st_series_steps span { font-size: 0; }
	.st_series_steps span b { font-size: .78rem; }
	.st_series_summary_grid, .st_series_date_fields { grid-template-columns: 1fr; }
	.st_series_pattern, .st_series_slot_head { align-items: flex-start; flex-direction: column; gap: .25rem; }
	.st_series_slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.st_series_compare_head, .st_series_compare_row { gap: .45rem; padding: .75rem; }
	.st_series_compare_row b { font-size: .82rem; }
	.st_series_actions { flex-direction: column-reverse; }
	.st_series_actions .st_btn { width: 100%; }
}