/*
 * Objet de collection + palette ZebraDex.
 * La bannière et le classeur forment un seul artefact ; les commandes restent hors de sa surface.
 */

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) {
  --zbd-workbench-bg: rgba(10, 14, 20, 0.96);
  --zbd-workbench-panel: #121820;
  --zbd-workbench-border: rgba(255, 255, 255, 0.11);
  --zbd-workbench-muted: rgba(205, 216, 230, 0.68);
  --zbd-workbench-gold: #f0b90b;
  --zbd-workbench-blue: #58a6ff;
  --zbd-artifact-radius: clamp(18px, 2vw, 28px);
}

/* Navigation globale, distincte du classeur. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills {
  position: sticky;
  top: 0.5rem;
  z-index: 1038;
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: min(100%, 720px);
  min-height: 50px;
  margin: 0 auto 0.8rem !important;
  padding: 0 0.7rem;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--zbd-workbench-border);
  border-radius: 14px;
  background: rgba(8, 12, 18, 0.93);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.035);
  backdrop-filter: blur(14px);
  transition: transform 180ms ease, opacity 160ms ease, border-color 160ms ease;
  will-change: transform;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills.is-hidden-by-scroll {
  opacity: 0;
  transform: translateY(calc(-100% - 0.8rem));
  pointer-events: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  width: auto;
  min-width: 0;
  min-height: 48px;
  max-width: 230px;
  padding: 0.62rem 0.8rem 0.72rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(207, 218, 231, 0.66);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1;
  text-wrap: balance;
  transition: color 160ms ease, background-color 160ms ease;
  touch-action: manipulation;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn::after {
  content: '';
  position: absolute;
  right: 18%;
  bottom: 0;
  left: 18%;
  height: 2px;
  border-radius: 999px 999px 0 0;
  background: var(--zbd-workbench-gold);
  opacity: 0;
  transform: scaleX(0.55);
  transform-origin: center;
  transition: opacity 160ms ease, transform 180ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn:hover {
  background: rgba(255, 255, 255, 0.04);
  color: #f7fbff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn.active {
  background: linear-gradient(180deg, rgba(240, 185, 11, 0.06), rgba(240, 185, 11, 0.015));
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn.active::after {
  opacity: 1;
  transform: scaleX(1);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn-icon {
  flex: 0 0 auto;
  color: rgba(207, 218, 231, 0.58);
  font-size: 0.92rem;
  transition: color 160ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn.active .zbd-view-btn-icon {
  color: var(--zbd-workbench-gold);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn-label--compact {
  display: none;
}

/* Ligne de contexte et palette compacte. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-command-row {
  position: relative;
  z-index: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-context {
  display: flex;
  align-items: center;
  gap: 0.62rem;
  min-width: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-context .zbd-filter-kicker {
  min-width: 0;
  overflow: hidden;
  color: rgba(220, 229, 239, 0.7);
  font-size: 0.68rem;
  font-weight: 820;
  letter-spacing: 0.075em;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-content-pill__value {
  color: rgba(247, 250, 253, 0.9);
  font-variant-numeric: tabular-nums;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench {
  min-width: 0;
  margin: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-palette {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.34rem;
  min-height: 46px;
  padding: 0.28rem;
  border: 1px solid var(--zbd-workbench-border);
  border-radius: 999px;
  background: rgba(8, 12, 18, 0.9);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(14px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench button {
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(88, 166, 255, 0.14);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-icon-btn,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-tools-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  min-height: 38px;
  padding: 0.42rem 0.68rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(222, 231, 241, 0.76);
  font-size: 0.72rem;
  font-weight: 780;
  line-height: 1;
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-icon-btn {
  width: 38px;
  padding-inline: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-icon-btn:hover,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-tools-btn:hover,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-tools-btn.is-open {
  border-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.065);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search {
  display: flex;
  align-items: center;
  width: 38px;
  min-width: 38px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 999px;
  transition: width 180ms ease, border-color 150ms ease, background-color 150ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open {
  width: clamp(190px, 24vw, 290px);
  border-color: rgba(88, 166, 255, 0.34);
  background: rgba(88, 166, 255, 0.07);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search:focus-within {
  border-color: rgba(88, 166, 255, 0.72);
  box-shadow: 0 0 0 0.16rem rgba(88, 166, 255, 0.16);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search .form-control {
  width: 0;
  min-width: 0;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #f5f9fd;
  font-size: 0.78rem;
  opacity: 0;
  box-shadow: none;
  pointer-events: none;
  transition: width 180ms ease, opacity 120ms ease, padding 180ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open .form-control {
  width: 100%;
  padding: 0.35rem 0.72rem 0.35rem 0.12rem;
  opacity: 1;
  pointer-events: auto;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search .form-control::placeholder {
  color: rgba(203, 214, 226, 0.52);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.24rem;
  height: 1.24rem;
  padding: 0 0.3rem;
  border-radius: 999px;
  background: var(--zbd-workbench-gold);
  color: #171208;
  font-size: 0.64rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-count[hidden] {
  display: none;
}

/* Menu des actions du propriétaire. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu {
  min-width: 220px;
  padding: 0.4rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: #121820;
  box-shadow: 0 20px 46px rgba(0, 0, 0, 0.42);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu .dropdown-divider {
  border-color: rgba(255, 255, 255, 0.09);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu-action,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu .zbd-binder-mode-btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  width: 100%;
  min-height: 42px;
  padding: 0.56rem 0.68rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #e8eef5;
  font-size: 0.78rem;
  font-weight: 720;
  text-align: left;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu-action:hover,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-menu-action:focus-visible {
  background: rgba(88, 166, 255, 0.11);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-export-toggle-label,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-export-toggle-loading {
  align-items: center;
  gap: 0.55rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-export-toggle-label:not(.d-none),
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-export-toggle-loading:not(.d-none) {
  display: inline-flex;
}

/* Tiroir : latéral sur grand écran, feuille basse sur mobile. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-panel {
  position: fixed;
  top: clamp(76px, 9vh, 112px);
  right: max(1rem, calc((100vw - 1440px) / 2));
  z-index: 1095;
  width: min(390px, calc(100vw - 2rem));
  max-height: calc(100dvh - clamp(96px, 12vh, 132px));
  padding: 1rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 16px;
  background: var(--zbd-workbench-panel);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.52), inset 0 1px rgba(255, 255, 255, 0.045);
  color: #edf3f9;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-panel[hidden] {
  display: none !important;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.86rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-kicker {
  display: block;
  margin-bottom: 0.18rem;
  color: rgba(240, 185, 11, 0.78);
  font-size: 0.61rem;
  font-weight: 850;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-head h2 {
  margin: 0;
  color: #f5f8fb;
  font-size: 1rem;
  font-weight: 790;
  line-height: 1.2;
  text-wrap: balance;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel-close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(225, 233, 242, 0.74);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel-close:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.28rem;
  margin-bottom: 0.9rem;
  padding: 0.24rem;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tab {
  min-height: 38px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(207, 218, 231, 0.64);
  font-size: 0.74rem;
  font-weight: 780;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tab:hover {
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tab.is-active {
  background: rgba(255, 255, 255, 0.09);
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.18);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel[hidden],
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel.is-collapsed {
  display: none !important;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .zbd-binder-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .zbd-filter-item {
  display: grid;
  align-content: start;
  gap: 0.32rem;
  min-width: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .zbd-filter-label {
  color: rgba(205, 216, 230, 0.62);
  font-size: 0.61rem;
  font-weight: 820;
  letter-spacing: 0.055em;
  line-height: 1.1;
  text-transform: uppercase;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .form-select {
  min-height: 40px;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 9px;
  background-color: #19212b;
  color: #eef4fa;
  font-size: 0.78rem;
  box-shadow: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .form-select option {
  background-color: #19212b;
  color: #eef4fa;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .form-select:focus {
  border-color: rgba(88, 166, 255, 0.62);
  box-shadow: 0 0 0 0.18rem rgba(88, 166, 255, 0.15);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.38rem;
  margin-bottom: 0.72rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-filters[hidden] {
  display: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-label {
  color: rgba(199, 209, 221, 0.5);
  font-size: 0.61rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-filter-chip {
  min-height: 30px;
  padding: 0.32rem 0.55rem;
  border: 1px solid rgba(240, 185, 11, 0.24);
  border-radius: 999px;
  background: rgba(240, 185, 11, 0.07);
  color: #f8e9b2;
  font-size: 0.67rem;
  font-weight: 720;
  line-height: 1;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-filter-chip:hover {
  border-color: rgba(240, 185, 11, 0.46);
  background: rgba(240, 185, 11, 0.12);
  color: #fff7d6;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-filter-chip i {
  margin-left: 0.28rem;
  font-size: 0.6rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-clear-all {
  width: 100%;
  min-height: 38px;
  margin-top: 0.8rem;
  border: 1px solid rgba(88, 166, 255, 0.2);
  border-radius: 9px;
  background: rgba(88, 166, 255, 0.06);
  color: #9dcaff;
  font-size: 0.72rem;
  font-weight: 760;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-clear-all:hover {
  border-color: rgba(88, 166, 255, 0.42);
  background: rgba(88, 166, 255, 0.11);
  color: #d6eaff;
}

/* Interrupteur d’étiquettes. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) #zbd-binder-labels-toggle.zbd-workbench-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  justify-content: stretch;
  gap: 0.48rem;
  width: 100%;
  min-height: 40px;
  height: auto;
  padding: 0.4rem 0.5rem 0.4rem 0.62rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 9px;
  background: #19212b;
  color: #eef4fa;
  box-shadow: none;
  text-align: left;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-copy {
  min-width: 0;
  overflow: hidden;
  font-size: 0.7rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-track {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 19px;
  padding: 2px;
  border-radius: 999px;
  background: rgba(150, 162, 177, 0.35);
  transition: background-color 160ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-track > span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #e9eef4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  transform: translateX(0);
  transition: transform 160ms ease, background-color 160ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch[aria-checked="true"] .zbd-workbench-switch-track {
  background: rgba(88, 166, 255, 0.72);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch[aria-checked="true"] .zbd-workbench-switch-track > span {
  background: #ffffff;
  transform: translateX(15px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-state {
  color: rgba(203, 214, 226, 0.62);
  font-size: 0.64rem;
  font-weight: 760;
}

/* État contextuel : la palette devient une sortie claire du mode actif. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-mode-context {
  display: flex;
  align-items: center;
  gap: 0.58rem;
  color: #fff1ba;
  font-size: 0.72rem;
  font-weight: 780;
  white-space: nowrap;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-mode-context[hidden] {
  display: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-mode-exit {
  min-height: 34px;
  padding: 0.36rem 0.62rem;
  border: 1px solid rgba(240, 185, 11, 0.38);
  border-radius: 999px;
  background: rgba(240, 185, 11, 0.11);
  color: #fff4c8;
  font-size: 0.68rem;
  font-weight: 820;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-palette-search,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-palette-tools-btn,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-workbench-more {
  display: none;
}

.zbd-workbench-backdrop {
  display: none;
}

/* Bannière + classeur : un seul contour et une traverse issue de la même bordure. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact {
  --zbd-artifact-divider-size: 1px;
  --zbd-artifact-frame-compensation: 0px;
  position: relative;
  isolation: isolate;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--zbd-artifact-radius);
  background: #0d131b;
  box-shadow: 0 28px 66px rgba(0, 0, 0, 0.34), 0 6px 18px rgba(0, 0, 0, 0.24);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact:is(
  .zbd-cover-border-solid,
  .zbd-cover-border-gold,
  .zbd-cover-border-silver,
  .zbd-cover-border-glow
) {
  --zbd-artifact-frame-compensation: max(0px, calc(var(--zbd-cover-border-size, 7px) - 1px));
  border-width: var(--zbd-cover-border-size, 7px);
  border-style: solid;
  border-color: var(--zbd-cover-border-color, #58a6ff);
  background-clip: padding-box;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__content {
  position: relative;
  min-width: 0;
  margin: calc(var(--zbd-artifact-frame-compensation) * -1);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact:is(
  .zbd-cover-border-solid,
  .zbd-cover-border-gold,
  .zbd-cover-border-silver,
  .zbd-cover-border-glow,
  .zbd-cover-border-hatched
) {
  --zbd-artifact-divider-size: clamp(2px, calc(var(--zbd-cover-border-size, 7px) - 4px), 5px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-glow {
  --zbd-artifact-divider-size: 1px;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 8;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 0 0 3px rgba(0, 0, 0, 0.22);
  pointer-events: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-solid::after,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-gold::after,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-silver::after {
  /* La bordure physique est l'unique contour : aucune finition ne doit
     recouvrir la matière à son bord intérieur. */
  box-shadow: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-gold {
  --zbd-cover-border-color: #ffd55f;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-silver {
  --zbd-cover-border-color: #e1ecf8;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-glow {
  border-color: var(--zbd-cover-border-color, #58a6ff);
  box-shadow:
    0 0 0 1px var(--zbd-cover-border-color, #58a6ff),
    0 0 28px color-mix(in srgb, var(--zbd-cover-border-color, #58a6ff) 68%, transparent),
    0 24px 58px rgba(0, 0, 0, 0.38);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-glow::after {
  box-shadow: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-hatched::after {
  --zbd-cover-hatched-inner-size: max(1px, calc(var(--zbd-cover-border-size, 7px) - 1px));
  box-sizing: border-box;
  padding: var(--zbd-cover-hatched-inner-size);
  background: repeating-linear-gradient(135deg, #fff 0 8px, #050605 8px 18px, #fff 18px 27px, #050605 27px 40px);
  box-shadow: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-hatched {
  border-color: #050605;
  background-clip: padding-box;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__banner {
  --zbd-cover-radius: 0px;
  --zbd-cover-paint-inset: 0px;
  --zbd-cover-paint-radius: 0px;
  --zbd-cover-frame-backing: transparent;
  display: block;
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none !important;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__banner::after {
  content: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body {
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 6;
  height: var(--zbd-artifact-divider-size);
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.28), 0 -1px 0 rgba(255, 255, 255, 0.08);
  pointer-events: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact:is(
  .zbd-cover-border-solid,
  .zbd-cover-border-gold,
  .zbd-cover-border-silver
) .zbd-collector-artifact__body::before {
  background: var(--zbd-cover-border-color, #58a6ff);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.34);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-glow .zbd-collector-artifact__body::before {
  background: color-mix(in srgb, var(--zbd-cover-border-color, #58a6ff) 82%, #4b5563 18%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12), 0 -1px 0 rgba(0, 0, 0, 0.28);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact.zbd-cover-border-hatched .zbd-collector-artifact__body::before {
  background: repeating-linear-gradient(135deg, #fff 0 8px, #050605 8px 18px, #fff 18px 27px, #050605 27px 40px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.16), 0 -1px 0 rgba(0, 0, 0, 0.3);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact--bannerless .zbd-collector-artifact__body::before {
  display: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body::after {
  z-index: 0;
  box-shadow: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}

/* La matière configurée habille le fond et les gouttières, jamais les items. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body:is(
  .zbd-cover-style-holographic,
  .zbd-cover-style-holo,
  .zbd-cover-style-crystal
)::after {
  opacity: 0.76;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body:is(
  .zbd-cover-style-glossy,
  .zbd-cover-style-foil
)::after {
  opacity: 0.72;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-metallic::after {
  opacity: 0.78;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-paper::after {
  opacity: 0.9;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-neon::after {
  opacity: 0.8;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-cosmos::after {
  opacity: 0.88;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-pearl::after {
  opacity: 0.74;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body.zbd-cover-style-zebra::after {
  opacity: 0.76;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body:is(
  .zbd-cover-style-retro,
  .zbd-cover-style-vintage
)::after {
  opacity: 0.78;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__body > .zbd-binder-surface {
  border-radius: 0 0 clamp(10px, 1.2vw, 16px) clamp(10px, 1.2vw, 16px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact--bannerless .zbd-collector-artifact__body > .zbd-binder-surface {
  border-radius: clamp(10px, 1.2vw, 16px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact__edit {
  position: absolute;
  top: max(0.75rem, var(--zbd-cover-border-size, 7px));
  right: max(0.75rem, var(--zbd-cover-border-size, 7px));
  z-index: 10;
}

/* Focus cohérent et toujours visible. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) :is(
  .zbd-view-btn,
  .zbd-palette-icon-btn,
  .zbd-palette-tools-btn,
  .zbd-workbench-menu-action,
  .zbd-workbench-panel-close,
  .zbd-workbench-tab,
  .zbd-workbench-filter-chip,
  .zbd-workbench-clear-all,
  .zbd-workbench-switch,
  .zbd-workbench-mode-exit,
  .zbd-filter-back-btn
):focus-visible {
  outline: 2px solid rgba(88, 166, 255, 0.9);
  outline-offset: 2px;
}

@media (max-width: 767.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills {
    top: 0.25rem;
    width: 100%;
    min-height: 44px;
    padding-inline: 0.2rem;
    border-radius: 12px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills .zbd-view-btn {
    min-height: 42px;
    padding: 0.5rem 0.28rem 0.62rem;
    gap: 0.32rem;
    font-size: 0.67rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn-label--full {
    display: none;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn-label--compact {
    display: block;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-tools-panel {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: min(78dvh, 650px);
    padding: 1rem 0.86rem calc(1rem + env(safe-area-inset-bottom));
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -22px 58px rgba(0, 0, 0, 0.5);
  }

  .zbd-workbench-backdrop:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(2, 5, 9, 0.66);
    backdrop-filter: blur(2px);
  }

  body.zbd-workbench-sheet-open {
    overflow: hidden;
  }
}

@media (max-width: 575.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) {
    --zbd-artifact-radius: 18px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-command-row {
    align-items: stretch;
    flex-direction: column;
    gap: 0.5rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-context {
    min-height: 36px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench {
    width: 100%;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-palette {
    width: 100%;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open {
    flex: 1 1 auto;
    width: auto;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-panel .zbd-binder-filter-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-artifact {
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.32), 0 4px 12px rgba(0, 0, 0, 0.22);
  }
}

@media (max-width: 359.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-context .zbd-filter-kicker {
    font-size: 0.62rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-tools-btn {
    padding-inline: 0.54rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-mode-context {
    width: 100%;
    justify-content: space-between;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-pills,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-view-btn::after,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search .form-control,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-track,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-switch-track > span {
    transition: none;
  }
}

/* --------------------------------------------------------------------------
   Ajout au classeur — panneau de travail premium
   -------------------------------------------------------------------------- */

#binder-app.zbd-binder-workspace .zbd-command-btn--primary {
  border-color: rgba(240, 185, 11, 0.55);
  background: #173a65;
  color: #fff8dc;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 6px 18px rgba(2, 8, 18, 0.18);
}

#binder-app.zbd-binder-workspace .zbd-command-btn--primary:hover,
#binder-app.zbd-binder-workspace .zbd-command-btn--primary:focus-visible,
#binder-app.zbd-binder-workspace .zbd-command-btn--primary[aria-expanded="true"] {
  border-color: rgba(255, 207, 61, 0.78);
  background: #1d4779;
  color: #ffffff;
}

#binder-app.zbd-binder-workspace .zbd-command-btn--primary > i:first-child {
  color: #ffd45f;
}

#binder-app.zbd-binder-workspace .zbd-add-dock-backdrop[hidden],
#binder-app.zbd-binder-workspace .zbd-add-dock[hidden] {
  display: none !important;
}

#binder-app.zbd-binder-workspace .zbd-add-dock-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(2, 5, 9, 0.58);
  opacity: 0;
  cursor: default;
  transition: opacity 180ms ease;
}

#binder-app.zbd-binder-workspace .zbd-add-dock-backdrop.is-open {
  opacity: 1;
}

#binder-app.zbd-binder-workspace #zbd-add-pane.zbd-add-dock {
  position: fixed;
  top: max(64px, env(safe-area-inset-top));
  right: 0;
  bottom: 0;
  z-index: 1105;
  display: flex;
  width: min(520px, calc(100vw - 2rem));
  margin: 0;
  overflow: hidden;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 18px 0 0 0;
  background: #0d121a;
  color: #eef4fb;
  box-shadow: -24px 0 70px rgba(0, 0, 0, 0.46);
  transform: translateX(calc(100% + 24px));
  pointer-events: none;
  transition: transform 190ms cubic-bezier(0.22, 1, 0.36, 1);
}

#binder-app.zbd-binder-workspace #zbd-add-pane.zbd-add-dock::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  height: 3px;
  background: linear-gradient(90deg, #d79f14, #ffe08a 52%, #b77c07);
  content: "";
  pointer-events: none;
}

#binder-app.zbd-binder-workspace #zbd-add-pane.zbd-add-dock.is-open {
  transform: translateX(0);
  pointer-events: auto;
}

body.zbd-add-dock-open {
  overflow: hidden;
}

body.zbd-add-dock-open > #zbd-binder-toast-root {
  z-index: 1120;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-add-pane__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 0;
  gap: 0;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__header {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.15rem 0.92rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: #111923;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__identity {
  display: grid;
  min-width: 0;
  gap: 0.22rem;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__kicker,
#binder-app.zbd-binder-workspace .zbd-add-section-intro__kicker {
  color: #e7b93f;
  font-size: 0.64rem;
  font-weight: 850;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__identity h2 {
  margin: 0;
  color: #ffffff;
  font-size: 1.16rem;
  font-weight: 820;
  letter-spacing: -0.018em;
  line-height: 1.2;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem;
  color: rgba(204, 216, 229, 0.62);
  font-size: 0.69rem;
  line-height: 1.25;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__binder-name {
  max-width: 190px;
  overflow: hidden;
  color: rgba(237, 243, 249, 0.86);
  font-weight: 720;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__header-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.48rem;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(229, 237, 245, 0.78);
}

#binder-app.zbd-binder-workspace .zbd-add-dock__close:hover,
#binder-app.zbd-binder-workspace .zbd-add-dock__close:focus-visible {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.075);
  color: #ffffff;
}

#binder-app.zbd-binder-workspace .zbd-add-lang-control {
  display: inline-grid;
  grid-template-columns: auto auto;
  min-height: 36px;
  padding: 0.22rem 0.3rem 0.22rem 0.52rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-add-lang-control .form-select {
  min-width: 54px;
  height: 28px;
  min-height: 28px;
  padding: 0.1rem 1.35rem 0.1rem 0.42rem;
  border: 0;
  background-color: transparent;
  font-size: 0.72rem;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace .zbd-add-target-banner {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.68rem 1.15rem;
  border: 0;
  border-bottom: 1px solid rgba(240, 185, 11, 0.24);
  border-radius: 0;
  background: rgba(240, 185, 11, 0.085);
}

#binder-app.zbd-binder-workspace .zbd-add-target-banner__content {
  flex-wrap: nowrap;
}

#binder-app.zbd-binder-workspace .zbd-add-target-banner__label {
  color: #e7b93f;
  font-size: 0.6rem;
}

#binder-app.zbd-binder-workspace #zbd-add-target-text {
  color: rgba(247, 249, 252, 0.9);
  font-size: 0.75rem;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 !important;
  padding: 0 0.82rem;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0;
  background: #111923;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link {
  position: relative;
  gap: 0.42rem;
  min-height: 54px;
  padding: 0.65rem 0.4rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(200, 212, 225, 0.65);
  font-size: 0.73rem;
  font-weight: 760;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link::after {
  position: absolute;
  right: 0.35rem;
  bottom: -1px;
  left: 0.35rem;
  height: 2px;
  border-radius: 999px 999px 0 0;
  background: transparent;
  content: "";
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link:hover {
  background: transparent;
  color: #ffffff;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link.active {
  border: 0;
  background: transparent;
  color: #ffffff;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link.active::after {
  background: #e8b93c;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link i {
  color: #7eb8f3;
  font-size: 0.83rem;
}

#binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link.active i {
  color: #ffd45f;
}

#binder-app.zbd-binder-workspace .zbd-add-dock__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(146, 166, 189, 0.38) transparent;
}

#binder-app.zbd-binder-workspace .zbd-add-tab-surface {
  margin: 0;
  padding: 1rem 1.15rem 1.35rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace .zbd-add-section-intro {
  display: grid;
  gap: 0.3rem;
  margin-bottom: 0.92rem;
}

#binder-app.zbd-binder-workspace .zbd-add-section-intro p {
  margin: 0;
  color: rgba(197, 210, 224, 0.64);
  font-size: 0.75rem;
  line-height: 1.4;
}

#binder-app.zbd-binder-workspace .zbd-add-search__head .form-label {
  margin: 0 0 0.38rem !important;
  color: rgba(225, 234, 243, 0.84);
  font-size: 0.72rem;
  font-weight: 740;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .form-control,
#binder-app.zbd-binder-workspace #zbd-add-pane .form-select {
  min-height: 42px;
  border-color: rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background-color: #090e15;
  color: #f2f6fa;
  font-size: 0.79rem;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .form-control:focus,
#binder-app.zbd-binder-workspace #zbd-add-pane .form-select:focus {
  border-color: rgba(105, 173, 240, 0.72);
  background-color: #090e15;
  box-shadow: 0 0 0 0.17rem rgba(88, 166, 255, 0.14);
}

#binder-app.zbd-binder-workspace .zbd-add-search-results {
  display: block;
  margin-top: 0.7rem;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

#binder-app.zbd-binder-workspace #zbd-search-inline-results .list-group-item {
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 0 !important;
  background: transparent;
  color: #edf3f9;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace #zbd-search-inline-results .zbd-add-result-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.68rem 0.05rem;
}

#binder-app.zbd-binder-workspace .zbd-add-result-main {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 0.68rem;
  min-width: 0;
}

#binder-app.zbd-binder-workspace #zbd-search-inline-results .zbd-add-result-thumb {
  width: 46px !important;
  height: 64px;
  object-fit: contain;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: #080c12;
}

#binder-app.zbd-binder-workspace .zbd-add-result-copy {
  display: grid;
  min-width: 0;
  gap: 0.15rem;
}

#binder-app.zbd-binder-workspace .zbd-add-result-title {
  overflow: hidden;
  color: #f4f7fb;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
  text-overflow: ellipsis;
}

#binder-app.zbd-binder-workspace .zbd-add-result-series {
  overflow: hidden;
  color: rgba(191, 206, 221, 0.58);
  font-size: 0.67rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#binder-app.zbd-binder-workspace .zbd-add-result-variant {
  justify-self: start;
  margin-top: 0.08rem;
  padding: 0.18rem 0.36rem;
  border: 1px solid rgba(112, 176, 239, 0.26);
  background: rgba(88, 166, 255, 0.08);
  color: rgba(211, 232, 252, 0.88);
  font-size: 0.59rem;
}

#binder-app.zbd-binder-workspace .zbd-add-search-result-actions,
#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-actions {
  display: grid;
  justify-items: end;
  gap: 0.32rem;
}

#binder-app.zbd-binder-workspace #zbd-add-pane :is(.zbd-add-primary-btn, .zbd-zbd-add-one),
#binder-app.zbd-binder-workspace #zbd-search-inline-results .btn.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  min-height: 36px;
  padding: 0.48rem 0.68rem;
  border: 1px solid rgba(240, 185, 11, 0.48);
  border-radius: 9px;
  background: #1a436f;
  color: #fff8df;
  font-size: 0.72rem;
  font-weight: 780;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace #zbd-add-pane :is(.zbd-add-primary-btn, .zbd-zbd-add-one):hover,
#binder-app.zbd-binder-workspace #zbd-add-pane :is(.zbd-add-primary-btn, .zbd-zbd-add-one):focus-visible,
#binder-app.zbd-binder-workspace #zbd-search-inline-results .btn.btn-primary:hover,
#binder-app.zbd-binder-workspace #zbd-search-inline-results .btn.btn-primary:focus-visible {
  border-color: rgba(255, 211, 91, 0.75);
  background: #225589;
  color: #ffffff;
}

#binder-app.zbd-binder-workspace .zbd-add-binder-badge {
  min-height: 21px;
  padding: 0.16rem 0.38rem;
  border-color: rgba(149, 166, 185, 0.2);
  background: rgba(130, 149, 171, 0.09);
  color: rgba(216, 226, 236, 0.74);
  font-size: 0.58rem;
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__steps {
  display: grid;
  gap: 0.58rem;
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__step {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: start;
  gap: 0.62rem;
  margin: 0;
  padding: 0.68rem;
  border: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.025);
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(240, 185, 11, 0.3);
  border-radius: 8px;
  background: rgba(240, 185, 11, 0.08);
  color: #efc551;
  font-size: 0.68rem;
  font-weight: 850;
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__step-body {
  display: grid;
  min-width: 0;
  gap: 0.34rem;
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__step-label,
#binder-app.zbd-binder-workspace .zbd-add-zbd-series > span {
  color: rgba(222, 231, 241, 0.78);
  font-size: 0.68rem;
  font-weight: 760;
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__selection {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.72rem;
  min-height: 58px;
  margin-top: 0.82rem;
  padding-top: 0.82rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#binder-app.zbd-binder-workspace .zbd-add-catalog__preview {
  margin: 0 auto 0 0;
}

#binder-app.zbd-binder-workspace #zbd-item-preview-box {
  width: 54px;
  padding: 0;
  border: 0;
  border-radius: 7px;
  background: transparent;
}

#binder-app.zbd-binder-workspace .zbd-selector-actions {
  display: grid;
  justify-items: end;
  gap: 0.36rem;
  width: auto;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.34rem;
  margin-bottom: 0.78rem;
  padding: 0.22rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.025);
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle-btn {
  min-height: 38px;
  padding: 0.45rem 0.38rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(202, 215, 228, 0.64);
  font-size: 0.7rem;
  font-weight: 740;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle-btn:hover,
#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle-btn:focus-visible {
  border: 0;
  background: rgba(255, 255, 255, 0.055);
  color: #ffffff;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle-btn.is-active,
#binder-app.zbd-binder-workspace .zbd-add-zbd-subtoggle-btn[aria-pressed="true"] {
  border: 0;
  background: #22344a;
  color: #ffffff;
  box-shadow: inset 0 -2px #e4b43a;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 0.58rem;
  margin-bottom: 0.62rem;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-series {
  display: grid;
  max-width: none;
  gap: 0.34rem;
  margin: 0;
}

#binder-app.zbd-binder-workspace .zbd-add-zbd-status {
  min-height: 1.25rem;
  margin: 0 0 0.42rem;
  font-size: 0.67rem;
}

#binder-app.zbd-binder-workspace #zbd-zbd-items {
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-chip {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 0.6rem;
  min-width: 0;
  padding: 0.6rem 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.085);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-thumb-wrap,
#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-chip img {
  width: 38px;
  height: 54px;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-chip img {
  object-fit: contain;
  border-color: rgba(255, 255, 255, 0.08);
  background: #080c12;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-name {
  color: #f1f5f9;
  font-size: 0.74rem;
}

#binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-code {
  color: rgba(190, 205, 219, 0.58) !important;
  font-size: 0.64rem;
}

@media (max-width: 767.98px) {
  #binder-app.zbd-binder-workspace .zbd-command-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #binder-app.zbd-binder-workspace #zbd-add-pane.zbd-add-dock {
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }

  #binder-app.zbd-binder-workspace .zbd-add-dock__header {
    padding: calc(0.92rem + env(safe-area-inset-top)) 0.88rem 0.78rem;
  }

  #binder-app.zbd-binder-workspace .zbd-add-dock__identity h2 {
    font-size: 1.03rem;
  }

  #binder-app.zbd-binder-workspace .zbd-add-dock__binder-name {
    max-width: 145px;
  }

  #binder-app.zbd-binder-workspace .zbd-add-lang-control__label {
    display: none;
  }

  #binder-app.zbd-binder-workspace .zbd-add-lang-control {
    grid-template-columns: auto;
    padding-left: 0.3rem;
  }

  #binder-app.zbd-binder-workspace #zbd-add-tabs {
    padding-inline: 0.5rem;
  }

  #binder-app.zbd-binder-workspace .zbd-add-tab-surface {
    padding: 0.85rem 0.88rem calc(1.15rem + env(safe-area-inset-bottom));
  }

  #binder-app.zbd-binder-workspace .zbd-add-zbd-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  #binder-app.zbd-binder-workspace .zbd-add-zbd-toolbar .zbd-add-primary-btn {
    width: 100%;
  }
}

@media (max-width: 419.98px) {
  #binder-app.zbd-binder-workspace #zbd-add-tabs .nav-link {
    gap: 0.3rem;
    min-height: 50px;
    padding-inline: 0.22rem;
    font-size: 0.67rem;
  }

  #binder-app.zbd-binder-workspace #zbd-search-inline-results .zbd-add-result-row {
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 0.48rem;
  }

  #binder-app.zbd-binder-workspace .zbd-add-result-main {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.48rem;
  }

  #binder-app.zbd-binder-workspace #zbd-search-inline-results .zbd-add-result-thumb {
    width: 38px !important;
    height: 53px;
  }

  #binder-app.zbd-binder-workspace .zbd-add-search-result-actions .zbd-add-binder-badge,
  #binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-actions .zbd-add-binder-badge {
    max-width: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #binder-app.zbd-binder-workspace .zbd-add-catalog__selection {
    align-items: stretch;
    flex-direction: column;
  }

  #binder-app.zbd-binder-workspace .zbd-selector-actions,
  #binder-app.zbd-binder-workspace #zbd-btn-add-selected {
    width: 100%;
  }

  #binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-chip {
    grid-template-columns: 32px minmax(0, 1fr) 84px;
    gap: 0.46rem;
  }

  #binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-thumb-wrap,
  #binder-app.zbd-binder-workspace #zbd-add-pane .zbd-zbd-chip img {
    width: 32px;
    height: 45px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #binder-app.zbd-binder-workspace .zbd-add-dock,
  #binder-app.zbd-binder-workspace .zbd-add-dock-backdrop {
    transition: none;
  }
}

/* Poste de commande premium : identité, recherche et actions forment un seul ensemble. */
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) #zbd-content-main {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#binder-app.zbd-binder-workspace #zbd-content-main {
  margin-top: -0.85rem !important;
}

#shared-binders-app.zbd-binder-workspace #zbd-content-pane {
  margin-top: -0.85rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) #zbd-content-main > .card-body {
  padding: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity {
  position: relative;
  /* Ne pas enfermer les dropdowns dans un contexte inférieur à la barre suivante. */
  z-index: auto;
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: clamp(0.82rem, 1.7vw, 1.18rem);
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  background:
    radial-gradient(85% 140% at 0% 0%, rgba(88, 166, 255, 0.09), transparent 58%),
    linear-gradient(145deg, rgba(23, 30, 40, 0.98), rgba(9, 13, 19, 0.99));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.045);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity::before {
  content: '';
  position: absolute;
  top: 0;
  right: clamp(1rem, 3vw, 2.8rem);
  left: clamp(1rem, 3vw, 2.8rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240, 185, 11, 0.58), transparent);
  pointer-events: none;
}

#binder-app.zbd-binder-workspace:has(#zbd-content-main.d-none) .zbd-command-deck__identity {
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 18px;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.8rem, 2vw, 1.4rem);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-main {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 0.78rem;
  min-width: 0;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-back-btn {
  display: inline-flex;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-height: 42px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(230, 237, 245, 0.78);
  text-decoration: none;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-back-btn:hover {
  border-color: rgba(88, 166, 255, 0.42);
  background: rgba(88, 166, 255, 0.09);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity .zbd-banner-title-wrap {
  flex: 1 1 auto;
  min-width: 0;
  max-width: min(100%, 760px);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-eyebrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.36rem;
  margin-bottom: 0.34rem;
  color: rgba(207, 218, 231, 0.62);
  font-size: 0.64rem;
  font-weight: 820;
  letter-spacing: 0.085em;
  line-height: 1.1;
  text-transform: uppercase;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-eyebrow .zbd-binder-content-pill {
  color: #f3d66f;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.045em;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity .zbd-util-title {
  display: block;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #f8fbff;
  font-size: clamp(1.2rem, 2vw, 1.62rem);
  font-weight: 820;
  letter-spacing: -0.018em;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity .zbd-banner-desc {
  max-width: 680px;
  margin: 0.4rem 0 0;
  color: rgba(214, 224, 235, 0.68) !important;
  font-size: 0.78rem;
  line-height: 1.35;
  text-shadow: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 0.58rem;
  min-width: 0;
}

#binder-app.zbd-binder-workspace .zbd-visibility-trigger,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-status {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 0.58rem;
  min-width: 132px;
  min-height: 48px;
  padding: 0.42rem 0.62rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: #f2f7fc;
  font-size: 0.78rem;
  line-height: 1;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
}

#binder-app.zbd-binder-workspace .zbd-visibility-trigger.is-public,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-status.is-public {
  border-color: rgba(88, 166, 255, 0.34);
  background: rgba(88, 166, 255, 0.09);
}

#binder-app.zbd-binder-workspace .zbd-visibility-trigger.is-private {
  border-color: rgba(196, 207, 219, 0.18);
  background: rgba(255, 255, 255, 0.035);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-trigger__icon {
  display: inline-flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: rgba(88, 166, 255, 0.12);
  color: #8bc3ff;
  font-size: 0.9rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-trigger__copy {
  display: grid;
  gap: 0.18rem;
  min-width: 0;
  text-align: left;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-trigger__label {
  color: rgba(199, 211, 224, 0.5);
  font-size: 0.56rem;
  font-weight: 820;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#binder-app.zbd-binder-workspace .zbd-visibility-trigger .zbd-trigger-state-text,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-visibility-status strong {
  color: #f7fbff;
  font-size: 0.78rem;
  font-weight: 780;
}

#binder-app.zbd-binder-workspace .zbd-visibility-trigger .zbd-trigger-caret {
  margin-left: 0.1rem;
  color: rgba(216, 226, 237, 0.55);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-command-row {
  position: relative;
  /* Le tiroir fixe, son backdrop et le menu Actions doivent rejoindre la pile globale. */
  z-index: auto;
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 0 !important;
  margin-bottom: 0.86rem !important;
  padding: clamp(0.62rem, 1.3vw, 0.86rem);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-top-color: rgba(240, 185, 11, 0.38);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(180deg, rgba(12, 17, 24, 0.99), rgba(8, 12, 18, 0.99));
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26), inset 0 1px rgba(255, 255, 255, 0.025);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-command-row::after {
  content: '';
  position: absolute;
  right: clamp(1rem, 3vw, 2.8rem);
  bottom: 0;
  left: clamp(1rem, 3vw, 2.8rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240, 185, 11, 0.46), transparent);
  pointer-events: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench {
  width: 100%;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-palette {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0.58rem;
  width: 100%;
  min-height: 46px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open {
  position: relative;
  display: flex;
  flex: 1 1 360px;
  align-items: center;
  width: auto;
  min-width: 170px;
  min-height: 46px;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.055);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search:focus-within {
  border-color: rgba(88, 166, 255, 0.66);
  background: rgba(88, 166, 255, 0.07);
  box-shadow: 0 0 0 0.16rem rgba(88, 166, 255, 0.13);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search-icon {
  flex: 0 0 auto;
  margin-left: 0.78rem;
  color: rgba(197, 210, 224, 0.55);
  font-size: 0.88rem;
  pointer-events: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search .form-control,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open .form-control {
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0.5rem 0.78rem 0.5rem 0.58rem;
  border: 0;
  background: transparent;
  color: #f7fbff;
  font-size: 0.8rem;
  opacity: 1;
  box-shadow: none;
  pointer-events: auto;
  transition: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 0.42rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  min-height: 46px;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(231, 238, 246, 0.8);
  font-size: 0.74rem;
  font-weight: 780;
  line-height: 1;
  white-space: nowrap;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
  transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.075);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn.is-active,
:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn.is-open {
  border-color: rgba(240, 185, 11, 0.48);
  background: rgba(240, 185, 11, 0.1);
  color: #fff3c1;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn > i:first-child {
  color: #86bcf5;
  font-size: 0.88rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn__summary {
  color: rgba(198, 210, 224, 0.48);
  font-size: 0.61rem;
  font-weight: 690;
  letter-spacing: 0.01em;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn__caret {
  margin-left: 0.08rem;
  color: rgba(202, 214, 227, 0.48);
  font-size: 0.59rem;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-strip {
  align-items: center;
  margin: 0.58rem 0 0;
  padding: 0.46rem 0.55rem;
  border: 1px solid rgba(240, 185, 11, 0.16);
  border-radius: 9px;
  background: rgba(240, 185, 11, 0.045);
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-reset {
  min-height: 28px;
  margin-left: auto;
  padding: 0.28rem 0.48rem;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: rgba(225, 233, 242, 0.62);
  font-size: 0.65rem;
  font-weight: 740;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-reset:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-palette-search {
  display: flex;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-command-actions {
  display: none;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench.is-mode-active .zbd-workbench-mode-context {
  flex: 0 0 auto;
}

/* Actions d'un classeur public : utiles, nommées et contenues dans l'en-tête. */
#shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
  flex-direction: column;
  align-items: flex-end;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
  position: static;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.34rem;
  width: auto;
  margin: 0;
  pointer-events: auto;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-action-chip {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.34rem;
  width: auto;
  min-width: 38px;
  max-width: none;
  min-height: 36px;
  height: auto;
  padding: 0.34rem 0.58rem;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(237, 243, 249, 0.82);
  font-size: 0.7rem;
  font-weight: 740;
  opacity: 1;
  pointer-events: auto;
  box-shadow: none;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(.zbd-like-label, .zbd-copy-label, .zbd-share-label) {
  display: inline;
  font-size: 0.69rem;
  font-weight: 740;
  line-height: 1;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions {
  display: inline-flex;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-secondary-toggle {
  padding-inline: 0.5rem !important;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions #zbd-report-binder {
  position: static;
  width: 100%;
  max-width: none;
  min-height: 40px;
  padding: 0.5rem 0.62rem;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  pointer-events: auto;
}

:is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) :is(
  .zbd-command-back-btn,
  .zbd-visibility-trigger,
  .zbd-command-btn,
  .zbd-workbench-active-reset,
  .zbd-action-chip
):focus-visible {
  outline: 2px solid rgba(88, 166, 255, 0.9);
  outline-offset: 2px;
}

@media (max-width: 991.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-row {
    align-items: flex-start;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn__summary {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-row {
    flex-wrap: wrap;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    width: 100%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 767.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity {
    padding: 0.72rem;
    border-radius: 15px 15px 0 0;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-row {
    flex-wrap: wrap;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-main {
    width: 100%;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-identity-actions {
    width: 100%;
    justify-content: flex-end;
  }

  #binder-app.zbd-binder-workspace .zbd-visibility-trigger {
    min-width: 124px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-command-row {
    padding: 0.64rem;
    border-radius: 0 0 15px 15px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-collector-palette {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-palette-search.is-open {
    width: 100%;
    min-width: 0;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-binder-workbench--readonly .zbd-command-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn {
    width: 100%;
    min-width: 0;
    padding-inline: 0.42rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-more,
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-more-toggle {
    width: 100%;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-workbench-active-strip {
    align-items: flex-start;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    flex-wrap: wrap;
    align-items: stretch;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status {
    min-width: 118px;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
    flex: 1 1 auto;
  }
}

@media (max-width: 640px) {
  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    #zbd-like-toggle,
    #zbd-copy,
    #zbd-open-share-modal,
    .zbd-public-secondary-toggle
  ) {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    z-index: auto !important;
    flex-direction: row !important;
    width: auto !important;
    min-width: 38px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 38px !important;
    padding: 0.36rem 0.54rem !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    color: rgba(237, 243, 249, 0.84) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-float-hit {
    width: auto;
    height: auto;
    pointer-events: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-like-toggle #zbd-like-count {
    position: static;
    min-width: 0;
    transform: none;
    font-size: 0.69rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    #zbd-like-toggle i,
    #zbd-copy i,
    #zbd-open-share-modal i
  ) {
    color: inherit;
    font-size: 0.88rem;
    filter: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(.zbd-like-label, .zbd-copy-label, .zbd-share-label) {
    display: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions #zbd-report-binder {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.55rem !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 40px !important;
    padding: 0.5rem 0.62rem !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions #zbd-report-binder .zbd-report-label {
    display: inline !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions #zbd-report-binder i {
    color: inherit;
    font-size: 0.86rem;
    filter: none;
  }
}

@media (max-width: 419.98px) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-back-btn {
    flex-basis: 38px;
    width: 38px;
    min-height: 38px;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-deck__identity .zbd-util-title {
    font-size: 1.08rem;
  }

  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) .zbd-command-btn {
    gap: 0.3rem;
    font-size: 0.68rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
    justify-content: flex-end;
  }
}

@media (max-width: 339.98px) {
  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status {
    width: 100%;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(#binder-app.zbd-binder-workspace, #shared-binders-app.zbd-binder-workspace) :is(
    .zbd-command-back-btn,
    .zbd-palette-search,
    .zbd-command-btn
  ) {
    transition: none;
  }
}

/* Les règles de la barre de commandes sont déclarées après le panneau :
   conserver ici la hiérarchie visuelle de son action principale. */
#binder-app.zbd-binder-workspace .zbd-command-btn.zbd-command-btn--primary {
  border-color: rgba(240, 185, 11, 0.55);
  background: #173a65;
  color: #fff8dc;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 6px 18px rgba(2, 8, 18, 0.18);
}

#binder-app.zbd-binder-workspace .zbd-command-btn.zbd-command-btn--primary:hover,
#binder-app.zbd-binder-workspace .zbd-command-btn.zbd-command-btn--primary:focus-visible,
#binder-app.zbd-binder-workspace .zbd-command-btn.zbd-command-btn--primary[aria-expanded="true"] {
  border-color: rgba(255, 207, 61, 0.78);
  background: #1d4779;
  color: #ffffff;
}

#binder-app.zbd-binder-workspace .zbd-command-btn.zbd-command-btn--primary > i:first-child {
  color: #ffd45f;
}

@media (max-width: 767.98px) {
  #binder-app.zbd-binder-workspace .zbd-command-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* En-tête public sur desktop, rail social flottant sur mobile. */
#shared-binders-app.zbd-binder-workspace .zbd-command-heading-line {
  display: block;
}

#shared-binders-app.zbd-binder-workspace .zbd-visibility-status--mobile {
  display: none !important;
}

#shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.46rem;
  width: min(100%, 31rem);
  margin-left: auto;
  align-items: stretch;
  justify-items: stretch;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-status-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.46rem;
  width: 100%;
  min-width: 0;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-width: 0;
  min-height: 48px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  padding: 0.38rem 0.48rem;
  color: rgba(230, 237, 245, 0.74);
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric + .zbd-public-metric {
  border-left: 1px solid rgba(255, 255, 255, 0.08);
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric > i {
  flex: 0 0 auto;
  color: rgba(139, 195, 255, 0.76);
  font-size: 0.78rem;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy {
  display: grid;
  gap: 0.13rem;
  min-width: 0;
  line-height: 1;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy strong {
  color: #f7fbff;
  font-size: 0.78rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy > span {
  overflow: hidden;
  color: rgba(199, 211, 224, 0.5);
  font-size: 0.52rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) 40px;
  gap: 0.36rem;
  width: 100%;
  min-width: 0;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-action-chip {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  border-radius: 10px;
}

#shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-like-toggle.active {
  border-color: rgba(255, 100, 145, 0.42);
  background: rgba(255, 100, 145, 0.11);
  color: #ffdce7;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions {
  display: block;
  min-width: 0;
}

#shared-binders-app.zbd-binder-workspace .zbd-public-secondary-toggle {
  width: 100%;
  padding-inline: 0 !important;
}

#shared-binders-app.zbd-binder-workspace :is(
  .zbd-mobile-rail-stat,
  .zbd-mobile-action-count,
  .zbd-mobile-action-caption
) {
  display: none;
}

@media (max-width: 991.98px) {
  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    width: 100%;
  }
}

@media (max-width: 640px) {
  #shared-binders-app.zbd-binder-workspace {
    --zbd-public-rail-right: max(0.45rem, env(safe-area-inset-right));
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-row {
    position: relative;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-main {
    width: 100%;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-heading-line {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    min-width: 0;
    margin-bottom: 0.34rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-heading-line .zbd-command-eyebrow {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--mobile {
    display: inline-flex !important;
    min-width: 0;
    min-height: 30px;
    padding: 0.18rem 0.38rem 0.18rem 0.24rem;
    gap: 0.32rem;
    border-radius: 9px;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--mobile .zbd-visibility-trigger__icon {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    font-size: 0.72rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--mobile .zbd-visibility-trigger__label {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--mobile strong {
    font-size: 0.68rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--desktop {
    display: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    position: absolute;
    inset: 0 auto auto 0;
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    overflow: visible;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-status-row {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metrics {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
    position: fixed !important;
    right: var(--zbd-public-rail-right) !important;
    bottom: max(0.72rem, env(safe-area-inset-bottom)) !important;
    z-index: 1045 !important;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    width: 3rem !important;
    max-width: 3rem;
    margin: 0;
    padding: 0;
    pointer-events: none;
    transition: bottom 180ms ease;
  }

  #shared-binders-app.zbd-binder-workspace.has-visible-scroll-top .zbd-binder-header .zbd-public-line {
    bottom: calc(max(0.72rem, env(safe-area-inset-bottom)) + 3.1rem) !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line > :is(
    .zbd-mobile-rail-stat,
    #zbd-like-toggle,
    #zbd-copy,
    #zbd-open-share-modal,
    .zbd-public-secondary-actions
  ) {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    flex: 0 0 2.75rem;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.08rem !important;
    width: 3rem !important;
    min-width: 3rem !important;
    max-width: 3rem !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    opacity: 1 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.84);
    pointer-events: auto !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-public-secondary-toggle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.08rem !important;
    width: 3rem !important;
    min-width: 3rem !important;
    max-width: 3rem !important;
    height: 2.75rem !important;
    min-height: 2.75rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-float-hit {
    display: inline-flex;
    flex: 0 0 2rem;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    pointer-events: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-float-hit i {
    color: #ffffff !important;
    font-size: 1.28rem !important;
    line-height: 1;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.82)) !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-mobile-action-count {
    display: block !important;
    max-width: 3rem;
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: 0.59rem;
    font-weight: 820;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.01em;
    line-height: 1;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    .zbd-like-label,
    .zbd-copy-label,
    .zbd-share-label,
    .zbd-mobile-action-caption
  ) {
    display: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-like-toggle.active .zbd-float-hit i {
    color: #ff6f99 !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    .zbd-action-chip:hover,
    .zbd-action-chip:focus-visible
  ) .zbd-float-hit {
    background: rgba(7, 11, 17, 0.46);
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-secondary-actions .dropdown-menu {
    pointer-events: auto;
  }

  #shared-binders-app.zbd-binder-workspace #zbd-scroll-top-fab {
    right: calc(var(--zbd-public-rail-right) + 0.5rem);
    bottom: max(0.58rem, env(safe-area-inset-bottom));
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(7, 11, 17, 0.46);
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.82rem;
    opacity: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  }

  #shared-binders-app.zbd-binder-workspace #zbd-scroll-top-fab.is-visible {
    opacity: 0.74;
  }

  #shared-binders-app.zbd-binder-workspace #zbd-scroll-top-fab:is(:hover, :focus-visible) {
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(7, 11, 17, 0.72);
    color: #ffffff;
    opacity: 1;
  }
}

@media (max-width: 339.98px) {
  #shared-binders-app.zbd-binder-workspace {
    --zbd-public-rail-right: max(0.3rem, env(safe-area-inset-right));
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-status-row {
    display: block;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status {
    width: auto;
  }
}

@media (min-width: 641px) {
  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-row {
    flex-wrap: nowrap;
    align-items: center;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-main {
    flex: 1 1 auto;
    min-width: 0;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-command-identity-actions--public {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.24rem;
    width: auto;
    max-width: none;
    margin-left: auto;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-status-row {
    display: flex;
    align-items: center;
    gap: 0.16rem;
    width: auto;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--desktop {
    min-width: 0;
    min-height: 34px;
    padding: 0.22rem 0.46rem 0.22rem 0.3rem;
    gap: 0.32rem;
    border-radius: 9px;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--desktop .zbd-visibility-trigger__icon {
    flex-basis: 22px;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    font-size: 0.68rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--desktop .zbd-visibility-trigger__label {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-visibility-status--desktop strong {
    font-size: 0.69rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metrics {
    display: flex;
    width: auto;
    min-height: 34px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric:first-child {
    display: inline-flex;
    min-height: 34px;
    gap: 0.28rem;
    padding: 0.25rem 0.42rem;
    border: 0;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric:first-child > i {
    color: rgba(186, 212, 239, 0.72);
    font-size: 0.76rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy {
    display: block;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy strong {
    font-size: 0.69rem;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-metric__copy > span {
    display: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line {
    position: static;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.08rem;
    width: auto;
    min-width: 0;
    margin: 0 0 0 0.12rem;
    padding-left: 0.38rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-action-chip {
    position: static;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.24rem;
    width: auto;
    min-width: 34px;
    max-width: none;
    height: 34px;
    min-height: 34px;
    padding: 0.28rem 0.42rem;
    overflow: visible;
    border: 0 !important;
    border-radius: 9px;
    background: transparent !important;
    color: rgba(229, 237, 246, 0.8) !important;
    box-shadow: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(#zbd-like-toggle, #zbd-copy) {
    min-width: 44px;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-float-hit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-float-hit i,
  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-public-secondary-toggle i {
    color: inherit;
    font-size: 0.86rem;
    filter: none;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    #zbd-like-toggle .zbd-mobile-action-count,
    #zbd-copy .zbd-mobile-action-count
  ) {
    display: inline !important;
    color: #f5f8fc;
    font-size: 0.67rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line :is(
    .zbd-like-label,
    .zbd-copy-label,
    .zbd-share-label,
    .zbd-mobile-action-caption
  ) {
    display: none !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-like-toggle.active {
    background: rgba(255, 100, 145, 0.1) !important;
    color: #ff8cad !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line .zbd-action-chip:is(:hover, :focus-visible) {
    background: rgba(255, 255, 255, 0.065) !important;
    color: #ffffff !important;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-public-secondary-actions {
    display: inline-flex;
    width: 34px;
    height: 34px;
  }

  #shared-binders-app.zbd-binder-workspace .zbd-binder-header .zbd-public-line #zbd-public-secondary-toggle {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0 !important;
  }
}