/* =====================================================================
   PLANCHE OBLIQUE 3.7.2.1 — polissage de l’éditeur Article
   ===================================================================== */

/* Aucun effet de survol : l’objet ne prend de "matière" qu'en mouvement. */
.board-item:hover:not(.drag-transparent),
.collaborative-native-collaborator-folder:hover:not(.drag-transparent),
.collaborative-native-shared-item:hover:not(.drag-transparent) {
  transform: none !important;
  box-shadow:
    0 2px 5px rgba(17, 17, 17, .09),
    0 7px 18px rgba(17, 17, 17, .055) !important;
}

/* Barre de titre immédiatement suivie des onglets, sur une seule ligne. */
.article-pane-content,
.article-pane-content > .article-body {
  margin: 0 !important;
  padding: 0 !important;
}

.article-pane-content {
  width: 100% !important;
  max-width: 100% !important;
  scrollbar-gutter: auto !important;
}

.article-pane-content > .article-body > .article-focus-controls {
  margin: 0 !important;
}

.article-focus-controls {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) max-content !important;
  grid-template-rows: auto !important;
  grid-template-areas: none !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 8px !important;
  align-items: center !important;
  align-content: center !important;
  row-gap: 0 !important;
}

.article-toolbar-zone-tabs {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

.article-toolbar-zone-access {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: center !important;
}

.article-toolbar-zone-history {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

/* Le titre noir n'est plus une zone d'édition : tout le geste revient à la barre. */
.article-pane-title {
  pointer-events: none !important;
  cursor: inherit !important;
  user-select: none !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
}

/* Supprime le fin couloir blanc réservé artificiellement à droite. */
.article-pane {
  box-sizing: border-box !important;
}

.article-pane-content > .article-body {
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Accès complet est désormais visuellement et sémantiquement dans Collaboration. */
.article-dedicated-access-grid {
  grid-template-columns: minmax(250px, .8fr) minmax(340px, 1.2fr) !important;
  align-items: start !important;
}

.article-dedicated-access-grid .article-inline-access-controls {
  display: block !important;
  width: 100% !important;
}

.article-dedicated-access-grid .article-inline-visibility {
  width: 100% !important;
}

.article-collaboration-full-access {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  margin: 9px 0 0 !important;
  padding: 9px 4px 1px !important;
  border-top: 1px solid rgba(17,17,17,.13) !important;
  white-space: normal !important;
}

/* Noir si et seulement si le contenu de l'onglet est effectivement visible. */
.article-focus-controls button.active,
.article-focus-controls button[aria-pressed="true"] {
  background: #111 !important;
  color: #fff !important;
  border-color: #111 !important;
}

.article-focus-controls button:not(.active):not([aria-pressed="true"]) {
  background: #fff !important;
  color: #111 !important;
  border-color: rgba(17,17,17,.2) !important;
}

@media (max-width: 900px) {
  .article-focus-controls {
    grid-template-columns: max-content minmax(0, 1fr) max-content !important;
    grid-template-rows: auto !important;
    grid-template-areas: none !important;
  }
}