/* PMIX Details — match The Studio pivot toolbar */
.p34-studio-toolbar{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:8px 14px;
  margin:0;
  background:var(--surface);
  border:1px solid var(--border);
  border-bottom:0;
  border-radius:12px 12px 0 0;
}

.p34-studio-toolbar-title{
  color:var(--brand-primary);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-right:8px;
  white-space:nowrap;
}

.p34-studio-toolbar-btn,
.p34-studio-toolbar-btn.btn,
.p34-studio-toolbar-btn.btn-light{
  min-height:30px;
  padding:4px 10px !important;
  background:var(--surface) !important;
  border:1px solid var(--border) !important;
  border-radius:7px !important;
  color:var(--text-muted) !important;
  box-shadow:none !important;
  font-size:.66rem !important;
  font-weight:700 !important;
  text-transform:uppercase;
  line-height:1.1;
}

.p34-studio-toolbar-btn:hover,
.p34-studio-toolbar-btn:focus{
  background:var(--surface) !important;
  border-color:#d9cdbd !important;
  color:var(--text) !important;
}

/* Visually connect the toolbar to the Tabulator/export area below. */
.p34-studio-toolbar + .dash-spinner,
.p34-studio-toolbar + div{
  margin-top:0 !important;
}

@media(max-width:767.98px){
  .p34-studio-toolbar{
    flex-wrap:wrap;
    min-height:auto;
  }
  .p34-studio-toolbar-title{
    width:100%;
    margin-bottom:4px;
  }
}


/* PMIX POWER BI TREE ACTIONS */
.p34-tree-actions {
    min-height: 38px;
    gap: 8px;
}

.p34-tree-icon-btn {
    width: 42px;
    height: 38px;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm) !important;
}

.p34-tree-icon-btn i {
    font-size: 1rem;
    line-height: 1;
}

.p34-tree-icon-btn:hover {
    color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    background: #f1fbf9 !important;
}

@media (max-width: 991.98px) {
    .p34-tree-actions {
        justify-content: flex-start !important;
    }
}


/* PMIX POWER BI TOOLBAR V2 */
.tuco-grid-toolbar {
    min-height: 34px;
    gap: 3px;
}

.p34-tree-icon-btn {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--text-muted) !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.p34-tree-icon-btn:hover {
    color: var(--brand-accent) !important;
    background: var(--brand-accent-soft) !important;
}

.p34-tree-icon-btn i {
    font-size: 17px;
    line-height: 1;
}

.p34-double-down {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}

.p34-double-down i {
    width: 9px;
    overflow: visible;
}

.p34-toolbar-divider {
    width: 1px;
    height: 20px;
    margin: 0 7px;
    background: var(--border);
}


/* PMIX EXPORT RIGHT OFFSET */
.tuco-grid-toolbar {
    padding-right: 12px;
    box-sizing: border-box;
}


/* === UNIFIED TREE TOOLBAR V3 === */

/* Aucun séparateur entre Réduire et Développer. */
.studio-tree-actions-icons,
.studio-tree-actions-icons .btn-group,
.studio-tree-actions-icons > .btn,
.p34-tree-icon-btn {
    border: 0 !important;
    box-shadow: none !important;
}

.studio-tree-actions-icons > .btn::before,
.studio-tree-actions-icons > .btn::after,
.p34-tree-icon-btn::before,
.p34-tree-icon-btn::after {
    display: none !important;
}

.studio-tree-actions-icons > .btn + .btn {
    margin-left: 2px !important;
    border-left: 0 !important;
}

/* Un seul séparateur beige après les deux actions. */
.studio-toolbar-divider,
.p34-toolbar-divider {
    flex: 0 0 1px !important;
    width: 1px !important;
    height: 20px !important;
    margin: 0 7px !important;
    background: var(--border) !important;
    border: 0 !important;
}

/* Même retrait du bord droit. */
.tuco-grid-toolbar,
.studio-integrated-toolbar .studio-toolbar-heading {
    padding-right: 12px !important;
    box-sizing: border-box;
}

/* === END UNIFIED TREE TOOLBAR V3 === */


/* === TREE DOUBLE ARROW PERFECT CENTER === */

.studio-integrated-toolbar
.studio-tree-actions-icons > .studio-tree-icon-btn,
.p34-tree-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.studio-double-down,
.p34-double-down {
    display: grid !important;
    grid-template-columns: 8px 8px !important;
    place-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: none !important;
}

.studio-double-down > i,
.p34-double-down > i {
    display: block !important;
    width: 8px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 16px !important;
    text-align: center !important;
    transform: none !important;
}

/* === END TREE DOUBLE ARROW PERFECT CENTER === */


/* === TREE DOUBLE ARROW GLYPH V2 === */

.studio-integrated-toolbar
.studio-tree-actions-icons > .studio-tree-icon-btn,
.p34-tree-icon-btn {
    position: relative !important;
}

.studio-double-down,
.p34-double-down {
    position: relative !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    transform: none !important;
}

/* Masque les deux icônes Bootstrap déséquilibrées. */
.studio-double-down > i,
.p34-double-down > i {
    display: none !important;
}

/* Symbole unique, réellement centré dans le bouton. */
.studio-double-down::before,
.p34-double-down::before {
    content: "⇊" !important;
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--font-base) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: center !important;
}

/* === END TREE DOUBLE ARROW GLYPH V2 === */


/* === SINGLE DOWN ARROW FINAL === */

/* Supprime définitivement le symbole double. */
.studio-double-down::before,
.p34-double-down::before {
    content: none !important;
    display: none !important;
}

/* Centre le conteneur comme pour la flèche montante. */
.studio-double-down,
.p34-double-down {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
}

/* Affiche uniquement la première flèche Bootstrap. */
.studio-double-down > i:first-child,
.p34-double-down > i:first-child {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Masque la seconde flèche. */
.studio-double-down > i:not(:first-child),
.p34-double-down > i:not(:first-child) {
    display: none !important;
}

/* === END SINGLE DOWN ARROW FINAL === */