.hsm-online-classes { display:grid; gap:14px; }
.hsm-online-toolbar,.hsm-online-actions,.hsm-online-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.hsm-online-toolbar { justify-content:space-between; margin-bottom:14px; }
.hsm-online-filter,.hsm-online-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; }
.hsm-online-filter { margin:14px 0; }
.hsm-online-filter>label,.hsm-online-form-grid>label { display:grid; gap:6px; min-width:0; }
.hsm-online-filter :is(input,select),.hsm-online-form-grid :is(input,select,textarea) { box-sizing:border-box; min-width:0; max-width:100%; width:100%; min-height:44px; padding:9px; border:1px solid #dce3ee; border-radius:9px; font:inherit; color:#172033; background:#fff; }
.hsm-online-full { grid-column:1/-1; }
.hsm-online-list { display:grid; gap:10px; }
.hsm-online-link { border:1px solid #dce3ee; border-radius:12px; background:#fff; }
.hsm-online-link>summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; padding:14px; min-height:44px; cursor:pointer; }
.hsm-online-link>summary strong { overflow-wrap:anywhere; }
.hsm-online-link>summary span { color:#335da9; background:#edf3ff; border-radius:8px; padding:4px 8px; font-size:12px; }
.hsm-online-link>summary small { flex-basis:100%; color:#65708a; }
.hsm-online-link-body { padding:0 14px 14px; }
.hsm-online-meta { color:#65708a; font-size:12px; }
.hsm-online-description { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.9; }
.hsm-online-window { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0; font-size:12px; color:#65708a; }
.hsm-online-pagination { justify-content:center; margin-top:16px; }
.hsm-online-editor,.hsm-online-popup { width:min(720px,calc(100% - 24px)); max-height:88dvh; overflow:auto; overscroll-behavior:contain; padding:22px; border:1px solid #dce3ee; border-radius:18px; color:#172033; background:#fff; font:14px Tahoma; }
.hsm-online-editor::backdrop,.hsm-online-popup::backdrop { background:#17203388; backdrop-filter:blur(3px); }
.hsm-online-editor>header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.hsm-online-editor .hsm-online-check { display:flex; gap:8px; align-items:center; min-height:44px; }
.hsm-online-editor input[type="checkbox"] { width:auto; min-height:0; flex:0 0 auto; }
.hsm-online-editor fieldset { border:1px solid #dce3ee; border-radius:10px; min-width:0; margin:0; padding:10px; }
.hsm-online-editor [data-online-people] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; max-height:220px; overflow:auto; }
.hsm-online-editor details>summary { cursor:pointer; min-height:44px; line-height:2; }
.hsm-online-editor [hidden],.hsm-online-popup [hidden] { display:none!important; }
.hsm-online-prominent { margin:14px 0; padding:14px; border:1px solid #a8d8c4; border-inline-start:4px solid var(--hsm-personal-success,#087b55); border-radius:14px; background:#f6fcf9; }
.hsm-online-prominent[hidden] { display:none; }
.hsm-online-prominent>header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:10px; }
.hsm-online-prominent-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.hsm-online-prominent-grid>article { display:flex; justify-content:space-between; gap:10px; align-items:center; border:1px solid #dce8e1; padding:10px; border-radius:10px; background:#fff; min-width:0; }
.hsm-online-prominent-grid small { display:block; margin-top:4px; color:#65708a; }
.hsm-online-prominent-grid strong { overflow-wrap:anywhere; }
.hsm-online-prominent-grid .hsm-button { flex:0 0 auto; }
@media(max-width:600px) { .hsm-online-prominent-grid { grid-template-columns:1fr; } .hsm-online-editor,.hsm-online-popup { padding:14px; } .hsm-online-form-grid,.hsm-online-filter { gap:10px; } .hsm-online-prominent-grid .hsm-button { padding:9px; } }