/* IOChannel Admin Theme - Custom Colors */
:root {
    --ioc-bg-dark: #0d1117;
    --ioc-bg-darker: #010409;
    --ioc-primary: #238636;
    --ioc-primary-hover: #2ea043;
    --ioc-accent: #ffa500;
    --ioc-secondary: #1f6feb;
    --ioc-text: #c9d1d9;
    --ioc-text-muted: #8b949e;
    --ioc-border: #30363d;
    --ioc-input-bg: #161b22;
    --ioc-error: #f85149;
}

/* Override PatternFly colors for admin console */
.pf-v5-c-page {
    --pf-v5-c-page--BackgroundColor: var(--ioc-bg-dark);
    background-color: var(--ioc-bg-dark) !important;
}

.pf-v5-c-masthead {
    background-color: var(--ioc-bg-darker) !important;
    border-bottom: 1px solid var(--ioc-border);
}

.pf-v5-c-page__sidebar {
    background-color: var(--ioc-bg-darker) !important;
    border-right: 1px solid var(--ioc-border);
}

.pf-v5-c-page__main-section {
    background-color: var(--ioc-bg-dark) !important;
}

/* Nav */
.pf-v5-c-nav__link {
    color: var(--ioc-text) !important;
}

.pf-v5-c-nav__link:hover {
    color: var(--ioc-accent) !important;
    background-color: rgba(255, 165, 0, 0.1) !important;
}

.pf-v5-c-nav__link.pf-m-current {
    background-color: rgba(31, 111, 235, 0.2) !important;
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-nav__section-title {
    color: var(--ioc-text-muted) !important;
}

/* Cards */
.pf-v5-c-card {
    background-color: var(--ioc-bg-darker) !important;
    border: 1px solid var(--ioc-border);
    border-radius: 6px;
}

.pf-v5-c-card__title {
    color: var(--ioc-text) !important;
}

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

/* Tables */
.pf-v5-c-table {
    --pf-v5-c-table--BackgroundColor: var(--ioc-bg-darker);
}

.pf-v5-c-table th {
    background-color: var(--ioc-bg-dark) !important;
    color: var(--ioc-text-muted) !important;
    border-color: var(--ioc-border) !important;
}

.pf-v5-c-table td {
    color: var(--ioc-text) !important;
    border-color: var(--ioc-border) !important;
}

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

/* Form elements */
.pf-v5-c-form-control {
    background-color: var(--ioc-input-bg) !important;
    border-color: var(--ioc-border) !important;
    color: var(--ioc-text) !important;
}

.pf-v5-c-form-control:focus {
    border-color: var(--ioc-accent) !important;
    box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.25) !important;
}

.pf-v5-c-form__label-text {
    color: var(--ioc-text) !important;
}

/* Select */
.pf-v5-c-select__toggle {
    background-color: var(--ioc-input-bg) !important;
    border-color: var(--ioc-border) !important;
    color: var(--ioc-text) !important;
}

.pf-v5-c-select__menu {
    background-color: var(--ioc-bg-darker) !important;
    border-color: var(--ioc-border) !important;
}

.pf-v5-c-select__menu-item {
    color: var(--ioc-text) !important;
}

.pf-v5-c-select__menu-item:hover {
    background-color: rgba(255, 165, 0, 0.1) !important;
}

/* Buttons */
.pf-v5-c-button.pf-m-primary {
    background-color: var(--ioc-primary) !important;
    border-color: var(--ioc-primary) !important;
    color: #ffffff !important;
}

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

.pf-v5-c-button.pf-m-secondary {
    background-color: transparent !important;
    border-color: var(--ioc-secondary) !important;
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-button.pf-m-danger {
    background-color: var(--ioc-error) !important;
    border-color: var(--ioc-error) !important;
}

.pf-v5-c-button.pf-m-link {
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-button.pf-m-link:hover {
    color: var(--ioc-accent) !important;
}

/* Links */
a {
    color: var(--ioc-secondary);
}

a:hover {
    color: var(--ioc-accent);
}

/* Title */
.pf-v5-c-title {
    color: var(--ioc-text) !important;
}

/* Tabs */
.pf-v5-c-tabs__link {
    color: var(--ioc-text) !important;
}

.pf-v5-c-tabs__link:hover {
    color: var(--ioc-accent) !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after {
    border-bottom-color: var(--ioc-secondary) !important;
}

/* Breadcrumb */
.pf-v5-c-breadcrumb__link {
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-breadcrumb__link:hover {
    color: var(--ioc-accent) !important;
}

.pf-v5-c-breadcrumb__item-divider {
    color: var(--ioc-text-muted) !important;
}

/* Modal */
.pf-v5-c-modal-box {
    background-color: var(--ioc-bg-darker) !important;
    border: 1px solid var(--ioc-border);
}

.pf-v5-c-modal-box__title {
    color: var(--ioc-text) !important;
}

.pf-v5-c-modal-box__body {
    color: var(--ioc-text) !important;
}

/* Badges */
.pf-v5-c-badge {
    background-color: var(--ioc-secondary) !important;
}

.pf-v5-c-badge.pf-m-read {
    background-color: var(--ioc-border) !important;
    color: var(--ioc-text) !important;
}

/* Switch */
.pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle {
    background-color: var(--ioc-primary) !important;
}

/* Alerts */
.pf-v5-c-alert {
    background-color: var(--ioc-bg-darker) !important;
}

.pf-v5-c-alert.pf-m-success {
    border-left-color: var(--ioc-primary) !important;
}

.pf-v5-c-alert.pf-m-danger {
    border-left-color: var(--ioc-error) !important;
}

.pf-v5-c-alert.pf-m-warning {
    border-left-color: var(--ioc-accent) !important;
}

.pf-v5-c-alert.pf-m-info {
    border-left-color: var(--ioc-secondary) !important;
}

/* Empty state */
.pf-v5-c-empty-state {
    color: var(--ioc-text) !important;
}

.pf-v5-c-empty-state__icon {
    color: var(--ioc-text-muted) !important;
}

/* Chip */
.pf-v5-c-chip {
    background-color: var(--ioc-input-bg) !important;
    border-color: var(--ioc-border) !important;
    color: var(--ioc-text) !important;
}

/* Label */
.pf-v5-c-label {
    background-color: rgba(31, 111, 235, 0.2) !important;
    color: var(--ioc-secondary) !important;
}

.pf-v5-c-label.pf-m-green {
    background-color: rgba(35, 134, 54, 0.2) !important;
    color: var(--ioc-primary) !important;
}

/* Dropdown */
.pf-v5-c-dropdown__menu {
    background-color: var(--ioc-bg-darker) !important;
    border-color: var(--ioc-border) !important;
}

.pf-v5-c-dropdown__menu-item {
    color: var(--ioc-text) !important;
}

.pf-v5-c-dropdown__menu-item:hover {
    background-color: rgba(255, 165, 0, 0.1) !important;
}

/* Toolbar */
.pf-v5-c-toolbar {
    background-color: transparent !important;
}

/* Pagination */
.pf-v5-c-pagination {
    color: var(--ioc-text) !important;
}

.pf-v5-c-options-menu__toggle {
    color: var(--ioc-text) !important;
}
