@media (max-width: 950px) {
  .admin-body .ad-workspace,.admin-body .ad-main,.admin-body .panel,.admin-body .ad-request-layout,.admin-body .letter-admin-layout,
  .citizen-dashboard-body .citizen-top,.citizen-dashboard-body .citizen-data-grid,.citizen-dashboard-body .citizen-bottom-grid,
  .portal-body .request-layout,.portal-body .request-panel,.portal-body .request-side {min-width:0;max-width:100%}
  .admin-body .ad-request-layout,.admin-body .letter-admin-layout,.portal-body .request-layout,
  .citizen-dashboard-body .citizen-top,.citizen-dashboard-body .citizen-data-grid,.citizen-dashboard-body .citizen-bottom-grid {grid-template-columns:minmax(0,1fr)}
  .admin-body .table-scroll,.portal-body .table-scroll,.citizen-dashboard-body .citizen-table-wrap {display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .admin-body .ad-request-list,.admin-body .ad-request-side,.admin-body .letter-admin-layout>.panel,
  .citizen-dashboard-body .citizen-card,.citizen-dashboard-body .citizen-top>section,.portal-body .request-panel,.portal-body .request-side {min-width:0;width:100%;max-width:100%}
  .admin-body .ad-request-head,.admin-body .ad-request-side-title,.admin-body .ad-request-side-title>div {min-width:0}
  .admin-body .ad-request-side-title strong,.admin-body .ad-request-side-title small,
  .citizen-dashboard-body .citizen-profile-card dd {overflow-wrap:anywhere}
}
@media (max-width: 650px) {
  .admin-body .admin-title,.admin-body .admin-title>div,.admin-body .actions,
  .citizen-dashboard-body .citizen-section-head,.portal-body .letter-title,
  .portal-body .letter-notice {min-width:0;max-width:100%}
  .admin-body .admin-title,.admin-body .actions,.citizen-dashboard-body .citizen-section-head {flex-wrap:wrap;gap:10px}
  .admin-body .admin-title p,.portal-body .letter-title p,.citizen-dashboard-body .citizen-section-head p {overflow-wrap:anywhere}
  .admin-body .form-grid,.admin-body .ad-detail-grid,.admin-body .ad-request-layout,.admin-body .letter-admin-layout,
  .portal-body .request-fields,.portal-body .request-document-grid,.portal-body .request-layout {grid-template-columns:minmax(0,1fr)}
  .admin-body .form-panel,.admin-body .form-panel form,.admin-body .form-panel label,
  .portal-body .request-panel,.portal-body .request-side,.portal-body .request-fields>* {min-width:0;max-width:100%}
  .portal-body .request-panel,.portal-body .request-side,.portal-body .request-fields>*,
  .portal-body .letter-notice,.portal-body .letter-search {box-sizing:border-box}
  .admin-body input,.admin-body select,.admin-body textarea,
  .portal-body input,.portal-body select,.portal-body textarea {max-width:100%;box-sizing:border-box;font-size:16px}
  .admin-body .ad-request-head form {min-width:0;width:100%}
  .admin-body .ad-request-head input {width:0;min-width:0;flex:1}
  .admin-body .ad-request-filters {max-width:100%;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .admin-body .ad-request-filters a {flex:0 0 auto}
  .admin-body .ad-request-side dl {grid-template-columns:80px minmax(0,1fr)}
  .admin-body .ad-request-side dd {min-width:0;overflow-wrap:anywhere}
  .citizen-dashboard-body .citizen-top,.citizen-dashboard-body .citizen-data-grid,.citizen-dashboard-body .citizen-bottom-grid {grid-template-columns:minmax(0,1fr)}
  .citizen-dashboard-body .citizen-welcome,.citizen-dashboard-body .citizen-profile-card,.citizen-dashboard-body .citizen-family-card,
  .citizen-dashboard-body .citizen-card,.citizen-dashboard-body .citizen-side-actions {min-width:0;max-width:100%}
  .citizen-dashboard-body .citizen-section-head>a {max-width:100%;white-space:normal}
  .citizen-dashboard-body .citizen-help {flex-wrap:wrap}
  .citizen-dashboard-body .citizen-help>div {min-width:0}
  .citizen-dashboard-body .citizen-announcement>span:nth-child(2) {min-width:0}
  .portal-body .letter-title>div {min-width:0}
  .portal-body .letter-title h1 {overflow-wrap:anywhere}
  .portal-body .letter-notice {flex-wrap:wrap}
  .portal-body .letter-notice>div {min-width:0;flex:1 1 calc(100% - 70px)}
  .portal-body .letter-notice>a {flex:1 1 100%;border-left:0;padding:3px 0 0;white-space:normal}
  .portal-body .letter-tools {flex-wrap:wrap}
  .portal-body .letter-search {min-width:0;width:100%;box-sizing:border-box}
  .portal-body .letter-search input {width:calc(100% - 30px)}
  .portal-body .letter-filters {max-width:100%}
  .portal-body .request-steps {grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-body .request-steps span {min-width:0;white-space:normal}
  .portal-body .request-steps small {overflow-wrap:anywhere}
  .portal-body .request-preview,.portal-body iframe {max-width:100%;box-sizing:border-box}
  .portal-body .request-actions {gap:10px;flex-wrap:wrap}
  .portal-body .request-submit-buttons {width:100%;flex-wrap:wrap}
  .portal-body .request-submit-buttons button {flex:1 1 145px}
}
@media (max-width: 380px) {
  .admin-body .ad-hero>div {min-width:0;max-width:100%}
  .admin-body .ad-hero h1,.admin-body .ad-hero p {overflow-wrap:anywhere}
  .admin-body .ad-card-head {flex-wrap:wrap;gap:8px}
  .admin-body .ad-card-head .ad-button {max-width:100%;white-space:normal}
  .citizen-dashboard-body .citizen-account {margin-left:0}
  .citizen-dashboard-body .citizen-account>.citizen-account-avatar,
  .citizen-dashboard-body .citizen-account>span:not(.citizen-account-avatar) {display:none}
  .citizen-dashboard-body .citizen-account details>div {right:0}
}