/* HARD DÉCO — V2-RC1.5.20 : archives compatibles avec les thèmes clair et sombre. */
.archive-toolbar { display:flex; align-items:center; justify-content:flex-end; gap:.65rem; margin-left:auto; }
.archive-toolbar .btn-secondary { white-space:nowrap; }
.archive-cleanup {
  margin-top:1rem;
  padding:0;
  overflow:hidden;
  color:var(--hd-color-text,var(--text));
  border-color:color-mix(in srgb,var(--hd-color-primary,var(--accent)) 24%,var(--hd-color-border,var(--border)));
  background:var(--hd-color-surface,var(--panel));
}
.archive-cleanup[hidden], #projectArchivesView[hidden], #requestArchivesView[hidden], #requestActiveView[hidden] { display:none!important; }
.archive-cleanup-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.15rem;
  color:var(--hd-color-text,var(--text));
  border-bottom:1px solid var(--hd-color-border,var(--border));
  background:color-mix(in srgb,var(--hd-color-surface,var(--panel)) 94%,var(--hd-color-primary,var(--accent)) 6%);
}
.archive-cleanup-title { display:flex; align-items:center; gap:.7rem; }
.archive-cleanup-title i { width:20px; color:var(--hd-color-primary,var(--accent)); }
.archive-cleanup-title h2 { margin:0; color:var(--hd-color-text,var(--text)); font-size:1rem; }
.archive-cleanup-title p { margin:.2rem 0 0; color:var(--hd-color-text-muted,var(--muted)); font-size:.82rem; }
.archive-cleanup-body { padding:1rem 1.15rem; }
.archive-candidates { display:grid; gap:.55rem; }
.archive-candidate {
  display:flex;
  align-items:flex-start;
  gap:.7rem;
  padding:.75rem .85rem;
  color:var(--hd-color-text,var(--text));
  border:1px solid var(--hd-color-border,var(--border));
  border-radius:.75rem;
  background:var(--hd-color-surface-subtle,var(--hover));
  cursor:pointer;
}
.archive-candidate:hover { border-color:color-mix(in srgb,var(--hd-color-primary,var(--accent)) 45%,var(--hd-color-border,var(--border))); }
.archive-candidate input[type="checkbox"] {
  flex:0 0 18px;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:.12rem 0 0;
  accent-color:var(--hd-color-primary,var(--accent));
}
.archive-candidate span, .archive-project-row>div { display:grid; gap:.15rem; min-width:0; }
.archive-candidate strong, .archive-project-row strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-candidate small, .archive-project-row small { color:var(--hd-color-text-muted,var(--muted)); }
.archive-cleanup-actions { display:flex; justify-content:flex-end; margin-top:1rem; }
.archive-empty { margin:0; padding:1.5rem; text-align:center; color:var(--hd-color-text-muted,var(--muted)); }
#main-content .archive-filter-line {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:.75rem;
  width:100%;
  min-width:0;
}
#main-content .archive-filter-line > .list-page-filter-scroll {
  width:auto!important;
  max-width:none;
  min-width:0;
  margin:0;
  padding-inline:0;
}
#main-content .archive-filter-line > #projectArchiveTabs {
  width:auto!important;
  max-width:none;
  min-width:max-content;
  margin:0;
  padding-inline:0;
}
#main-content .archive-filter-line > .archive-toolbar { margin-left:0; }
#devisListSummary { width:100%; }
#projectArchivesView { margin-top:1rem; padding:1.15rem; color:var(--hd-color-text,var(--text)); background:var(--hd-color-surface,var(--panel)); }
#requestArchivesView { margin-top:1rem; padding:1.15rem; color:var(--hd-color-text,var(--text)); background:var(--hd-color-surface,var(--panel)); }
.archive-project-list { display:grid; gap:.65rem; margin-top:1rem; }
.archive-project-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; color:var(--hd-color-text,var(--text)); border:1px solid var(--hd-color-border,var(--border)); border-radius:.8rem; background:var(--hd-color-surface-subtle,var(--hover)); }
.requests-filter-groups { display:flex; align-items:center; gap:.75rem; min-width:0; overflow-x:auto; }
.requests-filter-groups > .list-page-tabs { flex:0 0 auto; width:auto!important; margin:0!important; padding-inline:0!important; }
.requests-filter-groups > #rqTypeTabs { padding-left:.75rem!important; border-left:1px solid var(--hd-color-border,var(--border)); }
.requests-filter-groups > #rqTypeTabs[hidden] { display:none!important; }
.requests-toolbar-actions { margin-left:auto; }
.archive-project-row .request-archive-copy { display:grid; gap:.18rem; min-width:0; }
.archive-project-row .request-archive-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-project-row .request-archive-copy small { color:var(--hd-color-text-muted,var(--muted)); }
.status-badge.badge-archive { background:var(--hd-color-surface-subtle,var(--hover)); color:var(--hd-color-text-muted,var(--muted)); }
@media (max-width:1100px) {
  #main-content .archive-filter-line { grid-template-columns:minmax(0,1fr) auto; align-items:stretch; }
  #main-content .archive-filter-line > .list-page-filter-scroll { grid-column:1 / -1; }
  #main-content .archive-filter-line > #projectArchiveTabs { grid-column:1; }
  #main-content .archive-filter-line > .archive-toolbar { grid-column:2; }
}
@media (max-width:560px) {
  #main-content .archive-filter-line { grid-template-columns:1fr; }
  #main-content .archive-filter-line > #projectArchiveTabs,
  #main-content .archive-filter-line > .archive-toolbar { grid-column:1; width:100%!important; }
  #main-content .archive-filter-line > .archive-toolbar button { flex:1; }
  .requests-page .compact-filter-line { align-items:stretch; }
  .requests-filter-groups { width:100%; }
  .requests-toolbar-actions { width:100%; margin-left:0; }
  .requests-toolbar-actions button { flex:1; }
  .archive-project-row { align-items:flex-start; flex-direction:column; }
  .archive-project-row .archive-toolbar { width:100%; }
  .archive-project-row .archive-toolbar button { flex:1; }
}