/**
 * Phase 1 — shared control-plane shell: sticky action slot + context drawer.
 * Loaded by control_plane_skeleton.html (manager /super/*, Studio on manager, system config hub).
 */
.cp-sticky-action-bar {
  position: sticky;
  bottom: 0;
  z-index: 1020;
  margin-top: auto;
  padding: 0.75rem 0 0;
  background: linear-gradient(
    180deg,
    rgba(11, 14, 20, 0) 0%,
    var(--cp-bg, var(--cp-ink-canvas)) 28%
  );
  border-top: 1px solid rgba(125, 152, 187, 0.22);
}

/* Studio OS bottom bar (preview / publish) — sticks inside control-plane main column */
.cp-main-col .cp-studio-sticky-actions.studio-os-bottom-bar {
  position: sticky;
  bottom: 0;
  z-index: 1015;
  margin-top: 1rem;
  padding: 0.65rem 0.85rem;
  border-radius: var(--radius-md, 0.5rem);
  background: rgba(8, 16, 30, 0.92); /* off-token-allow: rgba-decorative */
  border: 1px solid rgba(125, 152, 187, 0.25); /* off-token-allow: rgba-decorative */
  backdrop-filter: blur(8px);
}

.cp-context-drawer-toggle {
  z-index: 1030;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}

.offcanvas.cp-context-drawer {
  --bs-offcanvas-width: min(22rem, 92vw);
  background: var(--cp-panel-bg, rgba(8, 16, 30, 0.98));
  color: var(--text-tertiary, var(--color-base-100, var(--color-base-100)));
  border-left: 1px solid rgba(125, 152, 187, 0.25);
}

.offcanvas.cp-context-drawer .offcanvas-header {
  border-bottom: 1px solid rgba(125, 152, 187, 0.2);
}

.offcanvas.cp-context-drawer .list-unstyled a {
  color: var(--text-tertiary, var(--color-base-200, var(--color-base-200)));
}

/* Manager /admin/: sticky action slot — hidden when block is empty */
#admin-manager-sticky-slot:empty {
  display: none !important;
}

#admin-manager-sticky-slot:not(:empty) {
  position: sticky;
  bottom: 0;
  z-index: 1010;
  margin-top: auto;
  padding: 0.65rem 1rem;
  background: rgba(26, 22, 18, 0.95); /* off-token-allow: always-dark-warm-bg */
  border-top: 1px solid rgba(125, 152, 187, 0.22);
  backdrop-filter: blur(8px);
}