:root{font-size:16px}
body{font-size:16px}
small,.hint,.muted{font-size:14px!important;line-height:1.75}
.nav-item,.button,.table-action,.status{font-size:14px}
.side-nav .nav-item{font-size:14px}
.data-card-head h3,.panel-heading h2{font-size:17px}
.record-row strong,.participant-info strong,.student-schedule-card strong,.classroom-schedule-card strong{font-size:16px}
.record-row small,.student-schedule-card small,.classroom-schedule-card small{font-size:14px}
.inline-form label,.student-edit-form label,.student-create-grid label,.schedule-fields label{font-size:14px}
.inline-form input,.inline-form select,.student-edit-form input,.student-edit-form select,.student-create-grid input,.student-create-grid select,.schedule-fields input,.schedule-fields select{font-size:16px}
.table-action,.schedule-card-actions button,.schedule-card-actions a{font-size:14px}
.classroom-controls small,.classroom-prototype-note{font-size:13px}
.student-actions-head{display:flex;align-items:center;gap:7px}
.table-action.reset-action{color:#b83232;background:#fff4f2;border:1px solid #f0d0cb;border-radius:8px;padding:7px 10px}
.shamsi-clock{display:flex;align-items:center;gap:9px;max-width:44%;padding:9px 13px;border:1px solid #dcebe2;border-radius:12px;background:#f5faf7;color:#35614d;font-size:14px;font-weight:700;text-align:center;line-height:1.6}
.classroom-schedule-preview{margin:10px 0 13px;padding:11px 13px;border:1px solid #dcebe2;border-radius:11px;background:#f4faf6;color:#246847;font-size:14px;font-weight:700;line-height:1.8}
.classroom-schedule-preview.invalid{border-color:#f1d3cc;background:#fff6f4;color:#a44337}
.classroom-time-picker{display:grid;grid-template-columns:minmax(55px,1fr) auto minmax(55px,1fr);align-items:center;gap:6px;direction:ltr}
.classroom-time-picker select{width:100%;height:42px!important;text-align:center;font-size:16px!important;font-weight:700;font-variant-numeric:tabular-nums}
.classroom-time-picker>span{color:#527564;font-size:18px;font-weight:800}
.archive-no-files{color:#78867e;font-size:13px}
.persian-date-picker{display:grid;grid-template-columns:minmax(68px,.8fr) minmax(100px,1.25fr) minmax(82px,1fr);gap:6px;direction:rtl;width:100%}
.persian-date-picker select{width:100%;min-width:0;height:42px;border:1px solid #dfe8e1;border-radius:9px;padding:0 8px;background:#fff;color:#26372c;font:inherit;font-size:14px!important}
.attendance-persian-date{grid-template-columns:minmax(58px,.75fr) minmax(94px,1.2fr) minmax(74px,.9fr)}
.schedule-status{font-size:12px}
.schedule-list-heading{font-size:14px}
.mic-policy-control label{font-size:14px}
.mic-policy-control select{font-size:14px}
.mic-policy-control>small{font-size:13px;line-height:1.8}
.student-policy-notice{font-size:14px;line-height:1.8}
.small-control{font-size:13px}
.grant-mic{font-size:13px}
#attendance-card{grid-column:1/-1;min-height:440px}
#attendance-card .data-card-head{padding:18px 22px}
#attendance-card .attendance-controls{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr) auto;gap:18px;padding:20px 22px}
#attendance-card .attendance-controls label{gap:8px;font-size:15px}
#attendance-card .attendance-controls select,#attendance-card .attendance-controls input{height:46px;padding:0 13px;font-size:16px}
#attendance-card .attendance-controls .button{min-height:46px;padding:11px 18px;font-size:14px;white-space:nowrap}
#attendance-card .attendance-list{padding:0 22px}
#attendance-card .attendance-row{grid-template-columns:minmax(0,1fr) minmax(200px,250px);gap:26px;padding:14px 8px;font-size:16px;line-height:1.7}
#attendance-card .attendance-row select{height:46px;padding:0 13px;font-size:15px}
#attendance-card .attendance-actions{padding:18px 22px 22px}
#attendance-card .empty-state{padding:25px;font-size:15px}
@media(max-width:760px){
  .topbar{height:auto;min-height:62px;flex-wrap:wrap;gap:8px;padding:9px 13px}
  .brand{font-size:14px}
  .account{gap:8px}
  .user-chip strong{font-size:13px}
  .user-chip small{font-size:12px!important}
  .button{font-size:14px;padding:9px 11px}
  .nav-item{font-size:13px}
  .welcome-row h1{font-size:21px}
  .metric span{font-size:12px}
  .metric strong{font-size:20px}
  .panel-heading h2{font-size:16px}
  .panel-heading .muted{font-size:13px!important}
  .create-form label,.auth-card label{font-size:14px}
  .create-form input,.auth-card input{font-size:16px}
  .schedule-fields label{font-size:14px}
  .student-actions-head{flex-direction:row;align-items:center}
  .shamsi-clock{order:3;max-width:none;width:100%;justify-content:center;padding:7px 10px;font-size:13px}
  .classroom-controls .room-control small,.classroom-controls .room-leave small{font-size:11px}
  .classroom-prototype-note{font-size:12px}
  .room-card-heading strong{font-size:15px}
  .room-card-heading small{font-size:12px}
  .mic-policy-control label,.mic-policy-control select{font-size:14px}
  .mic-policy-control>small{font-size:13px}
  #attendance-card .attendance-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:16px}
  #attendance-card .attendance-list{padding:0 16px}
  #attendance-card .attendance-row{grid-template-columns:minmax(0,1fr) minmax(175px,220px);gap:16px;padding:13px 4px}
  #attendance-card .attendance-controls .button{grid-column:1/-1;justify-self:start}
}
@media(max-width:520px){
  #attendance-card .attendance-controls{grid-template-columns:1fr;padding:15px}
  #attendance-card .attendance-controls .button{grid-column:auto;width:100%}
  #attendance-card .attendance-row{grid-template-columns:1fr;gap:8px;padding:14px 2px}
  #attendance-card .attendance-row select{width:100%}
  #attendance-card .attendance-list{padding:0 15px}
}