/* KlubPoint - produkcne styly modulu Ziaci */
.student-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:15px}
.student-kpis .card{padding:14px 16px}
.student-kpis span,.student-kpis strong{display:block}
.student-kpis span{color:var(--muted);font-size:13px;font-weight:700}
.student-kpis strong{font-size:25px;margin-top:5px;font-weight:700}

.student-filters{padding:14px;margin-bottom:15px}
.student-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.student-filter-row .search{min-width:260px;flex:1}
.student-filter-row input,.student-filter-row select,.student-filter-row .btn{min-height:38px}
.student-filter-count{margin-top:10px;color:var(--muted);font-size:13px}
.student-filter-count b{color:var(--ink)}
.student-filter-row #studentFamily{min-width:165px}

.student-table table{min-width:1320px}
.student-table td{vertical-align:middle}
.student-table tbody tr:hover{background:#fcfcfd}
.student-table th:last-child,.student-table td:last-child{position:sticky;right:0;background:#fff;box-shadow:-8px 0 14px rgba(15,23,42,.035)}
.student-table th:last-child{background:#fafafa;z-index:2}
.student-table tbody tr:hover td:last-child{background:#fcfcfd}

.student-number{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.student-first-name,.student-last-name{min-width:120px}
.student-first-name b,.student-last-name b{display:block;white-space:nowrap}
.student-age{width:105px;min-width:105px;white-space:nowrap}
.student-age b,.student-age small{display:block}
.student-age small{margin-top:3px;color:var(--muted);font-size:11px}
.student-address b,.student-address small{display:block}
.student-address small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35;white-space:nowrap}

.student-contact{min-width:175px}
.student-contact b,.student-contact small{display:block}
.student-contact small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.35}
.student-guardians-cell{min-width:210px}
.student-guardians-cell b,.student-guardians-cell small{display:block}
.student-guardians-cell small{color:var(--muted);font-size:11px;margin-top:2px;line-height:1.35;white-space:nowrap}
.student-guardian+.student-guardian{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line)}
.student-contact-add{margin-top:7px;min-height:32px;padding:5px 9px}
.student-meta{display:block;margin-top:3px;color:var(--muted);font-size:11px}

.student-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}
.student-action{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;display:inline-grid;place-items:center;border:1px solid #d9dde3;border-radius:10px;background:#fff;color:#344054;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s}
.student-action:hover{background:#f4f5f7;border-color:#aeb4bd;transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,24,40,.08)}
.student-action:focus-visible{outline:3px solid rgba(213,31,45,.2);outline-offset:2px}
.student-action-danger{color:#b41625;border-color:#f0c7cc;background:#fff8f8}
.student-action-danger:hover{background:#fde8ea;border-color:#d51f2d}
.student-action-activate{color:#16733c;border-color:#b9dec8;background:#f5fbf7}

.student-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.student-detail-grid>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafafa}
.student-detail-grid .wide{grid-column:1/-1}
.student-detail-grid span,.student-detail-grid b{display:block}
.student-detail-grid span{color:var(--muted);font-size:12px;margin-bottom:5px}
.student-detail-grid b{overflow-wrap:anywhere}

.guardian-tabs{display:flex;gap:8px;margin:16px 0;border-bottom:1px solid var(--line)}
.guardian-tab{border:0;background:transparent;padding:10px 12px;font-weight:700;color:var(--muted);cursor:pointer}
.guardian-tab.active{color:var(--red);border-bottom:2px solid var(--red)}
.guardian-tab-panel{display:none}
.guardian-tab-panel.active{display:block}
.guardian-tab-panel select[size]{width:100%;min-height:190px;margin-top:8px}
.guardian-siblings{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.guardian-siblings>span{display:inline-flex;align-items:center;gap:6px;background:#f2f4f7;border-radius:999px;padding:5px 9px;font-size:12px}
.guardian-sibling-chip button{width:20px;height:20px;border:0;border-radius:50%;background:#fee4e2;color:#b42318;font-weight:800;line-height:1;cursor:pointer}
.guardian-sibling-chip button:hover{background:#fecdca}
.guardian-sibling-status{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.guardian-sibling-status.active{background:#e7f6ec;color:#067647}
.guardian-sibling-status.inactive{background:#fee4e2;color:#b42318}
.guardian-sibling-status.former{background:#f2f4f7;color:#475467}
.guardian-sibling-status.waiting{background:#fff4cc;color:#8a6100}
.guardian-show-inactive{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--muted);font-size:13px}
.guardian-show-inactive input{margin:0}

@media(max-width:1050px){
  .student-kpis{grid-template-columns:1fr 1fr}
  .student-filter-row>*{flex:1 1 190px}
  .student-filter-row .search{min-width:100%}
}
@media(max-width:700px){
  .student-kpis{grid-template-columns:1fr 1fr;gap:9px}
  .student-kpis .card{padding:13px}
  .student-filter-row{display:grid;grid-template-columns:1fr}
  .student-filter-row>*{width:100%}
  .student-filter-row #studentFamily{width:100%}
  .student-table table{min-width:1260px}
  .student-first-name,.student-last-name{min-width:105px}
  .student-action{width:42px;height:42px;min-width:42px;min-height:42px}
  .student-detail-grid{grid-template-columns:1fr}
  .student-detail-grid .wide{grid-column:auto}
  .guardian-tabs{overflow-x:auto}
  .guardian-tab{white-space:nowrap}
}