.sb-excalidraw-container {
  /* border: 1px solid red; */
  width: 100%;
  min-width: 0; /* Allow shrinking below content size - fixes minimum width issue */
  background-color: var(--whiteboard-bg);
  flex: 1 1 auto; /* Allow it to grow and shrink as needed */
  overflow: hidden; /* Prevent horizontal overflow */
}

/* Hide bottom right library and related elements */
.excalidraw .layer-ui__wrapper__footer-right,
.excalidraw .library-icon,
.excalidraw .library-button,
.excalidraw button[data-testid*="library"],
.excalidraw [title*="Library"],
.excalidraw [aria-label*="Library"] {
  display: none !important;
}

/* Hide main hamburger menu only */
.excalidraw button[data-testid="main-menu-trigger"] {
  display: none !important;
}

/* Hide tool numbers/shortcuts under toolbar buttons */
.excalidraw .ToolIcon__keybinding {
  display: none !important;
}

/* Hide help message at bottom */
.excalidraw .help-icon,
.excalidraw .help-dialog,
.excalidraw .layer-ui__wrapper__footer-center,
.excalidraw .help-hint,
.excalidraw .help-text,
.excalidraw [data-testid="help-hint"] {
  display: none !important;
}

/* Hide zoom controls and original undo/redo buttons */
.excalidraw button[data-testid="zoom-in-button"],
.excalidraw button[data-testid="zoom-out-button"],
.excalidraw button[data-testid="reset-zoom-button"],
.excalidraw .zoom-actions,
.excalidraw .zoom-in,
.excalidraw .zoom-out,
.excalidraw .zoom-reset {
  display: none !important;
}

/* FORCE BLUE UNDO/REDO BUTTONS - HIGH SPECIFICITY */
.excalidraw .excalidraw-menu button[data-testid="undo"],
.excalidraw .excalidraw-menu button[data-testid="redo"],
.excalidraw button[data-testid="undo"],
.excalidraw button[data-testid="redo"],
div[class*="excalidraw"] button[data-testid="undo"],
div[class*="excalidraw"] button[data-testid="redo"] {
  position: fixed !important;
  top: 70px !important;
  z-index: 99999 !important;
  background: #1976d2 !important;
  background-color: #1976d2 !important;
  border: 2px solid #1976d2 !important;
  border-color: #1976d2 !important;
  border-radius: 6px !important;
  padding: 6px !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: white !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.4) !important;
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Force blue even more aggressively */
.excalidraw button[data-testid="undo"]::before,
.excalidraw button[data-testid="redo"]::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: #1976d2 !important;
  border-radius: 6px !important;
  z-index: -1 !important;
}

.excalidraw button[data-testid="undo"]:hover,
.excalidraw button[data-testid="redo"]:hover {
  background: #1565c0 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25) !important;
  transform: translateY(-1px) !important;
}

.excalidraw button[data-testid="undo"] {
  right: 70px !important; /* Positioned in top right, clear of tabs */
}

.excalidraw button[data-testid="redo"] {
  right: 25px !important; /* Next to undo button */
}

/* Style the undo/redo container to match */
.excalidraw .undo-redo-buttons,
.excalidraw .history-buttons {
  position: fixed !important;
  top: 70px !important; /* Below the tab area */
  right: 25px !important;
  z-index: 9999 !important;
  display: flex !important;
  gap: 6px !important;
  visibility: visible !important;
  opacity: 1 !important;
}



.sb-tab-bar {
    background-color: var(--sidebar-icon-strip-bg);
    border-bottom: 1px solid var(--chat-border);
    padding: 4px 16px 0px 16px;
    flex: 0 0 auto; /* Don't grow or shrink */
    width: 100%;
    min-width: 0; /* Allow shrinking */
}

.sb-tabs {
    display: flex;
    gap: 1px;
    align-items: center;
    min-width: 0; /* Allow shrinking */
}

.sb-tab {
    padding: 8px 16px;
    border: 1px solid var(--chat-border);
    border-radius: 8px 8px 0 0;
    background-color: var(--tab-bg-inactive);
    color: var(--chat-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    border-bottom: none;
    position: relative;
}

.sb-tab:hover {
    background-color: var(--chat-hover);
    color: var(--chat-text-primary);
}

.sb-tab.active {
    background-color: var(--tab-bg-active);
    color: var(--chat-text-primary);
    border-bottom: 2px solid var(--tab-bg-active);
    margin-bottom: -2px;
}

.sb-tab-add {
    padding: 8px 12px;
    border: 1px solid var(--chat-border);
    border-radius: 8px 8px 0 0;
    background-color: var(--tab-bg-inactive);
    color: var(--chat-text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 16px;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
}

.sb-tab-add:hover {
    background-color: var(--chat-hover);
    color: var(--chat-accent);
}/* Force browser refresh - Mon Jun 30 18:17:02 EDT 2025 */