/* Schooldesk reference parity — final presentation layer */
#main[data-parity-page]{position:relative}
.parity-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#a092b4;margin-bottom:5px}
.page-head>div:first-child{min-width:0}
.page-head h1{line-height:1.08}
.page-head p{max-width:720px}

.parity-statusbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:-4px 0 16px;padding:10px 13px;border-radius:17px;
  background:rgba(255,255,255,.57);border:1px solid rgba(255,255,255,.88);
  box-shadow:0 9px 28px rgba(73,76,111,.05);color:#747b90;font-size:11px
}
.parity-statusbar .left{display:flex;align-items:center;gap:9px}
.parity-statusbar .signal{width:9px;height:9px;border-radius:50%;background:#66d7aa;box-shadow:0 0 0 5px rgba(102,215,170,.13)}
.parity-statusbar.demo .signal{background:#9c8dff;box-shadow:0 0 0 5px rgba(156,141,255,.13)}
.parity-statusbar b{color:#41485d}
.parity-statusbar .date{white-space:nowrap;color:#9aa0af}

/* Attendance */
#main[data-parity-page="attendance"] .filters{
  position:sticky;top:87px;z-index:12;backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%)
}
#main[data-parity-page="attendance"] .chips{padding-top:4px}
#main[data-parity-page="attendance"] .attendance-tools{
  padding:8px 2px 3px;margin-bottom:11px
}
#main[data-parity-page="attendance"] .student-card{cursor:default}
#main[data-parity-page="attendance"] .student-card .avatar{cursor:pointer}
#main[data-parity-page="attendance"] .student-card:has(.att-btn.present.active){
  background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(232,251,242,.72))!important
}
#main[data-parity-page="attendance"] .student-card:has(.att-btn.absent.active){
  background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,235,241,.72))!important
}
#main[data-parity-page="attendance"] .att-btn{transition:transform .14s ease,box-shadow .14s ease,background .14s ease}
#main[data-parity-page="attendance"] .att-btn:active{transform:scale(.96)}

/* Admissions */
#main[data-parity-page="admissions"] .form-card{
  max-width:940px;margin:0 auto;padding:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(250,248,255,.72))
}
#main[data-parity-page="admissions"] .summary-box{
  border:1px solid rgba(255,255,255,.88);box-shadow:0 10px 30px rgba(77,75,111,.06)
}
#main[data-parity-page="admissions"] .summary-line.total{
  font-size:17px;color:#393e52
}
#main[data-parity-page="admissions"] #admissionForm>.btn-block{
  position:sticky;bottom:14px;z-index:5;box-shadow:0 16px 42px rgba(255,118,147,.25)!important
}

/* Fees */
#main[data-parity-page="fees"] .stack-cards{gap:9px}
#main[data-parity-page="fees"] .finance-card{
  background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 11px 30px rgba(73,76,111,.055)
}
#main[data-parity-page="fees"] .finance-card:hover{box-shadow:0 16px 38px rgba(73,76,111,.085)}
#main[data-parity-page="fees"] .amount{letter-spacing:-.25px}

/* Courses */
#main[data-parity-page="courses"] .course-card{
  position:relative;overflow:hidden;background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(248,247,255,.68))
}
#main[data-parity-page="courses"] .course-card:after{
  content:"";position:absolute;width:110px;height:110px;right:-52px;top:-50px;border-radius:999px;
  background:radial-gradient(circle,rgba(157,141,255,.14),transparent 68%);pointer-events:none
}
#main[data-parity-page="courses"] .facts{position:relative;z-index:1}
#main[data-parity-page="courses"] .fact{border:1px solid rgba(255,255,255,.8)}

/* Receipts */
#main[data-parity-page="receipts"]>.field{
  max-width:720px;margin-bottom:14px
}
#main[data-parity-page="receipts"] .receipt-card{
  transition:transform .16s ease,box-shadow .16s ease;background:rgba(255,255,255,.7)!important
}
#main[data-parity-page="receipts"] .receipt-card:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(73,76,111,.085)}
.receipt-sheet{box-shadow:none}
.receipt-sheet .receipt-total{background:linear-gradient(135deg,#f7f4ff,#edf9ff)}

/* Requests / activity */
#main[data-parity-page="requests"] .finance-card,
#main[data-parity-page="activity"] .list-row{
  background:rgba(255,255,255,.69)!important
}
#main[data-parity-page="activity"] .list-row{position:relative;padding-left:42px}
#main[data-parity-page="activity"] .list-row:before{
  content:"";position:absolute;left:18px;top:18px;width:9px;height:9px;border-radius:50%;
  background:#9c8dff;box-shadow:0 0 0 5px rgba(156,141,255,.11)
}

/* Reports */
#main[data-parity-page="reports"] .metric{border-color:rgba(255,255,255,.9)}
#main[data-parity-page="reports"] .table-wrap{border-radius:22px}
#main[data-parity-page="reports"] .table thead th{background:rgba(245,244,251,.72)}
#main[data-parity-page="reports"] .table tbody tr:hover td{background:rgba(247,247,253,.7)}

/* Team */
#main[data-parity-page="team"] .role-card{
  min-height:188px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(248,247,255,.68))
}
#main[data-parity-page="team"] .role-card:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(232,251,242,.66))}
#main[data-parity-page="team"] .role-card:nth-child(3){background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(232,247,255,.68))}

/* Modals */
.modal-backdrop{animation:parityFade .15s ease}
.modal{animation:parityRise .18s ease;border:1px solid rgba(255,255,255,.9)}
@keyframes parityFade{from{opacity:0}to{opacity:1}}
@keyframes parityRise{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}

/* Mobile parity */
@media(max-width:760px){
  .parity-statusbar{margin:0 0 12px;padding:9px 11px;border-radius:15px}
  .parity-statusbar .date{display:none}
  #main[data-parity-page="attendance"] .filters{top:68px;grid-template-columns:1fr 1fr}
  #main[data-parity-page="attendance"] .filters>#attSearch{grid-column:1/-1}
  #main[data-parity-page="admissions"] .form-card{padding:13px;border-radius:21px}
  #main[data-parity-page="admissions"] #admissionForm>.btn-block{
    position:sticky;bottom:77px;min-height:48px;border-radius:15px
  }
  #main[data-parity-page="fees"] .finance-card{
    grid-template-columns:minmax(0,1fr) auto!important
  }
  #main[data-parity-page="fees"] .finance-card>div:first-child{min-width:0}
  #main[data-parity-page="fees"] .finance-card>div:first-child small{
    white-space:normal;line-height:1.45
  }
  #main[data-parity-page="receipts"] .receipt-card{grid-template-columns:auto minmax(0,1fr);gap:10px}
  #main[data-parity-page="receipts"] .receipt-card .money{grid-column:2;text-align:left;margin-top:-5px}
  #main[data-parity-page="requests"] .finance-card{grid-template-columns:1fr auto!important}
  #main[data-parity-page="reports"] .table-wrap{border-radius:18px}
  .modal-backdrop{align-items:end;padding:0}
  .modal{width:100%;max-height:94vh;border-radius:25px 25px 0 0;padding:17px}
}
@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none!important}}