.training-students h2{margin:0 0 6px}.training-hint{color:#adc7cd;font-size:13px;line-height:1.7}.training-tabs{display:flex;gap:10px;margin:20px 0;border-bottom:1px solid #35545e;padding-bottom:12px}.training-tabs button[aria-selected=true]{background:#92ded1;color:#09232d;border-color:#92ded1}.training-summary{display:flex;gap:12px 26px;flex-wrap:wrap;padding:10px 0 20px;color:#bbd4db}.training-table-wrap{overflow:auto}.training-students table{width:100%;border-collapse:collapse;white-space:nowrap}.training-students th,.training-students td{text-align:left;border-bottom:1px solid #35545e;padding:16px 12px}.training-students th{color:#adc7cd;font-weight:500}.training-empty{text-align:center;padding:50px 12px;color:#adc7cd}.training-status{display:inline-block;padding:5px 10px;border-radius:6px;background:#235158;color:#a5e9dc}.training-status.resigned{background:#4b3c44;color:#ffc9c5}.training-error{color:#ffb6a5;white-space:pre-wrap}.training-success{color:#97e5d2}.training-modal{width:min(680px,94vw)}.training-modal.training-import{width:min(840px,94vw)}.training-modal fieldset{border:0;padding:0;margin:0;min-width:0}.training-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.training-field{display:flex;flex-direction:column;gap:8px;min-width:0}.training-modal input,.training-modal select{width:100%;box-sizing:border-box}.training-modal .training-check{display:flex;align-items:center;gap:10px;margin:20px 0}.training-modal .training-check input{width:18px;height:18px}.training-footer{justify-content:flex-end;margin-top:24px}.training-import-row{padding:18px 0;border-bottom:1px solid #35545e}.training-import-row h3{margin:0 0 12px}.training-form-grid .training-hint{grid-column:1/-1;margin:0}@media(max-width:600px){.training-form-grid{grid-template-columns:1fr}.training-students{padding:14px}.training-students .fl-head{align-items:flex-start}.training-modal{padding:20px}}
.training-class-filter{margin:12px 0 18px}.training-class-filter select{min-width:150px;margin-left:8px}.training-date-source{display:block;font-size:12px;color:#adc7cd;margin-top:4px}.training-modal fieldset>.training-field{margin-bottom:18px}.training-modal input:disabled{opacity:.65}
.training-active-class{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #35545e;border-radius:8px;margin-bottom:12px}.training-batch-list{max-height:48vh;overflow:auto;margin-top:14px}.training-modal .training-batch-row{display:flex;gap:14px;align-items:center;border-bottom:1px solid #35545e;padding:12px 4px}.training-modal .training-batch-row input{width:18px;height:18px;flex-shrink:0}.training-batch-row span:nth-child(2){flex:1}.training-batch-row small{display:block;color:#adc7cd;margin-top:5px}
#app .fl-crm.training-students{--fl-ink:var(--work-text,#E7F0FA);--fl-mid:var(--work-muted,#AEC3D6);--fl-accent:var(--work-accent,#76DECE);background:var(--work-surface,#152637);color:var(--fl-ink);font-variant-numeric:tabular-nums}
#app .training-students>.fl-head .training-hint{margin:4px 0 0}
#app .training-students .training-tabs{margin:16px 0 12px;padding-bottom:8px;gap:6px}
#app .training-students .training-tabs button[aria-selected=false]{background:transparent;color:var(--fl-mid);border-color:transparent}
#app .training-students .training-tabs button[aria-selected=true]{background:var(--fl-accent);color:#0B1420;border-color:var(--fl-accent)}
#app .training-students .training-class-filter{align-items:flex-end;margin:12px 0 8px;gap:12px}
#app .training-students .training-class-filter label{display:flex;flex-direction:column;gap:6px;color:var(--fl-mid);font-size:13px}
#app .training-students .training-class-filter select{margin-left:0;min-width:130px}
#app .training-students .training-search{flex:1;max-width:320px;min-width:180px}
#app .training-students .training-search input{width:100%;min-width:0}
#app .training-students input::placeholder{color:var(--fl-mid);opacity:1}
#app .training-students :is(input,select){caret-color:var(--fl-accent);background:var(--work-bg,#0B1420)}
#app .training-students ::selection{background:#76DECE;color:#0B1420}
#app .training-students .training-summary{padding:6px 0 12px;gap:8px 20px;color:var(--fl-mid);font-size:13px}
#app .training-students .training-result-count{color:var(--fl-ink);font-weight:600}
#app .fl-crm.training-students :is(td,th){padding:12px 10px}
#app .training-students .training-table-wrap{scrollbar-color:#527080 #0B1420;scrollbar-width:thin}
#app .training-students .training-next-date{display:flex;flex-direction:column;gap:4px}
#app .training-students .training-all-dates{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px 16px;font-size:13px;color:var(--fl-mid)}
#app .training-students .training-all-dates span{color:var(--fl-ink)}
#app .training-students .training-date-source{margin-top:2px;color:var(--fl-mid)}
#app .training-students .training-row-actions .fl-actions{gap:6px}
#app .training-students :is(.training-privacy,.training-delete){background:transparent;color:var(--fl-mid);border-color:transparent;font-size:12px;padding:7px 6px}
#app .training-students .training-delete:hover{color:#ffc9c5;border-color:#bd9298}
#app .training-students .training-row-actions{white-space:normal;min-width:120px;max-width:240px}
#app .training-students :is(button,input,select,summary,[tabindex]):focus-visible,.training-modal :is(button,input,select):focus-visible{outline:2px solid #76DECE;outline-offset:3px}
#app .training-students button:disabled,.training-modal button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:1000px){
 #app .training-students .training-all-dates{grid-template-columns:1fr}
}
@media(max-width:1100px){
 #app .fl-crm.training-students{padding:14px}
 #app .training-students>.fl-head{gap:12px}
 #app .training-students>.fl-head>.fl-actions{gap:8px}
 #app .training-students>.fl-head>.fl-actions .fl-primary{order:-1}
 #app .training-students .training-class-filter{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:10px}
 #app .training-students .training-search{grid-column:1/-1;max-width:none;min-width:0}
 #app .training-students .training-class-filter :is(select,button){width:100%;min-width:0}
 #app .training-students .training-table-wrap{overflow:visible}
 #app .training-students table,#app .training-students tbody{display:block;white-space:normal}
 #app .training-students thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 #app .training-students tbody tr{display:flex;flex-direction:column;border-bottom:1px solid #527080;padding:12px 0;gap:2px}
 #app .fl-crm.training-students tbody td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:7px 0;border:0;min-width:0;max-width:none;overflow-wrap:anywhere}
 #app .training-students td:before{content:attr(data-label);flex:0 0 78px;color:var(--fl-mid);font-size:13px}
 #app .training-students td.training-name{order:-3;font-size:17px}
 #app .training-students td.training-class{order:-2}
 #app .training-students td.training-row-actions{order:-1;align-items:center;padding-bottom:12px}
 #app .training-students .training-row-actions .fl-actions{justify-content:flex-end}
 #app .training-students .training-row-actions button{min-height:42px}
 #app .training-students .training-all-dates{grid-template-columns:1fr;text-align:right}
 #app .training-students .training-next-date{align-items:flex-end}
 #app .training-students .training-summary{padding-bottom:4px}
}
