/* AIMS Shell Overrides - aims.aog-solutions.com */

/* Hide "Logged in as" bar */
.kn-info-bar {
  display: none !important;
}

/* Make Knack background transparent */
#knack-dist_2, .kn-page, .kn-scene, .kn-content, .kn-section {
  background: transparent !important;
}

/* ---- NAVIGATION BAR ---- */
#kn-app-header,
.kn-navigation-bar {
  background: #1e2433 !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.kn-navigation-bar ul {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kn-navigation-bar li {
  position: relative !important;
  border: none !important;
  background: none !important;
  margin: 0 !important;
}

.kn-navigation-bar > ul > li > a,
.kn-navigation-bar a {
  font-family: "PT Sans", sans-serif !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #a0aec0 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 0.85rem 1.25rem !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s !important;
  box-shadow: none !important;
}

.kn-navigation-bar > ul > li > a:hover,
.kn-navigation-bar a:hover {
  color: #ff8200 !important;
  background: rgba(255,130,0,0.05) !important;
  border-bottom: 2px solid #ff8200 !important;
  box-shadow: none !important;
}

.kn-navigation-bar a.active,
.kn-navigation-bar li.active > a {
  color: #ffffff !important;
  border-bottom: 2px solid #ff8200 !important;
}

/* Dropdown menus */
.kn-navigation-bar ul ul,
.kn-dropdown-menu,
.kn-dropdown-menu-list,
ul.kn-dropdown-menu-list {
  background: #232936 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
  padding: 0.5rem !important;
  margin-top: 0 !important;
}

.kn-navigation-bar ul ul li,
.kn-dropdown-menu li,
.kn-dropdown-menu-list li {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.kn-navigation-bar ul ul a,
.kn-dropdown-menu a,
.kn-dropdown-menu-list a {
  text-transform: none !important;
  font-size: 0.8125rem !important;
  font-weight: 400 !important;
  padding: 0.5rem 1rem !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 6px !important;
  color: #a0aec0 !important;
  background: transparent !important;
}

.kn-navigation-bar ul ul a:hover,
.kn-dropdown-menu a:hover,
.kn-dropdown-menu-list a:hover {
  background: rgba(255,130,0,0.1) !important;
  color: #ff8200 !important;
  border: none !important;
  border-bottom: none !important;
}

/* Hide sub-menu arrows */
.kn-navigation-bar li::after,
.kn-navigation-bar li > a::after {
  display: none !important;
}

/* ---- FORM INPUTS (dark theme) ---- */
.kn-input input, .kn-input select, .kn-input textarea, .input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

.kn-input input:focus, .kn-input select:focus, .kn-input textarea:focus, .input:focus {
  border-color: #ff8200 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,130,0,0.15) !important;
}

/* ---- TEXT COLORS ---- */
h1, h2, h3, h4, .kn-label, .kn-detail-label, label {
  color: #e2e8f0 !important;
}

.kn-description, .kn-detail-body, p {
  color: #a0aec0 !important;
}

/* ---- TABLE STYLING ---- */
.kn-table-wrapper {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.kn-table th {
  background: #1e2433 !important;
  color: #a0aec0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.kn-table td {
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  color: #e2e8f0 !important;
}

.kn-table tr:nth-child(even) {
  background: rgba(255,255,255,0.02) !important;
}

.kn-table tr:hover {
  background: rgba(255,130,0,0.05) !important;
}

/* ---- LINKS ---- */
tbody a, tbody a:visited, .kn-details a:link {
  color: #ff8200 !important;
}

tbody a:hover, .kn-details a:hover {
  color: #ff9a33 !important;
}

th a, th a:visited {
  color: #a0aec0 !important;
}

th a:hover {
  color: #ff8200 !important;
}

/* ---- BUTTONS ---- */
.kn-button {
  background: rgba(255,255,255,0.08) !important;
  color: #ff8200 !important;
  border: 1px solid rgba(255,130,0,0.3) !important;
  border-radius: 6px !important;
  transition: all 0.2s !important;
}

.kn-button:hover {
  background: rgba(255,130,0,0.1) !important;
  border-color: #ff8200 !important;
}

.kn-button.is-primary {
  background: #ff8200 !important;
  color: white !important;
  border-color: #ff8200 !important;
}

.kn-button.is-primary:hover {
  background: #e67600 !important;
}

/* ---- BREADCRUMBS ---- */
.kn-crumbtrail a {
  color: #ff8200 !important;
}

/* ---- CHARTS ---- */
.kn-report {
  background: rgba(255,255,255,0.03) !important;
  border-radius: 8px !important;
  padding: 1rem !important;
}

/* ---- SEARCH / FILTERS ---- */
.kn-search input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
}

.kn-filters li {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ---- MODALS ---- */
.kn-modal .modal-card {
  background: #232936 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.kn-modal .modal-card-head {
  background: #1e2433 !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.kn-modal .modal-card-title {
  color: #e2e8f0 !important;
}