/* Glassmorphism Admin Theme Styles */
html,
body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   min-height: 100vh;
   font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
   background-color: #000;
   background-image: url('../../../login/resources/img/background.jpg') !important;
   background-size: cover !important;
   background-position: center !important;
   background-attachment: fixed !important;
   color: #fff !important;
}

/* Make sidebars and navbars translucent */
.pf-c-page__header,
.pf-c-page__sidebar,
.pf-c-page__sidebar-body {
   background: rgba(0, 0, 0, 0.6) !important;
   backdrop-filter: blur(10px);
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.navbar-pf-vertical {
   background: rgba(0, 0, 0, 0.6) !important;
   backdrop-filter: blur(10px);
   border-top: 2px solid #a01d4a !important;
   /* Guinda Top Bar */
}

/* Sidebar navigation */
.nav-pf-vertical,
.pf-c-nav {
   background: rgba(0, 0, 0, 0.5) !important;
   backdrop-filter: blur(10px);
}

.pf-c-nav__link {
   color: #ddd !important;
}

.pf-c-nav__link.pf-m-current,
.pf-c-nav__link:hover {
   background: rgba(160, 29, 74, 0.5) !important;
   color: white !important;
}

/* Cards & Content Areas */
.pf-c-page__main,
.container-fluid,
.pf-c-page__main-section {
   background-color: transparent !important;
}

.card-pf,
.pf-c-card {
   background: rgba(255, 255, 255, 0.1) !important;
   backdrop-filter: blur(15px);
   border: 1px solid rgba(255, 255, 255, 0.2) !important;
   border-radius: 10px !important;
   color: white !important;
   box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}

.card-pf *,
.pf-c-card * {
   color: white !important;
}

/* Text & Headings */
h1,
h2,
h3,
h4,
.pf-c-title,
.pf-c-page__main-breadcrumb *,
.pf-c-page__main-nav * {
   color: white !important;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* Buttons */
.btn-primary,
.pf-c-button.pf-m-primary {
   background: linear-gradient(135deg, #a01d4a 0%, #690f2e 100%) !important;
   border: none !important;
   color: white !important;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.btn-primary:hover,
.pf-c-button.pf-m-primary:hover {
   background: linear-gradient(135deg, #b82255 0%, #7d1237 100%) !important;
}

.btn-default,
.pf-c-button.pf-m-secondary,
.pf-c-button.pf-m-control {
   background: rgba(255, 255, 255, 0.1) !important;
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
   color: white !important;
}

.btn-default:hover,
.pf-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-control:hover {
   background: rgba(255, 255, 255, 0.2) !important;
}

/* Tables and Lists */
table,
.pf-c-table,
.table {
   background: transparent !important;
   color: white !important;
}

table th,
table td,
.pf-c-table th,
.pf-c-table td {
   border-color: rgba(255, 255, 255, 0.1) !important;
   color: white !important;
}

.pf-c-table tbody tr {
   background: rgba(255, 255, 255, 0.05) !important;
}

.pf-c-table tbody tr:hover {
   background: rgba(255, 255, 255, 0.1) !important;
}

/* Dropdowns and select */
.pf-c-dropdown__menu,
.pf-c-select__menu {
   background: rgba(0, 0, 0, 0.9) !important;
   backdrop-filter: blur(15px);
   border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.pf-c-dropdown__menu-item,
.pf-c-select__menu-item {
   color: white !important;
}

.pf-c-dropdown__menu-item:hover,
.pf-c-select__menu-item:hover {
   background: rgba(160, 29, 74, 0.5) !important;
}

/* Inputs */
input[type="text"],
input[type="password"],
.form-control,
.pf-c-form-control {
   background: rgba(0, 0, 0, 0.3) !important;
   border: 1px solid rgba(255, 255, 255, 0.3) !important;
   color: white !important;
}

input:focus,
.form-control:focus,
.pf-c-form-control:focus {
   border-color: #a01d4a !important;
   box-shadow: 0 0 5px rgba(160, 29, 74, 0.5) !important;
}

/* Badges / Labels */
.pf-c-badge {
   background-color: #a01d4a !important;
   color: white !important;
}

.pf-c-label {
   background-color: rgba(255, 255, 255, 0.2) !important;
   color: white !important;
}

/* Tabs */
.pf-c-tabs__item {
   background: transparent !important;
}

.pf-c-tabs__link {
   color: #ddd !important;
}

.pf-c-tabs__item.pf-m-current .pf-c-tabs__link {
   color: white !important;
}

.pf-c-tabs__link::after {
   border-bottom-color: #a01d4a !important;
}