.screen-shell.doctor-patient-list { max-width: 1000px; margin: auto; color: #263242; background: #fff; }
.screen-shell.doctor-patient-list::before { display: none; }
.doctor-patient-list .screen-content { padding-bottom: 6rem; }
.doctor-patient-list-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.doctor-patient-list h1 { margin: 1.5rem 0 .5rem; }
.doctor-patient-list-breadcrumb, .doctor-patient-list-scope { color: #596779; }
.doctor-patient-list form { display: flex; gap: .5rem; margin: 1rem 0; }
.doctor-patient-list input { flex: 1; min-width: 0; border: 1px solid #cbd3dd; border-radius: 12px; padding: .7rem; font: inherit; }
.doctor-patient-list button, .doctor-patient-list select { min-height: 44px; padding: .6rem .8rem; border: 1px solid #cbd3dd; background: #fff; border-radius: 9px; color: inherit; font: inherit; }
.doctor-patient-list button:disabled { color: #697686; background: #f4f6f9; cursor: not-allowed; }
.doctor-patient-list td button { min-width: 52px; white-space: nowrap; }
.doctor-patient-list-tools, .doctor-patient-list-paging { display: flex; gap: .7rem; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.doctor-patient-list-tabs { display: flex; gap: .4rem; margin-top: 1.2rem; flex-wrap: wrap; border-bottom: 1px solid #dce2eb; }
.doctor-patient-list-tabs button { flex: 1; border: 0; border-bottom: 3px solid transparent; border-radius: 0; }
.doctor-patient-list-tabs button.active { color: #1759e4; border-bottom-color: #2469ff; }
.doctor-patient-list-tabs span { display: inline-block; background: #edf2fa; border-radius: 20px; padding: .1rem .4rem; }
.doctor-patient-list-table { overflow-x: auto; }
.doctor-patient-list table { width: 100%; border-collapse: collapse; text-align: left; }
.doctor-patient-list th, .doctor-patient-list td { padding: .8rem .5rem; border-bottom: 1px solid #dce2eb; vertical-align: top; overflow-wrap: anywhere; }
.doctor-patient-list td small { display: block; margin-top: .3rem; color: #596779; }
.doctor-patient-list-paging { margin: 1rem 0; }
.doctor-patient-list-paging > div { display: flex; align-items: center; gap: .5rem; }
.doctor-patient-list-nav { position: sticky; z-index: 30; bottom: 0; display: flex; justify-content: space-around; gap: .25rem; padding: .5rem max(.4rem, env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)); border-top: 1px solid #dce2eb; background: #fff; }
.doctor-patient-list-nav a { min-height: 44px; display: flex; align-items: center; font-size: .85rem; }
.doctor-patient-list-nav a[aria-current] { color: #1759e4; font-weight: 700; }
.doctor-patient-list :focus-visible { outline: 3px solid #2469ff; outline-offset: 3px; }
@media (max-width: 560px) {
  .doctor-patient-list .screen-content { padding: 1rem 1rem 6rem; }
  .doctor-patient-list table { font-size: .82rem; }
  .doctor-patient-list th, .doctor-patient-list td { padding: .65rem .3rem; }
  .doctor-patient-list td:first-child { min-width: 6rem; }
  .doctor-patient-list-nav a { font-size: .72rem; }
}