/**
 * Admin Force Visible CSS
 *
 * This CSS forcefully ensures all admin panels and components are visible
 * across all modules, overriding any accidental hiding.
 */

/* Force all admin tabs to be visible */
.nav-item[role="presentation"] #admin-tab,
.nav-item[role="presentation"] #admin-tab-nav,
.admin-only-tab,
.admin-tab,
.last-tab {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

/* Force all admin tab panes to be visible when active */
.tab-pane#admin-tab-pane,
.tab-pane#admin-tab-pane.active,
.tab-pane#admin-tab-pane.show,
.tab-pane#admin-tab-pane.show.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* Force all admin panel content to be visible */
.admin-dashboard,
.admin-content,
.admin-navigation,
.admin-panel,
.admin-controls,
.admin-settings {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force all admin tables to be visible */
.admin-dashboard table,
.admin-content table,
.admin-panel table,
table#connectedDevicesTable,
table.admin-table {
    display: table !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

/* Force all table elements to display properly */
.admin-dashboard table thead,
.admin-content table thead,
.admin-panel table thead,
table#connectedDevicesTable thead,
table.admin-table thead {
    display: table-header-group !important;
}

.admin-dashboard table tbody,
.admin-content table tbody,
.admin-panel table tbody,
table#connectedDevicesTable tbody,
table.admin-table tbody {
    display: table-row-group !important;
}

.admin-dashboard table tr,
.admin-content table tr,
.admin-panel table tr,
table#connectedDevicesTable tr,
table.admin-table tr {
    display: table-row !important;
}

.admin-dashboard table th,
.admin-content table th,
.admin-panel table th,
table#connectedDevicesTable th,
table.admin-table th,
.admin-dashboard table td,
.admin-content table td,
.admin-panel table td,
table#connectedDevicesTable td,
table.admin-table td {
    display: table-cell !important;
    padding: 0.75rem !important;
}

/* Force all buttons to be visible */
.admin-dashboard button,
.admin-content button,
.admin-panel button,
.admin-controls button,
.device-actions button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for row display in admin panels */
.admin-dashboard .row,
.admin-content .row,
.admin-panel .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Fix for form controls */
.admin-dashboard input,
.admin-content input,
.admin-panel input,
.admin-dashboard select,
.admin-content select,
.admin-panel select,
.admin-dashboard textarea,
.admin-content textarea,
.admin-panel textarea {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
}

/* Fix for card displays */
.admin-dashboard .card,
.admin-content .card,
.admin-panel .card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 1rem !important;
}

.admin-dashboard .card-header,
.admin-content .card-header,
.admin-panel .card-header {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-dashboard .card-body,
.admin-content .card-body,
.admin-panel .card-body {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 1.25rem !important;
}

/* Fix for stat cards */
.admin-stat-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 1.25rem !important;
    margin-bottom: 1rem !important;
}

/* Fix for tabs in admin panel */
.admin-dashboard .nav,
.admin-content .nav,
.admin-panel .nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-dashboard .nav-item,
.admin-content .nav-item,
.admin-panel .nav-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-dashboard .nav-link,
.admin-content .nav-link,
.admin-panel .nav-link {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for tab content */
.admin-dashboard .tab-content,
.admin-content .tab-content,
.admin-panel .tab-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-dashboard .tab-pane.active,
.admin-content .tab-pane.active,
.admin-panel .tab-pane.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for list groups */
.admin-dashboard .list-group,
.admin-content .list-group,
.admin-panel .list-group {
    display: flex !important;
    flex-direction: column !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.admin-dashboard .list-group-item,
.admin-content .list-group-item,
.admin-panel .list-group-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix specific admin sections */
#kitchenAdminContent,
#environmentAdminContent,
#wellnessAdminContent,
#marketplaceAdminContent,
#wardrobeAdminContent {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Specific modules admin tabs */
li.nav-item[role="presentation"] #admin-tab {
    display: block !important;
    visibility: visible !important;
}

/* Fix for admin navigation */
#adminTabStructure,
#adminControlPanels,
#adminControlTabs,
#adminControlTabContent {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for specific admin panels */
#admin-dashboard-panel,
#admin-mdm-panel,
#admin-data-panel,
#admin-fields-panel,
#admin-users-panel,
#admin-system-panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Special case for environment connected devices table */
#connectedDevicesTable,
#connectedDevicesTable tbody,
#connectedDevicesTable tr,
#connectedDevicesTable td {
    display: table !important;
    display: table-row-group !important;
    display: table-row !important;
    display: table-cell !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for kitchen admin table */
#kitchenAdminNavigation,
#kitchenAdminContent,
#kitchenAdminDashboard,
#kitchenAdminUsers,
#kitchenAdminRecipes,
#kitchenAdminInventory,
#kitchenAdminAI,
#kitchenAdminSystem {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Fix for admin UI specific text */
.admin-dashboard h2,
.admin-dashboard h3,
.admin-dashboard h4,
.admin-dashboard h5,
.admin-dashboard h6,
.admin-content h2,
.admin-content h3,
.admin-content h4,
.admin-content h5,
.admin-content h6 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: white !important;
}

/* Fix for admin sections */
#admin-system-panel {
    display: block !important;
}

/* Make sure admin charts are visible */
.admin-dashboard .apexcharts-canvas,
.admin-content .apexcharts-canvas {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}