/* SD ONE lot 81 : corbeille et archivage des dossiers. Bleu nuit, bleu, argent ; jamais de doré. Fichier NOUVEAU. */
:root { --sd81-nuit: #0B1F3A; --sd81-bleu: #1F4E8C; --sd81-bleu2: #2E6BB8; --sd81-argent: #C3C9D2; --sd81-argent2: #E8ECF1; --sd81-texte: #1A2433; --sd81-rouge: #9B1C1C; }

/* boutons (quadrillage discret, reflet argent au survol) */
.sd81-bt, .sd81-lb, .sd81-menu button {
  display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 8px 14px; border-radius: 10px;
  font: 600 14px/1.2 Manrope, system-ui, sans-serif; color: #fff; cursor: pointer; white-space: nowrap;
  border: 1px solid rgba(195, 201, 210, .55);
  background:
    linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px) 0 0 / 8px 8px,
    linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px) 0 0 / 8px 8px,
    linear-gradient(135deg, var(--sd81-nuit), var(--sd81-bleu));
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 2px 6px rgba(11,31,58,.25);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.sd81-bt:hover, .sd81-lb:hover, .sd81-menu button:hover { filter: brightness(1.12); box-shadow: 0 0 0 1px var(--sd81-argent) inset, 0 4px 12px rgba(31,78,140,.35); }
.sd81-bt:active, .sd81-lb:active { transform: translateY(1px); }
.sd81-bt:focus-visible, .sd81-lb:focus-visible, .sd81-menu button:focus-visible, .sd81-da:focus-visible { outline: 2px solid var(--sd81-bleu2); outline-offset: 2px; }
.sd81-bt svg, .sd81-lb svg, .sd81-menu svg { flex: none; }

/* bouton « Ranger » d'une ligne de la liste */
.sd81-lb { min-height: 32px; padding: 5px 10px; font-size: 12.5px; margin-left: 6px; vertical-align: middle; }
.sd81-lnote { margin: 0 0 8px; font-size: 12.5px; color: #4A5566; }

/* menu de ligne */
.sd81-menu { position: absolute; z-index: 9000; display: flex; flex-direction: column; gap: 6px; padding: 8px; width: min(260px, calc(100vw - 16px)); box-sizing: border-box;
  background: #fff; border: 1px solid var(--sd81-argent); border-radius: 12px; box-shadow: 0 10px 28px rgba(11,31,58,.22); }
.sd81-menu button { width: 100%; justify-content: flex-start; min-height: 44px; }
.sd81-menu button[data-sd81-m="corbeille"] { background: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) 0 0 / 8px 8px, linear-gradient(135deg, #24324A, var(--sd81-nuit)); }

/* panneau d'actions de la fiche dossier */
.sd81-grp { display: contents; }
.sd81-grp .sd81-da span { white-space: normal; overflow-wrap: anywhere; }

/* bandeau « dossier dans la corbeille / archivé » */
.sd81-ban { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; padding: 12px 14px; border-radius: 12px;
  color: var(--sd81-texte); background: var(--sd81-argent2); border: 1px solid var(--sd81-argent); border-left: 5px solid var(--sd81-bleu); }
.sd81-ban.sd81-corb { border-left-color: var(--sd81-nuit); }
.sd81-ban > svg { color: var(--sd81-bleu); flex: none; }
.sd81-ban p { margin: 0; flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px; font-size: 13.5px; }
.sd81-ban p b { font-size: 15px; color: var(--sd81-nuit); }

/* pages Corbeille et Dossiers archivés */
.sd81-page .sd81-note { margin: 0 0 12px; font-size: 13px; color: #4A5566; max-width: 72ch; }
.sd81-vide { padding: 18px; text-align: center; color: #4A5566; background: var(--sd81-argent2); border-radius: 10px; }
.sd81-refus { margin: 8px 0 0; color: var(--sd81-rouge); font-weight: 600; }
.sd81-fen p { margin: 0 0 8px; line-height: 1.45; overflow-wrap: anywhere; }
.sd81-ph { font-size: 15px; color: var(--sd81-texte); }
.sd81-t { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.sd81-t th { text-align: left; padding: 8px 10px; color: #fff; background: var(--sd81-nuit); font-weight: 700; white-space: nowrap; }
.sd81-t th:first-child { border-top-left-radius: 8px; } .sd81-t th:last-child { border-top-right-radius: 8px; }
.sd81-t td { padding: 9px 10px; border-bottom: 1px solid var(--sd81-argent2); vertical-align: middle; }
.sd81-t td small { display: block; color: #5B6575; font-size: 12px; margin-top: 2px; }
.sd81-t tbody tr:hover td { background: #F4F6F9; }
.sd81-t td.sd81-a { text-align: right; white-space: nowrap; }
.sd81-t a.lien { font-weight: 700; white-space: nowrap; }

/* téléphone : boutons de 44 px au moins, tableau en fiches */
@media (max-width: 760px) {
  .sd81-bt, .sd81-lb, .sd81-menu button { min-height: 44px; padding: 10px 14px; font-size: 15px; }
  .sd81-lb { margin: 6px 0 0; }
  .sd81-t thead { display: none; }
  .sd81-t, .sd81-t tbody, .sd81-t tr, .sd81-t td { display: block; width: 100%; box-sizing: border-box; }
  .sd81-t tr { margin: 0 0 10px; padding: 8px 12px; border: 1px solid var(--sd81-argent); border-radius: 12px; background: #fff; }
  .sd81-t td { border: 0; padding: 5px 0; }
  .sd81-t td[data-l]::before { content: attr(data-l); display: block; font-size: 11.5px; color: #5B6575; text-transform: uppercase; letter-spacing: .03em; }
  .sd81-t td.sd81-a { text-align: left; padding-top: 8px; }
  .sd81-t td.sd81-a .sd81-bt { width: 100%; justify-content: center; }
  .sd81-ban .sd81-bt { width: 100%; justify-content: center; }
}

/* lot1-0411 : corbeille privée (#/corbeille-privee, v2-lot81-corbeille.js) */
.sd81-t .sd81-num{text-align:right;white-space:nowrap}
.sd81-prive-f{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:420px}
.sd81-prive-l{display:flex;flex-direction:column;gap:4px;width:100%;font-size:13px;color:#56667C}
.sd81-prive-l input{width:100%;box-sizing:border-box;min-height:40px}
.sd81-prive-f .bt{min-height:40px;padding:0 22px}
@media (max-width:760px){.sd81-t .sd81-num{text-align:left}}