#clientManagerModal.modal-backdrop {
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}

#clientManagerModal .modalclientes {
  box-sizing: border-box;
  width: min(760px, calc(100vw - 2rem));
  max-height: min(760px, calc(100dvh - 2rem));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(145deg, #0f172a, #111827);
  border: 1px solid rgba(148, 163, 184, 0.32);
  box-shadow: 0 24px 70px rgba(2, 6, 23, 0.48);
  color: #f8fafc;
}

#clientManagerModal .modal-header {
  flex: 0 0 auto;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.96);
  flex-direction: row;
  flex-wrap: nowrap;
}

#clientManagerModal #clientManagerTitle {
  margin: 0;
  color: #f8fafc;
  font-size: 1.08rem;
  line-height: 1.2;
  font-weight: 900;
}

#clientManagerModal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}

#clientManagerModal .input-group {
  margin: 0;
}

#clientManagerModal .input-group label {
  color: #e2e8f0;
  font-weight: 850;
  font-size: 0.86rem;
}

#clientManagerModal #clientManagerSearch {
  width: 100%;
  min-height: 29px;
  box-sizing: border-box;
  border: 1px solid rgba(56, 189, 248, 0.34);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.98);
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  font-size: 0.95rem;
  padding: 0.25rem 0.8rem;
  color-scheme: light;
}

#clientManagerModal #clientManagerSearch::placeholder {
  color: #64748b;
  opacity: 1;
}

#clientManagerModal .client-manager-fiscal-panel {
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-radius: 16px;
  background: linear-gradient(
    145deg,
    rgba(8, 47, 73, 0.62),
    rgba(15, 23, 42, 0.92)
  );
  color: #e2e8f0;
  padding: 0.78rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}

#clientManagerModal .client-manager-fiscal-panel-main {
  min-width: 0;
  display: grid;
  gap: 0.16rem;
}

#clientManagerModal .client-manager-fiscal-panel-main strong {
  color: #f8fafc;
  font-size: 0.9rem;
  line-height: 1.2;
}

#clientManagerModal .client-manager-fiscal-panel-main span {
  color: #cbd5e1;
  font-size: 0.8rem;
  line-height: 1.3;
}

#clientManagerModal .client-manager-review-metrics {
  color: #bae6fd;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
}

#clientManagerModal .client-manager-review-metrics.has-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.18rem;
}

#clientManagerModal .client-manager-review-metric {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.48);
  padding: 0.22rem 0.5rem;
  color: #dbeafe;
  white-space: nowrap;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

#clientManagerModal .client-manager-review-metric:hover {
  border-color: rgba(125, 211, 252, 0.52);
  background: rgba(14, 165, 233, 0.16);
}

#clientManagerModal .client-manager-review-metric:focus-visible {
  outline: 3px solid rgba(56, 189, 248, 0.48);
  outline-offset: 2px;
}

#clientManagerModal .client-manager-review-metric-label {
  color: #93c5fd;
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

#clientManagerModal .client-manager-review-metric-value {
  color: #f8fafc;
  font-size: 0.82rem;
  font-weight: 950;
}

#clientManagerModal .client-manager-panel-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding-inline: 0.7rem;
  white-space: nowrap;
}

#clientManagerModal .client-manager-fiscal-advanced {
  grid-column: 1 / -1;
  display: none;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.65rem;
  align-items: end;
}

#clientManagerModal
  .client-manager-fiscal-panel.is-expanded
  .client-manager-fiscal-advanced {
  display: grid;
}

#clientManagerModal .client-manager-fiscal-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #e2e8f0;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}

#clientManagerModal .client-manager-fiscal-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  flex-wrap: wrap;
}

#clientManagerModal .client-manager-fiscal-toggle input {
  width: 18px;
  height: 18px;
  accent-color: #0ea5e9;
}

#clientManagerModal .client-manager-fiscal-field,
#clientManagerModal .client-manager-contact-field,
#clientManagerModal .client-manager-quality-field {
  display: grid;
  gap: 0.25rem;
  min-width: 190px;
  color: #e2e8f0;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.2;
}

#clientManagerModal .client-manager-fiscal-field select,
#clientManagerModal .client-manager-contact-field select,
#clientManagerModal .client-manager-quality-field select,
#clientManagerModal .client-manager-sort-field select {
  width: 100%;
  min-height: 38px;
  box-sizing: border-box;
  border: 1px solid rgba(56, 189, 248, 0.34);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.98);
  color: #0f172a;
  font-size: 0.88rem;
  font-weight: 750;
  padding: 0.42rem 0.55rem;
  color-scheme: light;
}

#clientManagerModal .client-manager-review-tools {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(170px, 220px) auto auto auto;
  align-items: end;
  gap: 0.55rem;
  padding-top: 0.15rem;
}

#clientManagerModal .client-manager-sort-field {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
  color: #e2e8f0;
  font-size: 0.76rem;
  font-weight: 850;
  line-height: 1.2;
}

#clientManagerModal .client-manager-tool-btn {
  min-height: 38px;
  padding-inline: 0.75rem;
  white-space: nowrap;
}

#clientManagerModal .client-manager-visible-summary {
  grid-column: 1 / -1;
  margin: 0;
  color: #bae6fd;
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.3;
}

#clientManagerModal .client-manager-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

#clientManagerModal .client-manager-fiscal-status {
  width: fit-content;
  max-width: 100%;
  margin-top: 0.45rem;
  border-radius: 999px;
  padding: 0.32rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 850;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

#clientManagerModal .client-manager-fiscal-status.is-ready {
  background: #dcfce7;
  color: #14532d;
  border: 1px solid rgba(22, 163, 74, 0.26);
}

#clientManagerModal .client-manager-fiscal-status.is-review {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid rgba(245, 158, 11, 0.3);
}

#clientManagerModal .client-manager-contact-badges,
#clientManagerModal .client-manager-quality-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

#clientManagerModal .client-manager-contact-badge,
#clientManagerModal .client-manager-quality-badge {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  border-radius: 999px;
  padding: 0.26rem 0.5rem;
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

#clientManagerModal .client-manager-contact-badge.is-ok {
  background: #e0f2fe;
  color: #075985;
  border: 1px solid rgba(14, 165, 233, 0.28);
}

#clientManagerModal .client-manager-contact-badge.is-missing {
  background: #fee2e2;
  color: #991b1b;
  border: 1px solid rgba(220, 38, 38, 0.24);
}

#clientManagerModal .client-manager-contact-badge.is-format,
#clientManagerModal .client-manager-quality-badge.is-format {
  background: #fef3c7;
  color: #92400e;
  border: 1px solid rgba(245, 158, 11, 0.34);
}

#clientManagerModal .client-manager-quality-badge.is-warning {
  background: #fff7ed;
  color: #9a3412;
  border: 1px solid rgba(249, 115, 22, 0.32);
}

#clientManagerModal .client-manager-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 16px;
  background: rgba(248, 250, 252, 0.97);
  color: #0f172a;
  padding: 0.72rem;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.2);
}

#clientManagerModal .client-manager-main {
  min-width: 0;
}

#clientManagerModal .client-manager-name {
  color: #0f172a;
  font-weight: 900;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

#clientManagerModal .client-manager-meta {
  color: #475569;
  font-size: 0.83rem;
  line-height: 1.25;
  margin-top: 0.18rem;
  overflow-wrap: anywhere;
}

#clientManagerModal .client-manager-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.45rem;
}

#clientManagerModal .client-manager-empty {
  margin: 0;
  border: 1px dashed rgba(148, 163, 184, 0.42);
  border-radius: 16px;
  color: #cbd5e1;
  background: rgba(15, 23, 42, 0.72);
  padding: 0.9rem;
  line-height: 1.35;
}

#clientManagerModal .modal-footer {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-end;
  gap: 0.6rem;
  padding: 0.8rem 1rem calc(0.8rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(148, 163, 184, 0.22);
  background: rgba(15, 23, 42, 0.98);
}

#clientManagerModal #clientManagerRefreshBtn,
#clientManagerModal #clientManagerExportCsvBtn {
  min-height: 42px;
  white-space: nowrap;
}

#clientManagerModal #clientManagerExportCsvBtn {
  border-color: rgba(14, 165, 233, 0.36);
}

#clientManagerModal .client-manager-copy-btn {
  border-color: rgba(14, 165, 233, 0.34);
  background: linear-gradient(135deg, #e0f2fe, #bae6fd);
  color: #075985;
}

#clientManagerModal .client-manager-detail-btn {
  border-color: rgba(34, 197, 94, 0.34);
  background: linear-gradient(135deg, #dcfce7, #bbf7d0);
  color: #14532d;
}

#clientManagerModal .client-manager-contact-btn {
  border-color: rgba(99, 102, 241, 0.34);
  background: linear-gradient(135deg, #eef2ff, #c7d2fe);
  color: #3730a3;
}

#clientManagerModal .client-manager-request-btn {
  border-color: rgba(245, 158, 11, 0.42);
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #92400e;
}
@media (min-width: 1100px) {
  #clientManagerModal .modalclientes {
    width: min(1880px, calc(100vw - 1.2rem));
    max-height: min(860px, calc(100dvh - 1.2rem));
  }

  #clientManagerModal .client-manager-fiscal-panel {
    padding: 0.62rem 0.72rem;
    gap: 0.55rem;
  }

  #clientManagerModal .client-manager-fiscal-advanced {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.5rem;
    min-width: 0;
  }

  #clientManagerModal .client-manager-fiscal-controls {
    min-width: 0;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.45rem;
  }

  #clientManagerModal .client-manager-fiscal-toggle {
    flex: 0 0 auto;
    font-size: 0.74rem;
    max-width: 205px;
  }

  #clientManagerModal .client-manager-fiscal-toggle input {
    width: 16px;
    height: 16px;
  }

  #clientManagerModal .client-manager-fiscal-field,
  #clientManagerModal .client-manager-contact-field,
  #clientManagerModal .client-manager-quality-field {
    flex: 0 1 150px;
    min-width: 118px;
    max-width: 190px;
    font-size: 0.72rem;
  }

  #clientManagerModal .client-manager-contact-field,
  #clientManagerModal .client-manager-quality-field {
    max-width: 150px;
  }

  #clientManagerModal .client-manager-fiscal-field select,
  #clientManagerModal .client-manager-contact-field select,
  #clientManagerModal .client-manager-quality-field select,
  #clientManagerModal .client-manager-sort-field select {
    min-height: 34px;
    border-radius: 10px;
    font-size: 0.8rem;
    padding: 0.32rem 0.42rem;
    color: #9ff496 !important;
  }

  #clientManagerModal .client-manager-review-tools {
    grid-column: auto;
    grid-template-columns: 150px 76px 122px 98px;
    align-items: end;
    gap: 0.38rem;
    padding-top: 0;
  }

  #clientManagerModal .client-manager-sort-field {
    font-size: 0.72rem;
  }

  #clientManagerModal .client-manager-tool-btn {
    min-width: 0;
    min-height: 34px;
    padding-inline: 0.34rem;
    border-radius: 12px;
    font-size: 0.78rem;
    line-height: 1.02;
  }
  #clientManagerModal .client-manager-actions .buttonclear {
    width: 22%;

    color: black !important;
  }
}

@media (min-width: 1100px) and (max-width: 1480px) {
  #clientManagerModal .client-manager-fiscal-advanced {
    grid-template-columns: 1fr;
  }

  #clientManagerModal .client-manager-fiscal-controls {
    justify-content: flex-start;
  }

  #clientManagerModal .client-manager-review-tools {
    grid-column: 1 / -1;
    grid-template-columns: minmax(140px, 180px) 82px 130px 105px;
    justify-content: start;
  }
}

@media (max-width: 768px) {
  #clientManagerModal.modal-backdrop {
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    touch-action: auto !important;
  }

  /* REMATE UX P3 (2026-10-31) · Causa raíz: esta altura (100dvh − cabecera)
     supone que el panel arranca bajo la cabecera, pero el posicionamiento
     fijo solo existía en <=600px (dist/app.css). Entre 601 y 768px el panel
     era static en y=0 y la cabecera de la app (fixed, z-index 2000000) tapaba
     su cabecera y el botón Cerrar. Se replica aquí la misma colocación que ya
     funciona en <=600px, para todo el rango <=768px. */
  #clientManagerModal .modalclientes {
    position: fixed !important;
    top: calc(
      var(--appHeaderH, 50px) + env(safe-area-inset-top, 0px)
    ) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    width: 98vw !important;
    height: calc(
      100dvh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px)
    ) !important;
    min-height: 0 !important;
    max-height: calc(
      100dvh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px)
    ) !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  #clientManagerModal .modal-header {
    padding: 0.08rem 0.82rem;
  }

  #clientManagerModal #clientManagerTitle {
    font-size: 1rem;
  }

  #clientManagerModal .modal-body {
    flex: 0 0 auto !important;
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 0.72rem 0.82rem 1rem !important;
    touch-action: pan-y !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #clientManagerModal #clientManagerSearch {
    min-height: 42px;
    font-size: 0.92rem;
  }

  #clientManagerModal .client-manager-fiscal-panel {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.62rem;
  }

  #clientManagerModal .client-manager-fiscal-panel-main strong {
    font-size: 0.84rem;
  }

  #clientManagerModal .client-manager-fiscal-panel-main span {
    font-size: 0.75rem;
  }

  #clientManagerModal .client-manager-panel-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding-inline: 0.55rem;
    font-size: 0.82rem;
  }

  #clientManagerModal .client-manager-fiscal-advanced {
    grid-column: 1 / -1;
    display: none;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding-top: 0.15rem;
  }

  #clientManagerModal .client-manager-fiscal-controls {
    width: 100%;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.5rem;
  }

  #clientManagerModal .client-manager-fiscal-toggle,
  #clientManagerModal .client-manager-fiscal-field,
  #clientManagerModal .client-manager-contact-field,
  #clientManagerModal .client-manager-quality-field {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    white-space: normal;
  }

  #clientManagerModal .client-manager-fiscal-field select,
  #clientManagerModal .client-manager-contact-field select,
  #clientManagerModal .client-manager-quality-field select,
  #clientManagerModal .client-manager-sort-field select,
  #clientManagerModal .client-manager-tool-btn {
    min-height: 40px;
    font-size: 0.9rem;
    color: #98ff8f !important;
  }

  #clientManagerModal .client-manager-review-tools {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 0.45rem;
  }

  #clientManagerModal .client-manager-sort-field,
  #clientManagerModal .client-manager-tool-btn,
  #clientManagerModal .client-manager-contact-badges,
  #clientManagerModal .client-manager-quality-badges {
    width: 100%;
  }

  #clientManagerModal .client-manager-review-metrics.has-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.35rem;
  }

  #clientManagerModal .client-manager-review-metric {
    justify-content: space-between;
    border-radius: 12px;
    padding: 0.32rem 0.48rem;
  }

  #clientManagerModal .client-manager-review-metric-label {
    font-size: 0.64rem;
  }

  #clientManagerModal .client-manager-review-metric-value {
    font-size: 0.82rem;
  }

  #clientManagerModal .client-manager-visible-summary {
    font-size: 0.76rem;
  }

  #clientManagerModal .client-manager-fiscal-status {
    width: 100%;
    box-sizing: border-box;
    border-radius: 12px;
  }

  #clientManagerModal .client-manager-contact-badge,
  #clientManagerModal .client-manager-quality-badge {
    border-radius: 12px;
  }

  #clientManagerModal .client-manager-item {
    grid-template-columns: 1fr;
    gap: 0.55rem;
    border-radius: 15px;
    padding: 0.68rem;
  }

  #clientManagerModal .client-manager-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 0.45rem;
  }

  #clientManagerModal .client-manager-actions button {
    font-size: 1rem;
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding-inline: 0.45rem;
    white-space: nowrap;
  }
  #clientManagerModal .client-manager-actions .buttonclear {
    width: 100%;
    min-height: 40px;
    margin: 0;
    white-space: nowrap;
    color: black !important;
    background: #ff00001a;
  }

  #clientManagerModal .modal-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.45rem;
    padding: 0.65rem 0.82rem calc(0.7rem + env(safe-area-inset-bottom, 0px));
  }

  #clientManagerModal #clientManagerRefreshBtn,
  #clientManagerModal #clientManagerExportCsvBtn {
    width: 100%;
    min-height: 42px;
    padding-inline: 0.55rem;
  }
}

@supports not (height: 100dvh) {
  @media (max-width: 768px) {
    #clientManagerModal.modal-backdrop {
      height: 100vh !important;
      max-height: 100vh !important;
    }

    #clientManagerModal .modalclientes {
      height: calc(
        100vh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px)
      ) !important;
      min-height: 0 !important;
      max-height: calc(
        100vh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px)
      ) !important;
    }
  }
}

/* =========================================================
   REMATE UX P3b (2026-10-31) · Gestor centrado 769–979 px y
   tabletas táctiles >=980 px.
   Causa raíz: el panel se centra verticalmente en un backdrop
   que empieza en y=0. El padding 1rem de la regla base pierde
   contra `.modal-backdrop { padding: 0 !important }` (dist/app.css)
   y el max-height no descuenta la cabecera de la app, así que con
   una lista larga la cabecera del gestor quedaba bajo la de la app.
   Escritorio con ratón (>=980 hover/fine) no se toca: allí manda
   la hoja fija de css/97-desktop.css.
   P3c (01/11): `(width > 768px)` cubre anchos fraccionarios entre 768
   y 769 (Android con densidad 2,625/2,75, zoom), donde no aplicaban ni
   el bloque max-width:768px ni min-width:769px (gate G73 a 768 en real).
   ========================================================= */
@media (min-width: 769px) and (max-width: 979.98px),
  (width > 768px) and (width < 980px),
  (min-width: 980px) and (hover: none),
  (min-width: 980px) and (pointer: coarse) {
  #clientManagerModal.modal-backdrop {
    padding: calc(var(--appHeaderH, 50px) + env(safe-area-inset-top, 0px) + 1rem)
      1rem 1rem !important;
    box-sizing: border-box !important;
  }

  #clientManagerModal .modalclientes {
    max-height: min(
      760px,
      calc(
        100dvh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px) - 2rem
      )
    ) !important;
  }
}

@supports not (height: 100dvh) {
  @media (min-width: 769px) and (max-width: 979.98px),
    (width > 768px) and (width < 980px),
    (min-width: 980px) and (hover: none),
    (min-width: 980px) and (pointer: coarse) {
    #clientManagerModal .modalclientes {
      max-height: min(
        760px,
        calc(
          100vh - var(--appHeaderH, 50px) - env(safe-area-inset-top, 0px) - 2rem
        )
      ) !important;
    }
  }
}

/* =========================================================
   RESP1.2A · targets táctiles Clientes <=979.98
   Mantiene la densidad desktop >=980 sin cambios.
   ========================================================= */
@media (max-width: 979.98px) {
  #clientManagerModal .modalclientes :is(button, [role="button"]),
  #clientManagerModal .modalclientes label:has(input[type="checkbox"]),
  #clientManagerModal .modalclientes label:has(input[type="radio"]) {
    min-height: 44px;
    box-sizing: border-box;
  }

  #clientManagerModal .modalclientes :is(button, [role="button"]) {
    min-width: 44px;
  }

  #clientManagerModal
    .modalclientes
    :is(
      input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(
          [type="file"]
        ),
      select,
      textarea
    ),
  #clientManagerModal #clientManagerSearch {
    min-height: 44px;
    box-sizing: border-box;
  }

  #clientManagerModal #openClientCreateBtn,
  #clientManagerModal #closeClientManagerBtn,
  #clientManagerModal #clientManagerFiscalToggleBtn,
  #clientManagerModal #clientManagerRefreshBtn,
  #clientManagerModal #clientManagerExportCsvBtn {
    min-height: 44px;
    min-width: 44px;
    box-sizing: border-box;
  }
}
