/* responsive.css */

@media (max-width: 720px) {
  body { padding: 12px 6px 40px; }

  .top-row { padding: 18px 16px 4px; flex-direction: column; gap: 12px; }
  .logo-box { width: 120px; }

  .title-block { padding: 4px 16px 16px; }
  .title-block__main { font-size: 17px; }

  .patient-table { margin: 0 16px 16px; }
  .patient-table__row { flex-direction: column; }
  .patient-table__cell + .patient-table__cell { border-left: none; border-top: 1px solid var(--c-line); }

  .pro-lines { margin: 0 16px 18px; }

  .sections-grid { grid-template-columns: 1fr; padding: 4px 16px 6px; }
  .doc-box__body.two-col { grid-template-columns: 1fr; }

  .form-actions { flex-direction: column; padding: 16px; }
  .form-actions .btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .modal__grid { grid-template-columns: 1fr; }
  .modal__panel { max-height: 92vh; }
  .modal__actions { flex-direction: column; }
  .modal__actions .btn {width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}