/* Canvas TapNow theme - floating obsidian controls: toolbar, sidebar, hover/selection toolbars, status bar. */

/* Floating obsidian controls */
.canvas-page .canvas-toolbar,
.canvas-page .canvas-status-bar {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  background: rgba(39, 39, 42, 0.92);
  box-shadow: var(--canvas-shadow-sm);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

.canvas-page .canvas-sidebar {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 32px;
  background: rgba(28, 28, 28, 0.94);
  box-shadow: var(--canvas-shadow-sm);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

.canvas-page .canvas-node-hover-toolbar,
.canvas-page .canvas-selection-toolbar {
  border-color: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(38, 38, 38, 0.82);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.42), inset 0 0.5px 0 rgba(255, 255, 255, 0.16);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.canvas-page .canvas-nav-btn,
.canvas-page .canvas-toolbar-btn,
.canvas-page .canvas-hover-btn,
.canvas-page .canvas-selection-action,
.canvas-page .canvas-status-btn,
.canvas-page .canvas-status-pill {
  border-radius: 10px;
  background: transparent;
  color: var(--canvas-text-soft);
  box-shadow: none;
  transition: color var(--canvas-motion-fast), background var(--canvas-motion-fast), border-color var(--canvas-motion-fast), box-shadow var(--canvas-motion-fast);
}

.canvas-page .canvas-node-hover-toolbar .canvas-hover-btn,
.canvas-page .canvas-selection-toolbar .canvas-selection-action {
  border-radius: 50%;
}

.canvas-page .canvas-nav-btn:hover,
.canvas-page .canvas-nav-btn.active,
.canvas-page .canvas-toolbar-btn:hover,
.canvas-page .canvas-toolbar-btn.active,
.canvas-page .canvas-hover-btn:hover,
.canvas-page .canvas-selection-action:hover,
.canvas-page .canvas-status-btn:hover,
.canvas-page .canvas-status-map-toggle:hover,
.canvas-page .canvas-status-map-toggle.active {
  background: rgba(255, 255, 255, 0.1);
  color: var(--canvas-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.canvas-page .canvas-selection-count,
.canvas-page .canvas-status-pill.is-zoom {
  background: rgba(255, 255, 255, 0.08);
  color: var(--canvas-text);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.canvas-page .canvas-selection-action.danger:hover,
.canvas-page .canvas-hover-btn.danger:hover,
.canvas-page .canvas-toolbar-btn.danger:hover {
  background: rgba(242, 125, 125, 0.16);
  color: #ffd0d0;
}

.canvas-page .canvas-toolbar-divider,
.canvas-page .canvas-annotation-divider {
  background: rgba(255, 255, 255, 0.1);
}