/* Shared Side Tab Styles */

/* Base tab styling - shared by all tabs */
.side-tab {
  position: fixed;
  right: 0;
  padding: 16px 10px;
  height: 160px;
  width: 40px;
  border-radius: 8px 0 0 8px;
  cursor: pointer;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transition: padding 0.3s ease, background 0.3s ease;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: white;
}

.side-tab:hover {
  padding-left: 16px;
}

.side-tab svg {
  transform: rotate(90deg);
}

/* Specific tab positions and colors */
.search-tab {
  top: 220px;
  background: var(--link-color, #1976d2);
}

.search-tab:hover {
  background: var(--link-hover, #1565c0);
}

.ezra-tab {
  top: 380px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.ezra-tab:hover {
  background: linear-gradient(135deg, #5a6fd6 0%, #6a4291 100%);
}

.summary-tab {
  top: 540px;
  background: #800020;
  color: white;
}

.summary-tab:hover {
  background: #6b0018;
}

/* Panel visibility - keep tabs visible when panels are open */
/* Tabs remain visible at right edge */

/* Responsive */
@media (max-width: 768px) {
  .side-tab {
    width: 36px;
    min-height: 80px;
    padding: 12px 8px;
    font-size: 12px;
  }
}

/* Dark mode support */
[data-theme="dark"] .search-tab {
  background: #1565c0;
}

[data-theme="dark"] .search-tab:hover {
  background: #0d47a1;
}

[data-theme="dark"] .ezra-tab {
  background: linear-gradient(135deg, #5a6fd6 0%, #6a4291 100%);
}

[data-theme="dark"] .summary-tab {
  background: #6b0018;
  color: white;
}

[data-theme="dark"] .summary-tab:hover {
  background: #5a0015;
}