/* Góc Phụ Huynh — iPad Mini landscape only.
   Exact scope: 1024x768 landscape.
   No effect on portrait, other tabs, or any other viewport. */
@media (width:1024px) and (height:768px) and (orientation:landscape){

  /* Main vertical rhythm */
  .parent-mobile-stack{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    gap:9px!important;
  }

  /* Top profile area: one clean row, compact but readable. */
  .parent-mobile-profile-bar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    min-height:58px!important;
  }
  .parent-mobile-profile-main{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }
  .parent-mobile-profile-main>div:first-child{
    flex:0 0 auto!important;
  }
  #parent-child-avatar{
    width:50px!important;
    height:50px!important;
    border-radius:13px!important;
    font-size:28px!important;
  }
  .parent-mobile-profile-main>div:last-child{
    min-width:0!important;
  }
  .parent-mobile-profile-main>div:last-child>div:first-child{
    gap:5px!important;
  }
  #parent-child-name{
    font-size:19px!important;
    line-height:23px!important;
  }
  #parent-child-grade{
    max-width:180px!important;
    padding:2px 7px!important;
    font-size:9px!important;
    line-height:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .parent-mobile-edit-btn{
    min-height:25px!important;
    padding:2px 7px!important;
    font-size:9px!important;
    line-height:12px!important;
  }
  #parent-child-school{
    margin-top:1px!important;
    font-size:10.5px!important;
    line-height:14px!important;
  }

  .parent-mobile-profile-actions{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  .parent-mobile-add-child{
    min-height:34px!important;
    height:34px!important;
    padding:0 10px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }
  #parent-period-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:240px!important;
    min-width:240px!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:9px!important;
  }
  #parent-period-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    padding:0 6px!important;
    font-size:9px!important;
    line-height:12px!important;
    white-space:nowrap!important;
  }

  /* Family profiles: 3 equal cards in one row at this viewport. */
  .parent-family-card{
    padding:12px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  .parent-family-card>div:first-child{
    padding-bottom:8px!important;
  }
  .parent-family-card>div:first-child h4{
    font-size:12.5px!important;
    line-height:16px!important;
  }
  .parent-family-card>div:first-child p{
    font-size:9px!important;
    line-height:12px!important;
  }
  /* Duplicate add-child control is redundant here because the top action remains visible. */
  .parent-family-card>div:first-child>div:last-child{
    display:none!important;
  }
  #parent-children-cards-container{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #parent-children-cards-container>div{
    min-width:0!important;
    padding:8px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  #parent-children-cards-container>div>div:first-child{
    min-width:0!important;
    gap:7px!important;
  }
  #parent-children-cards-container>div>div:first-child>div:first-child{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:9px!important;
    font-size:19px!important;
  }
  #parent-children-cards-container h5{
    min-width:0!important;
    font-size:10.5px!important;
    line-height:14px!important;
  }
  #parent-children-cards-container p{
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #parent-children-cards-container button{
    padding:3px!important;
  }

  /* Rewards: balanced header and dense two-column reward list. */
  #parent-rewards-management-card{
    padding:12px!important;
    gap:10px!important;
    border-radius:12px!important;
  }
  .parent-rewards-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 230px!important;
    align-items:center!important;
    gap:9px!important;
    padding-bottom:9px!important;
  }
  .parent-rewards-head>div:first-child{
    min-width:0!important;
    gap:9px!important;
  }
  .parent-rewards-icon{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:11px!important;
    font-size:21px!important;
  }
  .parent-rewards-copy{
    min-width:0!important;
  }
  .parent-rewards-badges{
    gap:4px!important;
  }
  .parent-rewards-badges span{
    padding:2px 6px!important;
    font-size:8.5px!important;
    line-height:11px!important;
  }
  .parent-rewards-copy h3{
    margin-top:2px!important;
    font-size:16px!important;
    line-height:20px!important;
  }
  .parent-rewards-copy p{
    margin-top:1px!important;
    font-size:9px!important;
    line-height:13px!important;
  }

  .parent-rewards-actions{
    width:230px!important;
    min-width:230px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .parent-rewards-child-status{
    width:100%!important;
    min-width:0!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    gap:7px!important;
  }
  .parent-rewards-child-status>span:first-child{
    font-size:18px!important;
  }
  .parent-rewards-child-status span{
    font-size:8.5px!important;
    line-height:11px!important;
  }
  .parent-rewards-actions>button{
    width:100%!important;
    min-height:32px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    justify-content:center!important;
    font-size:9px!important;
  }

  .parent-rewards-list-head{
    margin-bottom:6px!important;
  }
  .parent-rewards-list-title-row{
    gap:5px!important;
  }
  .parent-rewards-list-title-row h4{
    font-size:11.5px!important;
    line-height:15px!important;
  }
  .parent-rewards-list-count{
    font-size:8.5px!important;
    line-height:11px!important;
  }
  .parent-rewards-list-desc{
    font-size:8.5px!important;
    line-height:12px!important;
  }
  #parent-rewards-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #parent-rewards-grid>div{
    min-width:0!important;
    padding:9px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  #parent-rewards-grid>div>div:first-child{
    gap:6px!important;
  }
  #parent-rewards-grid>div>div:first-child>div:first-child>div:first-child{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:9px!important;
    font-size:18px!important;
  }
  #parent-rewards-grid h5{
    font-size:10.5px!important;
    line-height:14px!important;
  }
  #parent-rewards-grid p,
  #parent-rewards-grid span{
    font-size:8.5px!important;
    line-height:12px!important;
  }
  #parent-rewards-grid button{
    min-height:29px!important;
    padding:5px 7px!important;
    font-size:8.5px!important;
  }

  .parent-redemption-section{
    margin-top:2px!important;
    padding-top:9px!important;
    gap:7px!important;
  }
  .parent-redemption-title-group h4{
    font-size:11px!important;
    line-height:15px!important;
  }
  .parent-redemption-desc{
    font-size:8.5px!important;
    line-height:12px!important;
  }

  /* Tier report: maintain 2 columns but reduce wasted height. */
  #parent-tier-report-card{
    padding:12px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  .parent-tier-head{
    padding-bottom:8px!important;
  }
  .parent-tier-head h4{
    font-size:13px!important;
    line-height:17px!important;
  }
  .parent-tier-head p{
    font-size:9px!important;
    line-height:12px!important;
  }
  .parent-tier-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .parent-tier-grid>div{
    min-width:0!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  .parent-tier-grid h5{
    font-size:10.5px!important;
    line-height:14px!important;
  }
  .parent-tier-grid p,
  .parent-tier-grid span{
    font-size:8.5px!important;
    line-height:12px!important;
  }

  /* Four metrics stay in one row with shorter cards. */
  #parent-metrics-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #parent-metrics-grid>div{
    min-width:0!important;
    min-height:96px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  #parent-metrics-grid>div>div:first-child{
    gap:5px!important;
  }
  #parent-metrics-grid>div>div:first-child>div{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    border-radius:8px!important;
  }
  #parent-metrics-grid>div>div:first-child>span:first-child{
    font-size:9px!important;
    line-height:12px!important;
  }
  #parent-metrics-grid .font-math-display{
    font-size:19px!important;
    line-height:23px!important;
  }
  #parent-metrics-grid span,
  #parent-metrics-grid p{
    font-size:8.5px!important;
    line-height:11px!important;
  }

  /* Reinforcement plans: three compact cards when available. */
  #parent-reinforcement-card{
    padding:12px!important;
    gap:8px!important;
    border-radius:12px!important;
  }
  .parent-reinforcement-head{
    padding-bottom:8px!important;
    gap:8px!important;
  }
  .parent-reinforcement-head>div:first-child{
    min-width:0!important;
  }
  .parent-reinforcement-head h4{
    font-size:13px!important;
    line-height:17px!important;
  }
  .parent-reinforcement-head p{
    font-size:9px!important;
    line-height:12px!important;
  }
  #reinforcement-active-count{
    flex:0 0 auto!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:nowrap!important;
  }
  #parent-reinforcement-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #parent-reinforcement-list>div{
    min-width:0!important;
    padding:9px!important;
    gap:6px!important;
    border-radius:10px!important;
  }

  /* Analytics: competency full width; 3 insight cards below in one row. */
  .parent-analytics-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:9px!important;
  }
  .parent-competency-card{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  .parent-competency-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:8px!important;
  }
  .parent-competency-head .font-headline-md{
    font-size:17px!important;
    line-height:21px!important;
  }
  .parent-competency-head p{
    font-size:9px!important;
    line-height:12px!important;
  }
  #parent-overall-competency{
    max-width:240px!important;
    padding:5px 8px!important;
    font-size:8.5px!important;
    line-height:11px!important;
    white-space:normal!important;
  }
  #parent-strands-container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  #parent-strands-container>.competency-responsive-card{
    width:100%!important;
    min-width:0!important;
    padding:9px!important;
    gap:5px!important;
    border-radius:9px!important;
  }
  #parent-strands-container .competency-responsive-title{
    font-size:10.5px!important;
    line-height:14px!important;
    white-space:normal!important;
  }
  #parent-strands-container .competency-responsive-evidence{
    padding-left:32px!important;
    font-size:8.5px!important;
    line-height:12px!important;
  }
  #parent-strands-container .competency-responsive-progress{
    padding-left:32px!important;
  }
  #parent-strands-container .competency-responsive-meta{
    font-size:8.5px!important;
    line-height:12px!important;
  }
  .parent-chart-section{
    display:block!important;
    margin-top:7px!important;
    padding-top:7px!important;
  }
  #parent-chart-container{
    height:160px!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .parent-insight-column{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  #parent-diagnostic-container,
  #parent-accompaniment-container,
  .parent-backup-card{
    width:100%!important;
    min-width:0!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:10px!important;
  }
  .parent-backup-card{
    grid-column:auto!important;
  }
  .parent-insight-column h3,
  .parent-insight-column h4,
  .parent-insight-column .font-title-md{
    font-size:11px!important;
    line-height:15px!important;
  }
  .parent-insight-column p,
  .parent-insight-column span{
    font-size:8.5px!important;
    line-height:12px!important;
  }
  .parent-backup-card .grid{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .parent-backup-card button,
  .parent-backup-card label{
    height:32px!important;
    min-height:32px!important;
    border-radius:9px!important;
    font-size:8.5px!important;
  }

  /* History remains full width; reduce header and row padding. */
  .parent-history-card{
    width:100%!important;
    min-width:0!important;
    padding:11px!important;
    gap:8px!important;
    border-radius:11px!important;
  }
  .parent-history-head .font-headline-md{
    font-size:15px!important;
    line-height:19px!important;
  }
  .parent-history-head p,
  .parent-history-head button{
    font-size:9px!important;
    line-height:12px!important;
  }
  .parent-history-table th,
  .parent-history-table td{
    padding:7px!important;
    font-size:8.5px!important;
    line-height:12px!important;
  }

  /* Never split Vietnamese labels letter-by-letter at this viewport. */
  .parent-mobile-stack,
  .parent-mobile-stack *{
    word-break:normal!important;
    hyphens:none!important;
  }
  .parent-mobile-stack p,
  .parent-mobile-stack span,
  .parent-mobile-stack h3,
  .parent-mobile-stack h4,
  .parent-mobile-stack h5{
    overflow-wrap:break-word!important;
  }
}