@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --pf-v5-global--primary-color--100: #F3860D !important;
  --pf-v5-global--primary-color--200: #CC5C07 !important;
  --pf-v5-global--active-color--100: #F3860D !important;
  --pf-v5-global--FontFamily--sans-serif: 'Inter', -apple-system, sans-serif !important;
  --pf-v5-global--FontFamily--heading: 'Plus Jakarta Sans', sans-serif !important;
  --pf-v5-global--FontFamily--monospace: 'JetBrains Mono', monospace !important;
}

body, html, #app, #root, .pf-v5-c-page, .pf-c-page {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
}

/* Masthead Header */
.pf-v5-c-masthead, .pf-c-masthead {
  background-color: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 12px 28px !important;
}

.pf-v5-c-masthead__brand img {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40' height='40'%3E%3Cg transform='translate(4, 4)'%3E%3Cpolygon points='16,0 32,16 16,32 0,16' fill='none' stroke='%23F3860D' stroke-width='3.5' stroke-linejoin='round'/%3E%3Cpolygon points='16,6 26,16 16,26 6,16' fill='%23F3860D' /%3E%3C/g%3E%3Ctext x='48' y='26' font-family='sans-serif' font-weight='800' font-size='20' fill='%23FFFFFF' letter-spacing='-0.5'%3EPrismatica%3C/text%3E%3C/svg%3E") !important;
  height: 32px !important;
  width: auto !important;
}

/* User Profile Toggle on Top Right */
.pf-v5-c-menu-toggle {
  background-color: #09090b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 9999px !important;
  padding: 6px 14px !important;
  color: #FFFFFF !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.pf-v5-c-menu-toggle:hover {
  border-color: rgba(243, 134, 13, 0.5) !important;
}

/* Sidebar Navigation */
.pf-v5-c-page__sidebar, .pf-c-page__sidebar, .pf-v5-c-page__sidebar-body {
  background-color: #040405 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.pf-v5-c-nav__link {
  color: #a1a1aa !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  transition: all 0.2s ease !important;
}

.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link.pf-m-current {
  color: #FFFFFF !important;
  background-color: #121215 !important;
}

.pf-v5-c-nav__link.pf-m-current::after {
  border-left: 3px solid #F3860D !important;
}

/* Main Sections & Content */
.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light {
  background-color: #000000 !important;
  color: #FFFFFF !important;
}

.pf-v5-c-title, h1, h2, h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  color: #FFFFFF !important;
  letter-spacing: -0.02em !important;
}

.pf-v5-c-content p, p {
  color: #a1a1aa !important;
  font-size: 13px !important;
}

/* Form Fields & Clean Single-Border Inputs */
.pf-v5-c-form__label-text {
  color: #e4e4e7 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.pf-v5-c-form__label-required {
  color: #F3860D !important;
}

.pf-v5-c-form-control {
  background-color: #040405 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 12px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s ease !important;
}

.pf-v5-c-form-control:focus-within {
  border-color: #F3860D !important;
  box-shadow: 0 0 0 3px rgba(243, 134, 13, 0.2) !important;
}

.pf-v5-c-form-control input {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 13px !important;
  height: 100% !important;
  width: 100% !important;
  padding: 0 14px !important;
}

.pf-v5-c-form-control.pf-m-disabled,
.pf-v5-c-form-control.pf-m-disabled input {
  background-color: #09090b !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #71717a !important;
  cursor: not-allowed !important;
}

/* Buttons */
.pf-v5-c-button.pf-m-primary {
  background-color: #F3860D !important;
  color: #000000 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-radius: 12px !important;
  height: 42px !important;
  padding: 0 22px !important;
  box-shadow: 0 4px 12px rgba(243, 134, 13, 0.25) !important;
  border: none !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background-color: #CC5C07 !important;
  transform: translateY(-1px) !important;
}

.pf-v5-c-button.pf-m-link {
  color: #a1a1aa !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.pf-v5-c-button.pf-m-link:hover {
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* Jump to Section navigation */
.pf-v5-c-jump-links__link, [class*="jump-links"] {
  color: #a1a1aa !important;
  font-size: 12px !important;
}

.pf-v5-c-jump-links__link.pf-m-current, [class*="jump-links"] a.pf-m-current {
  color: #F3860D !important;
}

/* Cards in Security & Applications */
.pf-v5-c-card, .pf-c-card {
  background-color: #09090b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  color: #FFFFFF !important;
  padding: 16px !important;
}

.pf-v5-c-data-list, .pf-v5-c-table {
  background-color: #09090b !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
}

.pf-v5-c-data-list__item {
  background-color: #09090b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.pf-v5-c-badge {
  background-color: rgba(243, 134, 13, 0.15) !important;
  color: #F3860D !important;
  border: 1px solid rgba(243, 134, 13, 0.3) !important;
  font-family: 'JetBrains Mono', monospace !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
}