/* Disposition : chemise | table (1 ou 2 papiers) | carnet */
.bureau {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr) 320px;
  gap: 1.5rem;
  padding: 1.5rem;
  min-height: 100vh;
  align-items: start;
}

/* La chemise cartonnée */
.chemise {
  position: sticky;
  top: 1.5rem;
  background: var(--kraft);
  color: var(--encre);
  padding: 1.25rem 1rem 1rem;
  border-radius: 2px 10px 2px 2px;
  box-shadow: var(--ombre-papier);
}
.chemise-titre { font: 700 1.5rem/1.1 var(--machine); margin: 0; }
.chemise-sous { margin: .2rem 0 1rem; font-style: italic; color: #4a3a20; }

.enveloppe { border-top: 1px dashed var(--kraft-fonce); padding: .6rem 0; }
.enveloppe h2 { font: 600 1rem/1.3 var(--ui); margin: 0 0 .35rem; }
.enveloppe.scellee { color: #6e5733; }
.enveloppe.scellee p { margin: 0; font-size: .9rem; font-style: italic; }
.enveloppe ul { list-style: none; margin: 0; padding: 0; }

.doc-lien {
  display: block;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: .3rem .4rem;
  border-radius: 3px;
  line-height: 1.3;
}
.doc-lien:hover { background: rgba(255, 255, 255, .3); }
.doc-lien[aria-pressed="true"] { background: var(--papier); }
.doc-lien .nouveau {
  display: inline-block;
  width: .5rem; height: .5rem;
  margin-left: .35rem;
  border-radius: 50%;
  background: var(--tampon);
  vertical-align: middle;
}

/* La table : les papiers ouverts */
.table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
  gap: 1.5rem;
  align-items: start;
}
.table-vide { opacity: .7; font-style: italic; text-align: center; margin-top: 4rem; }

.feuille { position: relative; }
.feuille-fermer {
  position: absolute;
  top: -.8rem; right: -.6rem;
  z-index: 2;
  width: 2rem; height: 2rem;
  border-radius: 50%;
  border: 0;
  background: var(--encre);
  color: var(--papier);
  font-size: 1.1rem;
  line-height: 1;
}

@media (max-width: 1100px) {
  .bureau { grid-template-columns: 220px minmax(0, 1fr); }
  .carnet { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .bureau { grid-template-columns: minmax(0, 1fr); padding: 1rem 16px; gap: 1rem; }
  .chemise { position: static; }
}