/* Couche visuelle temporaire pour les écrans historiques absorbés par le shell New.
   Elle est volontairement chargée uniquement via base_new_compat.html. */

.new-ui .new-content > .container,
.new-ui .new-content > .container-fluid,
.new-ui .new-content > .py-2,
.new-ui .new-content > .py-3,
.new-ui .new-content > .py-md-3 {
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
}

.new-ui .new-content h1,
.new-ui .new-content .h1 {
  font-size: clamp(1.55rem, 2vw, 2.15rem);
  font-weight: 750;
  letter-spacing: -0.025em;
  margin-bottom: 1rem;
}

.new-ui .new-content h2,
.new-ui .new-content .h2,
.new-ui .new-content h3,
.new-ui .new-content .h3 {
  font-weight: 700;
  letter-spacing: -0.015em;
}

.new-ui .new-content .breadcrumb {
  margin-bottom: 1rem;
  padding: .6rem .85rem;
  border: 1px solid var(--new-border, #dbe3ee);
  border-radius: .75rem;
  background: var(--new-surface, #fff);
}

.new-ui .new-content .card {
  border: 1px solid var(--new-border, #dbe3ee);
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .045);
  overflow: hidden;
}

.new-ui .new-content .card-header {
  border-bottom: 1px solid var(--new-border, #dbe3ee);
  background: color-mix(in srgb, var(--new-surface, #fff) 92%, #eef3f8);
  font-weight: 650;
}

.new-ui .new-content .table-responsive {
  border: 1px solid var(--new-border, #dbe3ee);
  border-radius: .9rem;
  background: var(--new-surface, #fff);
}

.new-ui .new-content .table {
  margin-bottom: 0;
  vertical-align: middle;
}

.new-ui .new-content .table > :not(caption) > * > * {
  padding: .72rem .8rem;
}

.new-ui .new-content .table thead th {
  border-bottom-width: 1px;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .035em;
  white-space: nowrap;
}

.new-ui .new-content .form-control,
.new-ui .new-content .form-select,
.new-ui .new-content .input-group-text {
  min-height: 2.6rem;
  border-radius: .7rem;
}

.new-ui .new-content textarea.form-control {
  min-height: 7rem;
}

.new-ui .new-content .btn {
  border-radius: .7rem;
  font-weight: 600;
}

.new-ui .new-content .alert {
  border-radius: .85rem;
}

.new-ui .new-content .nav-tabs {
  gap: .25rem;
  border-bottom-color: var(--new-border, #dbe3ee);
}

.new-ui .new-content .nav-tabs .nav-link {
  border-radius: .7rem .7rem 0 0;
}

.new-ui .new-content .list-group-item {
  border-color: var(--new-border, #dbe3ee);
}

.new-ui .new-content .badge {
  border-radius: .5rem;
}

@media (max-width: 767.98px) {
  .new-ui .new-content .d-flex.justify-content-between {
    gap: .75rem;
    flex-wrap: wrap;
  }

  .new-ui .new-content .btn-group,
  .new-ui .new-content .btn-toolbar {
    flex-wrap: wrap;
  }

  .new-ui .new-content .table-responsive {
    border-radius: .75rem;
  }
}