/**
 * Filename: ofni-navigator.css
 * Description: Styles for the navigation sidebar
 * Author: David McElroy
 * Copyright (c) 2026 Ofni, LLC and David McElroy. All rights reserved.
 * 
 * PROPRIETARY AND CONFIDENTIAL
 * This software contains proprietary and confidential information of Ofni, LLC.
 * Unauthorized copying, distribution, or use is strictly prohibited.
 * 
 * Dependencies:
 * - global.css
 * 
 * Version History:
 * v1.0.0 - 2026-01-23 - Initial creation
 */

.ofni-navigator {
  width: 100%;
  min-width: 60px;
  max-width: var(--nav-expanded-width, 240px);
  height: 100%;
  background: white;
  border-right: 1px solid var(--border-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-width 0.5s ease;
}

.ofni-navigator:not(.expanded):not(.mode-pinned) {
  max-width: 60px;
}

.nav-header {
  padding: 12px;
  border-bottom: 1px solid var(--border-color);
}

.pin-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 4px;
}

.nav-items {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
}

.nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}

.nav-item:hover {
  background: var(--hover-bg);
}

.nav-icon {
  font-size: 20px;
  min-width: 24px;
}

.nav-label {
  font-size: 14px;
  opacity: 0;
  transition: opacity 0.5s;
  white-space: nowrap;
}

.ofni-navigator.expanded .nav-label {
  opacity: 1;
}