/* RC11: mobile-only layout for tuition reconciliation. Desktop remains owned by RC10. */
#reconciliation .hg1862-mobile-only,
#reconciliation .hg1862-mobile-scope{display:none}
#reconciliation .hg1862-amount-line strong{font-weight:inherit}
#reconciliation .hg1862-teacher.is-empty{display:none}

@media (max-width:600px){
  #reconciliation{
    --hg1862-primary:#1f2937;
    --hg1862-strong:#111827;
    --hg1862-secondary:#4b5563;
    --hg1862-muted:#6b7280;
    --hg1862-label:#374151;
    --hg1862-border:#e5e7eb;
    --hg1862-head-bg:#fafaf9;
    --hg1862-total-bg:#fffbeb;
    --hg1862-input-bg:#fff;
    --hg1862-input-border:#d1d5db;
    --hg1862-focus:#0f766e;
  }
  #reconciliation,
  #reconciliation #hg1823Root,
  #reconciliation .hg1862-card,
  #reconciliation .hg1862-results-card,
  #reconciliation .hg1862-summary-card,
  #reconciliation .hg1862-result-list,
  #reconciliation .hg1862-result-row,
  #reconciliation .hg1862-result-row>*{box-sizing:border-box;max-width:100%;min-width:0}

  #reconciliation .hg1862-desktop-only{display:none}
  #reconciliation .hg1862-mobile-only{display:inline}
  #reconciliation .hg1862-route-heading{margin:0 0 8px;padding:2px 1px}
  #reconciliation .hg1862-route-heading h2{margin:0 0 3px;font-size:19px;line-height:1.22;letter-spacing:-.01em}
  #reconciliation .hg1862-route-heading p{display:-webkit-box;margin:0;color:#4b5563;font-size:12.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

  #reconciliation .hg1862-card,
  #reconciliation .hg1862-results-card,
  #reconciliation .hg1862-summary-card{margin-top:9px;padding:12px;background:#fffefb;border-color:#e7e5e4;border-radius:14px;box-shadow:0 2px 10px rgba(15,23,42,.04)}
  #reconciliation .hg1862-card .pageHeading{margin:0}
  #reconciliation .hg1862-card .pageHeading h2{margin:0 0 3px;font-size:18px;line-height:1.25}
  #reconciliation .hg1862-card .pageHeading p{margin:0;color:#4b5563;font-size:12.5px;line-height:1.35}

  #reconciliation .hg1862-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
  #reconciliation .hg1862-actions .btn,
  #reconciliation .hg1862-actions .hg1862-file-label{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:42px;margin:0;padding:7px 8px;border-radius:9px;font-size:12.5px;font-weight:700;line-height:1.2;text-align:center;white-space:normal}

  #reconciliation .hg1862-message{min-height:0;margin:8px 0 0;padding:9px 10px;border:1px solid #dbe5df;border-radius:10px;background:#f8faf9;color:#334155;font-size:12.5px;line-height:1.4}
  #reconciliation .hg1862-message:empty{display:none}
  #reconciliation .hg1862-message.ok{border-color:#bbf7d0;background:#f0fdf4;color:#14532d;font-weight:600}
  #reconciliation .hg1862-message.error{border-color:#fecaca;background:#fff7f7;color:#991b1b;font-weight:600}
  #reconciliation .hg1862-card>.hg1823-help{margin:8px 0 0;padding:7px 9px;border:1px solid #e7e5e4;border-radius:9px;background:#fafaf9;color:#57534e;font-size:11.5px;line-height:1.35}

  #reconciliation .hg1862-mobile-scope:not([hidden]){display:block;margin-top:8px;padding:10px;border:1px solid #e7e5e4;border-radius:12px;background:#fffdf7;color:#1f2937}
  #reconciliation .hg1862-mobile-scope-head b{display:block;font-size:14px;line-height:1.3}
  #reconciliation .hg1862-mobile-scope-head small{display:block;margin-top:2px;color:#6b7280;font-size:11.5px;line-height:1.35}
  #reconciliation .hg1862-mobile-scope fieldset{display:grid;gap:6px;margin:9px 0;padding:0;border:0}
  #reconciliation .hg1862-mobile-scope fieldset label{display:flex;align-items:center;gap:8px;min-height:36px;padding:7px 9px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#374151;font-size:12.5px;font-weight:600;line-height:1.25}
  #reconciliation .hg1862-mobile-scope input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:#0f766e}
  #reconciliation .hg1862-mobile-scope .btn{width:100%;min-height:42px;margin:0;border-radius:9px;font-weight:700}

  #reconciliation .hg1862-filter-head{margin-bottom:8px}
  #reconciliation .hg1862-filter-head h3{margin:0 0 2px;font-size:17px;line-height:1.25}
  #reconciliation .hg1862-filter-head .small,
  #reconciliation #hg1862ResultsCount{font-size:11.5px;line-height:1.35}
  #reconciliation #hg1862ResultsCount{display:block;margin-top:3px}
  #reconciliation .hg1862-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin-top:7px}
  #reconciliation .hg1862-filters>div{min-width:0;width:100%}
  #reconciliation .hg1862-filters label{display:block;margin-bottom:3px;color:#4b5563;font-size:11.5px;font-weight:700;line-height:1.25}
  #reconciliation .hg1862-filters select,
  #reconciliation .hg1862-manual-decision{display:block;width:100%;height:45px;min-height:45px;margin:0;padding:8px 34px 8px 10px;border:1px solid #d1d5db;border-radius:9px;background:#fff;color:#111827;font-size:14px;font-weight:600;line-height:1.25;box-shadow:none}
  #reconciliation .hg1862-filters select:focus,
  #reconciliation .hg1862-filters select:focus-visible,
  #reconciliation .hg1862-manual-decision:focus,
  #reconciliation .hg1862-manual-decision:focus-visible{outline:0;border-color:#0f766e;box-shadow:0 0 0 2px rgba(15,118,110,.16)}
  #reconciliation .hg1862-checkbox{display:flex;align-items:center;gap:7px;margin:1px 0 0;padding:5px 1px;color:#374151;font-size:12.5px}
  #reconciliation .hg1862-checkbox input{width:17px;height:17px;margin:0}

  #reconciliation .hg1862-result-list{display:grid;gap:10px;width:100%;overflow:visible}
  #reconciliation .hg1862-result-head{display:none}
  #reconciliation .hg1862-result-row{display:block;padding:12px;border:1px solid #e5e7eb;border-radius:15px;background:#fff;color:#1f2937;box-shadow:0 2px 9px rgba(15,23,42,.045);overflow:hidden}
  #reconciliation .hg1862-result-row>div{display:block;margin-top:9px;color:#1f2937;overflow-wrap:anywhere}
  #reconciliation .hg1862-result-row>div::before{display:block;margin-bottom:3px;color:#6b7280;font-size:10.5px;font-weight:800;line-height:1.2;letter-spacing:.035em;text-transform:uppercase}
  #reconciliation .hg1862-result-row .hg1862-result-number{display:flex;margin:0;color:#6b7280;font-size:11px;font-weight:700;line-height:1.2;text-align:left}
  #reconciliation .hg1862-result-row .hg1862-result-number::before,
  #reconciliation .hg1862-result-row .hg1862-student::before{display:none}
  #reconciliation .hg1862-result-number b{display:inline;margin-left:3px;color:#6b7280;font-weight:800}
  #reconciliation .hg1862-result-row .hg1862-student{margin-top:4px;padding-bottom:9px;border-bottom:1px solid #f0ede8}
  #reconciliation .hg1862-result-row .hg1862-student>b{color:#111827;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em}
  #reconciliation .hg1862-result-row .hg1862-student small{margin-top:4px;color:#6b7280;font-size:12px;line-height:1.35}
  #reconciliation .hg1862-class-meta>b{display:block;color:#1f2937;font-size:14px;font-weight:700}
  #reconciliation .hg1862-teacher,
  #reconciliation .hg1862-teacher.is-empty{display:block;margin-top:5px;color:#4b5563;font-size:12.5px;line-height:1.3}
  #reconciliation .hg1862-amounts{display:grid!important;gap:5px}
  #reconciliation .hg1862-amount-line{display:flex!important;align-items:baseline;justify-content:space-between;gap:12px;color:#4b5563;font-size:12.5px;line-height:1.35}
  #reconciliation .hg1862-amount-line strong{color:#111827;font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
  #reconciliation .hg1862-difference{color:#111827;font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
  #reconciliation .hg1862-outcome{display:block!important}
  #reconciliation .hg1862-outcome .hg1862-identity-status,
  #reconciliation .hg1862-outcome .hg1862-enrollment-status,
  #reconciliation .hg1862-outcome .hg1862-status{display:inline-flex;width:auto;max-width:100%;margin:0 5px 6px 0;padding:5px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.25;white-space:normal}
  #reconciliation .hg1862-manual-label{display:block;margin:3px 0 0;color:#4b5563;font-size:11.5px;font-weight:700}
  #reconciliation .hg1862-manual-decision{margin-top:4px;font-size:13.5px}
  #reconciliation .hg1862-save-state{font-size:11px}
  #reconciliation .hg1862-notes{padding-top:8px;border-top:1px solid #f0ede8}
  #reconciliation .hg1862-notes small{margin-top:3px;color:#6b7280;font-size:11.5px;line-height:1.35}

  #reconciliation .hg1862-summary-row{border:1px solid #e5e7eb;border-radius:12px;background:#fff}
  #reconciliation .hg1862-summary-note{font-size:11.5px;line-height:1.4}
}

@media (max-width:340px){
  #reconciliation .hg1862-actions{grid-template-columns:minmax(0,1fr)}
}
