.dm-course-actions{display:flex;flex-wrap:wrap;gap:8px}.dm-course-actions .dm-course-enroll{flex-basis:100%;justify-content:center;min-height:44px}
.dm-course-enrollment{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column;transform:none!important}
.dm-course-enrollment .modal-head,.dm-course-enrollment .modal-foot{flex-shrink:0}.dm-course-enrollment .modal-body{min-height:0;overflow:auto}.dm-course-enrollment .existing-student-toolbar{display:flex;flex-wrap:wrap;gap:12px}.dm-course-enrollment .existing-student-search{width:100%;min-width:0}.dm-course-enrollment .existing-student-search input{min-width:0;width:100%}.course-selection-count{font-size:13px;color:var(--muted);padding:12px 0}
.dm-course-enrollment .existing-students-list{max-height:none;overflow:visible}.dm-course-enrollment .existing-student-row{display:flex;flex-wrap:wrap;padding:12px;gap:10px;border-radius:16px;margin-bottom:8px;background:var(--surface);border:1px solid var(--line)}.dm-course-enrollment .existing-student-row.is-selected{border-color:var(--primary)}.dm-course-enrollment .existing-student-check{flex:1;min-width:0;display:flex;align-items:center;gap:12px;cursor:pointer}.dm-course-enrollment input[type=checkbox]{width:22px;height:22px;flex-shrink:0;accent-color:var(--primary)}.dm-course-enrollment .existing-student-person{min-width:0;overflow-wrap:anywhere}.dm-course-enrollment .existing-student-person small{display:block}.dm-course-enrollment .existing-student-price{display:none}.dm-course-enrollment .is-selected .existing-student-price{display:block;width:130px}.dm-course-enrollment .existing-student-price input{width:100%;min-height:44px}.dm-course-enrollment .modal-foot .btn{min-height:44px}.dm-course-enrollment .note{font-size:12px;margin-top:10px}
@media(max-width:600px){.dm-course-enrollment .modal-head{padding:16px}.dm-course-enrollment .modal-body{padding:12px 16px}.dm-course-enrollment .modal-foot{padding:12px 16px;gap:8px}.dm-course-enrollment .modal-foot .btn-primary{flex:1}.dm-course-enrollment .is-selected .existing-student-price{width:100%;padding-left:34px}.dm-course-enrollment .price-input-wrap{max-width:160px}.dm-course-enrollment .existing-student-courses{font-size:11px}}
html body .dm-course-enrollment .existing-student-toolbar .existing-student-search{background:var(--surface-2)!important;border-color:var(--line)!important}
html body .dm-course-enrollment .existing-student-search input{background:transparent!important;color:var(--ink)!important}
html body .dm-course-enrollment .select-visible-students,html body .dm-course-enrollment .existing-student-person strong,html body .dm-course-enrollment .existing-student-person .existing-student-courses,html body .dm-course-enrollment .existing-student-price input{color:var(--ink)!important}
html body .dm-course-enrollment .existing-student-row{background:var(--surface)!important;border-color:var(--line)!important}
html body .dm-course-enrollment .existing-student-row.is-selected{border-color:var(--primary)!important}
html body .dm-course-enrollment .price-input-wrap{background:var(--surface-2)!important;border-color:var(--line)!important}
@media(max-width:600px){html body .dm-course-enrollment .existing-student-check{flex:1 0 100%;width:100%}html body .dm-course-enrollment .is-selected .existing-student-price{flex:1 0 100%;max-width:none!important;width:100%!important;box-sizing:border-box}}
html body .dm-course-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
html body .dm-course-actions>.btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px!important;width:100%;box-sizing:border-box;font-size:13px!important;line-height:1.2;white-space:nowrap}
html body .dm-course-actions>.dm-course-enroll{grid-column:1 / -1;background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important;border-radius:13px!important;box-shadow:none!important;padding:12px 16px!important;font-weight:650!important}
html body .dm-course-actions .icon{width:18px!important;height:18px!important;flex:0 0 18px}
html body .dm-course-actions>.dm-course-enroll:hover{filter:brightness(1.08)}
html body .dm-course-actions>.btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:600px){html body .dm-course-actions>.btn{min-height:46px!important}.hero-actions:has(button[onclick="dmRefreshCashDues(this)"]){display:flex;flex-wrap:wrap;gap:8px}.hero-actions:has(button[onclick="dmRefreshCashDues(this)"])>.btn{flex:1 1 160px;justify-content:center;min-height:44px}}