/* Optima Admin Console Theme - Darker Green for Master Realm (Light Mode) */

:root {
  --optima-primary: #1b5e20;
  --optima-secondary: #0d3a0d;
  --optima-accent: #2e7d2e;
  --optima-light: #388e3c;
  --optima-lighter: #4caf50;
  --optima-dark: #0a2e0a;
  --optima-text-dark: #212121;
  --optima-text-light: #ffffff;
  --optima-bg-light: #fafafa;
  --optima-bg-white: #ffffff;
  --optima-border: #e0e0e0;
}

/* Main page - light backgrounds throughout */
.pf-c-page {
  --pf-c-page__header-BackgroundColor: var(--optima-primary) !important;
  --pf-c-page__sidebar-BackgroundColor: var(--optima-bg-white) !important;
  --pf-c-page-BackgroundColor: var(--optima-bg-light) !important;
}

/* Main content area */
.pf-c-page__main,
.pf-c-page__main-section {
  background: var(--optima-bg-light) !important;
  color: var(--optima-text-dark) !important;
}

/* Top header bar - darker green than regular realm */
.pf-c-page__header {
  background: var(--optima-primary) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Masthead/navbar */
.pf-c-masthead {
  background: var(--optima-primary) !important;
}

.pf-c-masthead__brand {
  background: transparent !important;
}

/* Sidebar - clean white with subtle border */
.pf-c-page__sidebar,
.pf-c-page__sidebar-body {
  background: var(--optima-bg-white) !important;
  border-right: 1px solid var(--optima-border) !important;
  box-shadow: 2px 0 4px rgba(0,0,0,0.05) !important;
}

/* Navigation items - clean with darker green accents */
.pf-c-nav__link {
  color: var(--optima-text-dark) !important;
  transition: all 0.2s ease !important;
}

.pf-c-nav__link:hover {
  background: rgba(27, 94, 32, 0.08) !important;
  color: var(--optima-primary) !important;
  text-decoration: none !important;
}

.pf-c-nav__link.pf-m-current,
.pf-c-nav__item.pf-m-current .pf-c-nav__link {
  background: linear-gradient(90deg, rgba(27, 94, 32, 0.12) 0%, transparent 100%) !important;
  color: var(--optima-primary) !important;
  position: relative !important;
  font-weight: 600 !important;
}

.pf-c-nav__link.pf-m-current::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: var(--optima-primary) !important;
}

/* Breadcrumb */
.pf-c-breadcrumb {
  background: var(--optima-bg-white) !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid var(--optima-border) !important;
}

.pf-c-breadcrumb__link {
  color: var(--optima-primary) !important;
}

.pf-c-breadcrumb__link:hover {
  color: var(--optima-secondary) !important;
  text-decoration: underline !important;
}

/* Tables */
.pf-c-table {
  --pf-c-table--BorderColor: var(--optima-border) !important;
  background: var(--optima-bg-white) !important;
}

.pf-c-table thead {
  background: linear-gradient(180deg, #f5f5f5 0%, #f0f0f0 100%) !important;
  border-bottom: 2px solid var(--optima-primary) !important;
}

.pf-c-table__sort.pf-m-selected {
  background: rgba(27, 94, 32, 0.05) !important;
}

.pf-c-table tbody tr:hover {
  background: rgba(27, 94, 32, 0.03) !important;
}

.pf-c-table__text {
  color: var(--optima-text-dark) !important;
}

/* Buttons - darker green variants */
.pf-c-button.pf-m-primary {
  background: var(--optima-primary) !important;
  border-color: var(--optima-primary) !important;
}

.pf-c-button.pf-m-primary:hover {
  background: var(--optima-secondary) !important;
  border-color: var(--optima-secondary) !important;
}

.pf-c-button.pf-m-secondary {
  color: var(--optima-primary) !important;
  border-color: var(--optima-primary) !important;
}

.pf-c-button.pf-m-secondary:hover {
  background: rgba(27, 94, 32, 0.1) !important;
  border-color: var(--optima-secondary) !important;
  color: var(--optima-secondary) !important;
}

/* Forms */
.pf-c-form-control {
  background: var(--optima-bg-white) !important;
  border: 1px solid var(--optima-border) !important;
  color: var(--optima-text-dark) !important;
}

.pf-c-form-control:focus {
  border-color: var(--optima-primary) !important;
  box-shadow: 0 0 0 2px rgba(27, 94, 32, 0.2) !important;
}

/* Alerts */
.pf-c-alert.pf-m-success {
  background: rgba(27, 94, 32, 0.08) !important;
  border-left: 3px solid var(--optima-primary) !important;
  color: var(--optima-text-dark) !important;
}

/* Cards */
.pf-c-card {
  background: var(--optima-bg-white) !important;
  border: 1px solid var(--optima-border) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.pf-c-card:hover {
  box-shadow: 0 4px 12px rgba(27, 94, 32, 0.1) !important;
  border-color: rgba(27, 94, 32, 0.3) !important;
}

.pf-c-card__title {
  color: var(--optima-primary) !important;
}

.pf-c-card__body {
  color: var(--optima-text-dark) !important;
}

/* Page title area */
.pf-c-page__main-section.pf-m-light {
  background: var(--optima-bg-white) !important;
  border-bottom: 1px solid var(--optima-border) !important;
}

.pf-c-page__main-section h1,
.pf-c-page__main-section h2 {
  color: var(--optima-primary) !important;
}

/* Tabs */
.pf-c-tabs__link.pf-m-current {
  color: var(--optima-primary) !important;
  border-bottom-color: var(--optima-primary) !important;
}

.pf-c-tabs__link:hover {
  color: var(--optima-secondary) !important;
}

/* Dropdown */
.pf-c-dropdown__menu {
  background: var(--optima-bg-white) !important;
  border: 1px solid var(--optima-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.pf-c-dropdown__menu-item:hover {
  background: rgba(27, 94, 32, 0.1) !important;
}

/* User dropdown in header */
.pf-c-page__header-tools-item .pf-c-button {
  color: var(--optima-text-light) !important;
}

.pf-c-page__header-tools-item .pf-c-button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Logo area */
.pf-c-brand {
  filter: brightness(1.2) !important;
}

/* Links - override default blue with darker green */
a,
.pf-c-link,
.pf-c-button.pf-m-link {
  color: var(--optima-primary) !important;
  text-decoration: none !important;
}

a:hover,
.pf-c-link:hover,
.pf-c-button.pf-m-link:hover {
  color: var(--optima-secondary) !important;
  text-decoration: underline !important;
}

a:visited {
  color: var(--optima-secondary) !important;
}

/* Text elements */
.pf-c-title,
.pf-c-content h1,
.pf-c-content h2,
.pf-c-content h3,
.pf-c-content h4,
.pf-c-content h5,
.pf-c-content h6 {
  color: var(--optima-text-dark) !important;
}

.pf-c-content {
  color: var(--optima-text-dark) !important;
}

/* Labels and badges */
.pf-c-label {
  background: rgba(27, 94, 32, 0.1) !important;
  color: var(--optima-primary) !important;
  border: 1px solid rgba(27, 94, 32, 0.3) !important;
}

.pf-c-badge {
  background: var(--optima-primary) !important;
  color: white !important;
}

/* Status indicators */
.pf-m-success {
  color: var(--optima-primary) !important;
}

.pf-m-green {
  color: var(--optima-primary) !important;
}

/* Progress bars */
.pf-c-progress__bar {
  background: var(--optima-primary) !important;
}

/* Switches */
.pf-c-switch__input:checked ~ .pf-c-switch__toggle {
  background: var(--optima-primary) !important;
}

/* Radio and checkboxes */
.pf-c-check__input:checked ~ .pf-c-check__label::before,
.pf-c-radio__input:checked ~ .pf-c-radio__label::before {
  border-color: var(--optima-primary) !important;
  background: var(--optima-primary) !important;
}

/* Pagination */
.pf-c-pagination__nav-page-select .pf-c-form-control {
  border-color: var(--optima-border) !important;
}

.pf-c-pagination__nav-page-select .pf-c-form-control:focus {
  border-color: var(--optima-primary) !important;
}

/* Modal */
.pf-c-modal-box__header {
  background: linear-gradient(180deg, var(--optima-bg-white) 0%, #f5f5f5 100%) !important;
  border-bottom: 2px solid var(--optima-primary) !important;
}

.pf-c-modal-box {
  background: var(--optima-bg-white) !important;
}

/* Tooltips */
.pf-c-tooltip__content {
  background: var(--optima-primary) !important;
  color: white !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px !important;
  height: 10px !important;
}

::-webkit-scrollbar-track {
  background: #f0f0f0 !important;
}

::-webkit-scrollbar-thumb {
  background: rgba(27, 94, 32, 0.4) !important;
  border-radius: 5px !important;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(27, 94, 32, 0.6) !important;
}