/* Hub Archivage — mobile */

@media (max-width: 900px) {
  .shell-main { padding: 1rem; overflow-x: hidden; }
  .shell-header {
    padding: 0.55rem 1rem;
    flex-wrap: wrap;
    gap: 0.5rem;
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(8, 12, 22, 0.95);
    backdrop-filter: blur(8px);
  }
  .shell-actions {
    flex-wrap: wrap;
    gap: 0.35rem;
    max-width: 100%;
  }
  .shell-actions #eco-dots-anchor { display: none; }
  .brand-ver { display: none; }

  .layout-split { grid-template-columns: 1fr; gap: 0.75rem; }
  .chantier-panel {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 0.5rem;
    margin-bottom: 0.75rem;
    max-height: none;
  }

  .va-mobile-drawer {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    margin-bottom: 0.75rem;
    background: var(--surface);
  }
  .va-mobile-drawer summary {
    padding: 0.7rem 0.9rem;
    font-weight: 600;
    font-size: 0.84rem;
    cursor: pointer;
    list-style: none;
    color: var(--cyan);
  }
  .va-mobile-drawer summary::-webkit-details-marker { display: none; }
  .va-mobile-drawer-body { padding: 0 0.75rem 0.75rem; max-height: 45vh; overflow-y: auto; }

  .toolbar {
    flex-direction: column;
    align-items: stretch;
  }
  .toolbar input, .toolbar select { width: 100%; min-width: 0; }

  .va-filter-collapse summary {
    padding: 0.65rem 0.85rem;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    margin-bottom: 0.5rem;
  }
  .va-filter-collapse summary::-webkit-details-marker { display: none; }

  .doc-row { flex-direction: column; align-items: flex-start; gap: 0.35rem; }
  .doc-actions { width: 100%; justify-content: flex-start; }
  .vp-kpi-strip { grid-template-columns: repeat(2, 1fr); }
  .tab-bar { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
  .tab-btn { flex-shrink: 0; font-size: 0.78rem; }
  .meta-grid { grid-template-columns: 1fr; }
  .chantier-actions { flex-direction: column; align-items: stretch; }
  .chantier-actions .btn { width: 100%; }
  .modal-panel { width: calc(100vw - 1.5rem); max-height: 85vh; }
}

@media (max-width: 520px) {
  .vp-kpi-strip { grid-template-columns: 1fr; }
  .auth-split { grid-template-columns: 1fr; }
}