/* v2/health.mobile.css — hanya HP (< 768px): tabel jadi daftar ringkas */
.mh2-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; }
.mh2-form .mh2-field:nth-child(1), .mh2-form .mh2-field:nth-child(2) { grid-column: span 1; }
.mh2-submit, .mh2-form .mh-err, .mh2-privacy { grid-column: 1 / -1; }
.mh2-submit { width: 100%; }
.mh2-summary { flex-wrap: wrap; padding: 16px; }
.mh2-counts { width: 100%; }
.mh2-table thead { display: none; }
.mh2-table, .mh2-table tbody { display: block; }
.mh2-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; column-gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--v2-line-2); }
.mh2-row td { padding: 0; border: 0; background: none !important; }
.mh2-row.is-open { background: #fbfaf9; border-bottom-color: transparent; }
.mh2-name { grid-column: 1; grid-row: 1; }
.mh2-st { grid-column: 2; grid-row: 1; }
.mh2-tg { grid-column: 3; grid-row: 1; width: auto; }
.mh2-sched { display: none; }
.mh2-left, .mh2-due { grid-row: 2; font-size: 12px; margin-top: 4px; }
.mh2-left { grid-column: 1; }
.mh2-due { grid-column: 2 / span 2; text-align: right; }
.mh2-bar { max-width: none; }
.mh2-detail { display: block; }
.mh2-detail[hidden] { display: none; }
.mh2-detail td { display: block; padding: 0 14px 14px; }
.mh2-btns .v2-btn { flex: 1 1 calc(50% - 8px); }
.mh2-note { flex-direction: column; align-items: stretch; padding: 14px 16px; }