/* content-density-pass: 20260720 */

/* Internal implementation notes should never compete with the user's task. */
.ui-internal-note,
.demo-box {
  display: none !important;
}

/* A visible heading already names these sections; the extra eyebrow repeats it. */
body.client-shell .panel-head > div > p,
body.sales-shell .panel-head > div > p,
body.admin-console-shell .panel-head > div > p {
  display: none;
}

/* Dashboard numbers and mobile cards remain self-explanatory without a second label. */
body.admin-console-shell .overview-grid article > p,
body.admin-console-shell .mobile-hub-card > span {
  display: none;
}

/* Remove authoring notes from the customer-facing company introduction. */
body.client-shell .company-section-label,
body.client-shell .company-showcase-heading > p:last-child,
body.client-shell .company-image-placeholder p {
  display: none;
}

/* Tracking list headings already state their order; page instructions stay visible. */
body.tracking-shell .section-title > span {
  display: none;
}

/* mobile-responsive-guard: keep every phone entry inside the viewport. */
@media screen and (max-width: 760px) {
  html {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 100svh;
    overflow-x: hidden;
  }

  main,
  section,
  article,
  header,
  footer,
  nav,
  form,
  fieldset,
  [class*="-grid"],
  [class*="-panel"],
  [class*="-card"] {
    min-width: 0;
    box-sizing: border-box;
  }

  img,
  picture,
  video,
  canvas,
  svg {
    max-width: 100%;
  }

  input,
  select,
  textarea,
  button {
    min-width: 0;
    max-width: 100%;
  }

  dialog,
  [role="dialog"],
  .modal,
  [class*="-modal"] {
    max-width: 100vw;
  }

  dialog,
  [class*="-modal-panel"] {
    max-height: 100dvh;
  }

  .door-image img,
  .door-thumb img,
  .cabinet-sample-piece-image img,
  .detail-door-image-link img,
  .modal-image-wrap img {
    object-fit: contain;
    object-position: center;
  }
}