/**
 * Responsive global LineUP
 * Breakpoint navigation : 880px (aligné sur scripts.js)
 */

/* ── Shell & contenu ── */
@media (max-width: 880px) {
  .result-wrapper {
    padding: 0 14px;
    max-width: 100%;
    overflow-x: clip;
  }

  .intranet .intra-main {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .intranet .intra-block {
    padding: 18px 16px;
  }

  .container {
    padding: 0 14px;
    max-width: 100%;
  }

  .page-head {
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .page-head-left {
    min-width: 0;
  }

  .bo-actions,
  .page-head .bo-actions {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .bo-actions .btn,
  .bo-actions .btn-secondary,
  .bo-actions a.btn {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
  }

  .page-title {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .intranet .intra-2col,
  .profile-grid {
    grid-template-columns: 1fr !important;
  }

  .toolbar-actions {
    flex-wrap: wrap;
    gap: 8px;
  }

  .toolbar-actions .btn,
  .toolbar-actions .btn-secondary {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Paires clé / valeur */
  .kv {
    flex-direction: column;
    gap: 2px;
    margin-bottom: 10px;
  }

  .kv .k,
  .k {
    width: auto;
    min-width: 0;
    font-size: 12px;
  }

  .kv .v,
  .v {
    font-size: 14px;
    word-break: break-word;
  }

  .onb-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  /* Tableaux : scroll horizontal propre */
  .nl-table-wrap,
  .table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-compact {
    min-width: 520px;
  }

  /* Grilles dashboard */
  .dash-grid {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }

  .dash-grid > .dash-widget[data-span="2"],
  .dash-grid > .dash-widget[data-key="w_news"] {
    grid-column: auto !important;
  }

  .asset-card {
    flex-wrap: wrap;
  }

  .support-row {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }

  .support-row--head {
    display: none;
  }

  /* Onglets : défilement si débordement */
  .module-head__tabs,
  .intranet .module-head__tabs .seg-switch,
  .seg-switch {
    max-width: 100%;
    width: 100%;
  }

  .intranet .intra-main:has(.module-head),
  .intranet .intra-main:has(.sdx-page-head) {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 640px) {
  .result-wrapper {
    padding: 0 12px;
  }

  .header-container {
    padding: 8px 12px;
  }

  .logo {
    height: 36px;
  }

  .site-title,
  h1.site-title {
    font-size: 18px;
  }

  .intranet .intra-shell {
    margin: 8px auto 20px;
  }

  .intranet .intra-block {
    padding: 16px 14px;
  }

  .chip {
    font-size: 11px;
    padding: 3px 8px;
  }

  .dash-order-btn {
    right: 10px;
    bottom: 10px;
    padding: 8px 12px;
    font-size: 13px;
  }

  .intranet .week-cal {
    gap: 6px;
  }

  .form-grid {
    grid-template-columns: 1fr !important;
  }

  .shortcut-fields {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .img-header {
    min-height: 200px;
  }

  .profile-header {
    padding: 16px 12px 20px;
  }

  .identity-header {
    padding: 14px 16px;
  }

  .table-compact {
    min-width: 480px;
  }
}