/* Shared Styles - Common styles used across multiple views */

/* Page Layout - Used in Characters, Locations, Projects index views */
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem; /* Match mt-3 from property overview */
  margin-bottom: var(--spacing-lg);
}

.page-header h1 {
  margin: 0;
  color: var(--color-text-secondary);
}

.page-actions {
  display: flex;
  gap: var(--spacing-sm);
}

/* Admin Navigation */
#admin-nav {
  gap: 0.5rem;
}

/* Button Styles */
.btn-with-border {
  border: 1px solid var(--border-color) !important;
}

/* Light theme specific button borders */
[data-bs-theme="light"] .btn-with-border,
body:not([data-bs-theme="dark"]) .btn-with-border {
  border-color: #dee2e6 !important;
}

/* Dark theme - maintain existing behavior */
[data-bs-theme="dark"] .btn-with-border {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .page-header {
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: flex-start;
  }
}