/* Shivshree responsive foundation — screen only; original page styles retained. */
@media screen {
  html { max-width:100%; }
  body { max-width:100%; }
  *, *::before, *::after { box-sizing:border-box; }
  img, video, canvas, svg { max-width:100%; height:auto; }
  input, select, textarea, button { max-width:100%; }
  .container, .container-fluid, .main, .main-content, .content, .page-content,
  .dashboard-content, .wrapper, .content-wrapper { max-width:100%; min-width:0; }
  .row > *, .grid > *, .d-flex > * { min-width:0; }
  .table-responsive { max-width:100%; overflow-x:auto; }
}
@media screen and (max-width: 1400px) {
  .container-fluid { padding-left:clamp(8px,1vw,16px); padding-right:clamp(8px,1vw,16px); }
}
@media screen and (max-width: 1100px) {
  .container { max-width:100%; }
  .modal-dialog { max-width:calc(100vw - 24px); margin-left:auto; margin-right:auto; }
}
/* Do not touch @media print or fixed clinical/print templates. */

/* Centralized small-screen enhancements, 2026-10-22.
   Applies to browser screens only; preserves clinical print layouts. */
@media screen {
  html { width:100%; }
  body { width:100%; min-width:0; }
  .container, .container-fluid, .main, .main-content, .content,
  .page-content, .dashboard-content, .wrapper, .content-wrapper {
    min-width:0;
    width:auto;
  }
  .row, .d-flex, .grid { max-width:100%; }
  .card, .panel, .modal-content { min-width:0; }
  .card-body, .panel-body { min-width:0; }
  .table-responsive, .table-wrapper, .table-container {
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  table { max-width:100%; }
  img, video, iframe { max-width:100%; }
}
@media screen and (max-width: 1366px) {
  .container-fluid { padding-inline:clamp(8px,1vw,14px); }
  .modal-dialog { max-width:calc(100vw - 20px); }
}
@media screen and (max-width: 768px) {
  .container, .container-fluid { max-width:100%; }
  .modal-dialog { width:auto; margin:10px; }
}