/* Mobile refinements for teachers completing the call on a phone. */
@media (max-width:700px){
  .profile-hero{padding:15px;border-radius:13px;background:#f5f7f2;display:flex;align-items:center;gap:12px}
  .profile-hero h3{font-size:16px}.profile-hero p{font-size:11px;color:#7b8479;margin-top:3px}
  .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
  .profile-grid>div,.profile-stats>div{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;background:#f8f9f7}
  .profile-grid span,.profile-stats span{font-size:10px;color:#8b9289}.profile-grid strong,.profile-stats strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
  .profile-stats{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:12px}
  .promotion-callout{display:flex;flex-direction:column;gap:14px;margin-top:18px;padding:15px;border-radius:13px;background:#edf3e9;color:#41583e}.promotion-callout h3{font-size:14px;margin:8px 0 4px}.promotion-callout p,.profile-hint p{font-size:11px;color:#74806e;line-height:1.5}.promotion-callout .button{width:100%;min-height:43px}
  .profile-hint{margin-top:18px;padding:14px;border-radius:12px;background:#f3f0e7}.profile-hint strong{font-size:12px}.profile-hint p{margin-top:6px}
  .transition-panel{display:flex;flex-direction:column;gap:13px;padding:16px;border-radius:15px;margin-bottom:19px;background:#edf3e9}.transition-panel h2{font-size:17px;margin-top:5px}.transition-panel p{font-size:11px;line-height:1.5;color:#6d7c69;margin-top:5px}.transition-list{display:flex;flex-direction:column;gap:7px}.transition-chip{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 12px;border-radius:10px;background:white;font-size:11px;font-weight:650}.transition-chip span{font-size:10px;color:#64805f}.transition-example{font-size:11px;color:#6e7d68}
  .transition-mini{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:11px;background:#f3f6f0;margin-bottom:13px;font-size:11px}.transition-mini .muted{font-size:10px}.promotion-badge{display:inline-block;width:max-content;margin-top:5px;padding:4px 7px;border-radius:12px;background:#edf3e9;color:#5e7c58;font-size:9px;font-weight:700}.child-profile-link{padding:0;color:inherit;text-align:left;text-decoration:underline;text-decoration-color:#cbd7c8;text-underline-offset:3px;font-weight:550}.attendance-table .child-profile-link{font-size:13px;text-decoration:none}.table-wrap .promotion-badge{margin-left:46px}
  .attendance-search{flex:1 1 100%;order:-2}
  .attendance-search input{min-height:46px;font-size:14px;padding-left:40px}
  .attendance-result{width:100%;font-size:11px}
  .individual-note{width:100%;text-align:center;padding:9px 10px;background:#edf3e9;color:#5c7556}
  .attendance-table,.attendance-table tbody,.attendance-table tr,.attendance-table td{display:block;width:100%}
  .attendance-table thead{display:none}
  .attendance-table{white-space:normal}
  .attendance-table tr{border-top:1px solid var(--line);padding:16px 15px;background:#fff}
  .attendance-table tr:first-child{border-top:0}
  .attendance-table td{border:0;padding:0}
  .attendance-table td:first-child{display:flex;align-items:center;margin-bottom:14px}
  .attendance-table td:nth-child(2){display:flex;align-items:center;justify-content:space-between;background:#f8f9f7;border-radius:11px;padding:7px 9px;margin-bottom:11px}
  .attendance-table td:nth-child(2)::before{content:'Presença';font-size:11px;font-weight:650;color:#6c766a}
  .attendance-table td:nth-child(3),.attendance-table td:nth-child(4),.attendance-table td:nth-child(5){display:flex;align-items:center;justify-content:space-between;padding:7px 2px}
  .attendance-table td:nth-child(3)::before{content:'Verso'}
  .attendance-table td:nth-child(4)::before{content:'Bíblia'}
  .attendance-table td:nth-child(5)::before{content:'Lição'}
  .attendance-table td:nth-child(3)::before,.attendance-table td:nth-child(4)::before,.attendance-table td:nth-child(5)::before{font-size:11px;color:#768072}
  .attendance-table td:nth-child(6){display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #f0f2ee;margin-top:7px;padding-top:10px;font-size:13px}
  .attendance-table td:nth-child(6)::before{content:'Total';font-size:11px;color:#7b847a;margin-right:auto}
  .attendance-table td.row-action{display:block;border-top:1px solid #f0f2ee;margin-top:10px;padding-top:12px}
  .attendance-table td.row-action::before{display:none}
  .attendance-table td.row-action .button{width:100%;min-height:42px;font-size:12px}
  .attendance-table .name-cell{font-size:13px}
  .attendance-table .avatar{width:36px;height:36px}
  .attendance-table .check-cell input[type=checkbox]{width:23px;height:23px}
  .attendance-table .status-select{min-height:38px!important;font-size:12px!important}
  .attendance-table .sub{display:none}
  .attendance-summary{display:flex;align-items:center}
  .attendance-summary p{font-size:11px;line-height:1.45}
  .attendance-summary .pill{font-size:9px}
  .attendance-summary .button{width:100%;min-height:42px}
  .table-wrap:has(.attendance-table){border-radius:15px}
  .savebar{position:sticky;bottom:8px;z-index:5;flex-wrap:wrap;background:#fff}
  .savebar>div{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .savebar>div p{display:none}
  .savebar .button{width:100%;min-height:44px}
  .savebar input{height:38px}
  .attendance-table .status-select.pending{background:#fff8e7;border-color:#eadcb2;color:#92773b}
  .attendance-table .status-select.absent{background:#fbeeed;border-color:#f0d6d3;color:#a65e5e}
  .pagehead>.period-select{width:100%;justify-content:flex-start}
  .pagehead>.period-select select{flex:1}
  .toolbar{gap:8px}
  .toolbar select{flex:1;min-width:0}
  .toolbar .muted{width:100%}
  .room-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:2px;margin-left:-2px;margin-right:-2px}
  .room-tabs button{flex:0 0 auto;min-height:40px}
  .report-actions{width:100%}
  .report-actions .button{flex:1}
  .table-wrap:not(:has(.attendance-table)){overflow-x:auto}
  .matrix{min-width:680px}
  .report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .report-grid .stat-foot{line-height:1.35}
  .report-grid .stat-top{font-size:9px}
  .report-grid .stat{min-height:106px}
  .hero{min-height:190px}
  .hero .button{min-height:40px}
  .card{padding:17px}
  .sectionhead{align-items:flex-start}
  .sectionhead h2{font-size:17px}
}