/* Dark Mode Theme for Gift Card Store */
/* This CSS provides comprehensive dark mode styling for all pages */

:root {
    /* Dark Mode Color Palette */
    --dark-bg-primary: #0a0b0d;
    --dark-bg-secondary: #1a1b1e;
    --dark-bg-tertiary: #2d2f33;
    --dark-bg-card: #1e1f23;
    --dark-bg-elevated: #252832;
    
    /* Text Colors */
    --dark-text-primary: #ffffff;
    --dark-text-secondary: #b4b6bb;
    --dark-text-muted: #8b8e95;
    --dark-text-accent: #667eea;
    
    /* Border Colors */
    --dark-border-primary: #3a3d42;
    --dark-border-secondary: #2a2d32;
    --dark-border-accent: #667eea;
    
    /* Gradient Colors */
    --dark-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    --dark-gradient-secondary: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    --dark-gradient-card: linear-gradient(145deg, #1e1f23 0%, #252832 100%);
    
    /* Shadow Colors */
    --dark-shadow-primary: 0 8px 32px rgba(0, 0, 0, 0.4);
    --dark-shadow-elevated: 0 12px 40px rgba(0, 0, 0, 0.6);
    --dark-shadow-accent: 0 8px 25px rgba(102, 126, 234, 0.3);
}

/* Dark Mode Base Styles */
.dark-mode {
    background: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode body {
    background: var(--dark-bg-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Store Page Dark Mode */
.dark-mode .header {
    background: var(--dark-gradient-primary) !important;
}

.dark-mode .main-content {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .product-card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .product-card:hover {
    background: var(--dark-bg-elevated) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
    border-color: var(--dark-border-accent) !important;
}

.dark-mode .product-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .product-description {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .product-price {
    color: var(--dark-text-accent) !important;
}

/* Cart Dark Mode */
.dark-mode .cart-sidebar {
    background: var(--dark-bg-secondary) !important;
    border-left: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .cart-header {
    background: var(--dark-gradient-primary) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .cart-item {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .cart-item-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .cart-item-price {
    color: var(--dark-text-accent) !important;
}

.dark-mode .cart-total {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-accent) !important;
    color: var(--dark-text-primary) !important;
}

/* Admin Panel Dark Mode */
.dark-mode .admin-container {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .sidebar {
    background: var(--dark-bg-secondary) !important;
    border-right: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .sidebar-header {
    background: var(--dark-gradient-primary) !important;
}

.dark-mode .sidebar-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .sidebar-subtitle {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .nav-item {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .nav-item:hover {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .nav-item.active {
    background: var(--dark-gradient-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .main-content-admin {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .content-header {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .content-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .content-subtitle {
    color: var(--dark-text-secondary) !important;
}

/* Admin specific elements */
.dark-mode .admin-header {
    background: var(--dark-bg-card) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .admin-nav {
    background: var(--dark-bg-secondary) !important;
}

.dark-mode .admin-nav .nav-link {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .admin-nav .nav-link:hover,
.dark-mode .admin-nav .nav-link.active {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .admin-content {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .admin-section {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .admin-section h2,
.dark-mode .admin-section h3,
.dark-mode .admin-section h4 {
    color: var(--dark-text-primary) !important;
}

.dark-mode .admin-section p,
.dark-mode .admin-section span,
.dark-mode .admin-section div {
    color: var(--dark-text-secondary) !important;
}

/* Activity and history sections */
.dark-mode .activity-section,
.dark-mode .recent-activity,
.dark-mode .activity-card,
.dark-mode .history-section {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .activity-item,
.dark-mode .history-item {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

.dark-mode .activity-item:hover,
.dark-mode .history-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

.dark-mode .activity-title,
.dark-mode .activity-user {
    color: var(--dark-text-primary) !important;
}

.dark-mode .activity-time,
.dark-mode .activity-details {
    color: var(--dark-text-muted) !important;
}

/* Stats Cards Dark Mode */
.dark-mode .stats-grid {
    gap: 1.5rem;
}

.dark-mode .stat-card,
.dark-mode .dashboard-card,
.dark-mode .metric-card {
    background: var(--dark-gradient-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .stat-card:hover,
.dark-mode .dashboard-card:hover,
.dark-mode .metric-card:hover {
    box-shadow: var(--dark-shadow-elevated) !important;
    border-color: var(--dark-border-accent) !important;
}

.dark-mode .stat-value,
.dark-mode .card-value,
.dark-mode .metric-value {
    color: var(--dark-text-primary) !important;
}

.dark-mode .stat-label,
.dark-mode .card-label,
.dark-mode .metric-label {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .stat-icon,
.dark-mode .card-icon,
.dark-mode .metric-icon {
    color: var(--dark-text-accent) !important;
}

/* Dashboard components */
.dark-mode .dashboard-grid,
.dark-mode .metrics-grid {
    background: transparent !important;
}

.dark-mode .dashboard-section {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    border-radius: 12px !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .section-header {
    background: var(--dark-bg-elevated) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Tables Dark Mode */
.dark-mode .table-container {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .table {
    background: transparent !important;
}

.dark-mode .table thead th {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
    border-bottom: 2px solid var(--dark-border-accent) !important;
}

.dark-mode .table tbody tr {
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .table tbody tr:hover {
    background: var(--dark-bg-elevated) !important;
}

.dark-mode .table tbody td {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

/* Forms Dark Mode */
.dark-mode .form-group label {
    color: var(--dark-text-primary) !important;
}

.dark-mode .form-control {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .form-control:focus {
    background: var(--dark-bg-elevated) !important;
    border-color: var(--dark-border-accent) !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2) !important;
}

.dark-mode .form-select {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Buttons Dark Mode */
.dark-mode .btn {
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .btn-primary {
    background: var(--dark-gradient-primary) !important;
    border: none !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .btn-secondary {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-secondary) !important;
}

.dark-mode .btn-secondary:hover {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .btn-danger {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%) !important;
    border: none !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .btn-success {
    background: linear-gradient(135deg, #38a169 0%, #2f855a 100%) !important;
    border: none !important;
    color: var(--dark-text-primary) !important;
}

/* Modal Dark Mode */
.dark-mode .modal-content {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
}

.dark-mode .modal-header {
    background: var(--dark-gradient-primary) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .modal-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .modal-body {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .modal-footer {
    background: var(--dark-bg-elevated) !important;
    border-top: 1px solid var(--dark-border-primary) !important;
}

/* Universal Menu Dark Mode */
.dark-mode .universal-nav-bar {
    background: var(--dark-gradient-primary) !important;
}

.dark-mode .universal-menu {
    background: var(--dark-bg-secondary) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
}

.dark-mode .universal-menu-header {
    background: var(--dark-gradient-primary) !important;
}

.dark-mode .universal-menu-item {
    color: var(--dark-text-secondary) !important;
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .universal-menu-item:hover {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .universal-menu-item.active {
    background: var(--dark-gradient-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .universal-menu-user {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .universal-menu-user-name {
    color: var(--dark-text-primary) !important;
}

.dark-mode .universal-menu-user-email {
    color: var(--dark-text-secondary) !important;
}

/* Dashboard Dark Mode */
.dark-mode .mobile-container {
    background: var(--dark-bg-card) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
}

.dark-mode .nav-card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .nav-card:hover {
    background: var(--dark-bg-elevated) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
}

.dark-mode .nav-card-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .nav-card-desc {
    color: var(--dark-text-secondary) !important;
}

/* Order History Dark Mode */
.dark-mode .orders-container {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .order-card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .order-header {
    color: var(--dark-text-primary) !important;
}

.dark-mode .order-id {
    color: var(--dark-text-accent) !important;
}

.dark-mode .order-status {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .gift-card-item {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-secondary) !important;
}

/* Messages Dark Mode */
.dark-mode .messages-container {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .messages-header {
    background: var(--dark-gradient-primary) !important;
}

.dark-mode .message-card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .message-card:hover {
    background: var(--dark-bg-elevated) !important;
    box-shadow: var(--dark-shadow-elevated) !important;
}

.dark-mode .message-subject {
    color: var(--dark-text-primary) !important;
}

.dark-mode .message-content {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .message-meta {
    color: var(--dark-text-muted) !important;
}

/* Mobile Cards Dark Mode */
.dark-mode .mobile-card,
.dark-mode .user-card,
.dark-mode .admin-card {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    box-shadow: var(--dark-shadow-primary) !important;
}

.dark-mode .mobile-card-header,
.dark-mode .user-card-header,
.dark-mode .admin-card-header {
    background: var(--dark-bg-elevated) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .mobile-card-title,
.dark-mode .user-card-title,
.dark-mode .admin-card-title {
    color: var(--dark-text-primary) !important;
}

.dark-mode .mobile-card-subtitle,
.dark-mode .user-card-subtitle,
.dark-mode .admin-card-subtitle {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .mobile-card-body,
.dark-mode .user-card-body,
.dark-mode .admin-card-body {
    color: var(--dark-text-secondary) !important;
}

/* User management specific */
.dark-mode .user-list,
.dark-mode .user-table,
.dark-mode .management-table {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .user-row,
.dark-mode .management-row {
    border-bottom: 1px solid var(--dark-border-secondary) !important;
}

.dark-mode .user-row:hover,
.dark-mode .management-row:hover {
    background: var(--dark-bg-elevated) !important;
}

.dark-mode .user-info,
.dark-mode .user-details {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .user-name,
.dark-mode .user-email {
    color: var(--dark-text-primary) !important;
}

/* Content areas */
.dark-mode .content-area,
.dark-mode .main-panel,
.dark-mode .admin-panel {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .content-wrapper,
.dark-mode .panel-wrapper {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

/* Generic white background overrides */
.dark-mode [style*="background: white"],
.dark-mode [style*="background-color: white"],
.dark-mode [style*="background: #fff"],
.dark-mode [style*="background-color: #fff"],
.dark-mode [style*="background: #ffffff"],
.dark-mode [style*="background-color: #ffffff"] {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

/* Force dark mode on all common elements */
.dark-mode * {
    color: inherit !important;
}

.dark-mode .container,
.dark-mode .wrapper,
.dark-mode .section,
.dark-mode .card,
.dark-mode .panel,
.dark-mode .box {
    background: var(--dark-bg-card) !important;
    border-color: var(--dark-border-primary) !important;
}

/* Admin panel comprehensive coverage */
.dark-mode #app,
.dark-mode #main,
.dark-mode #content,
.dark-mode .app,
.dark-mode .main,
.dark-mode .content {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .admin-dashboard,
.dark-mode .dashboard-container,
.dark-mode .admin-container {
    background: var(--dark-bg-primary) !important;
}

.dark-mode .widget,
.dark-mode .component,
.dark-mode .module {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

/* Specific admin elements from screenshot */
.dark-mode .recent-activity,
.dark-mode .activity-feed,
.dark-mode .activity-list {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .activity-header,
.dark-mode .section-title {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .activity-entry,
.dark-mode .log-entry,
.dark-mode .entry-item {
    background: var(--dark-bg-elevated) !important;
    border-bottom: 1px solid var(--dark-border-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

.dark-mode .activity-entry:hover,
.dark-mode .log-entry:hover,
.dark-mode .entry-item:hover {
    background: var(--dark-bg-tertiary) !important;
}

.dark-mode .entry-title,
.dark-mode .entry-user,
.dark-mode .entry-action {
    color: var(--dark-text-primary) !important;
}

.dark-mode .entry-time,
.dark-mode .entry-date,
.dark-mode .entry-details {
    color: var(--dark-text-muted) !important;
}

/* User registration/login entries */
.dark-mode .user-registration,
.dark-mode .user-login,
.dark-mode .user-activity {
    background: var(--dark-bg-elevated) !important;
    border: 1px solid var(--dark-border-secondary) !important;
}

/* Text elements */
.dark-mode h1, .dark-mode h2, .dark-mode h3, 
.dark-mode h4, .dark-mode h5, .dark-mode h6 {
    color: var(--dark-text-primary) !important;
}

.dark-mode p, .dark-mode span, .dark-mode div:not(.icon) {
    color: var(--dark-text-secondary) !important;
}

.dark-mode small, .dark-mode .text-muted, .dark-mode .text-secondary {
    color: var(--dark-text-muted) !important;
}

/* Lists and items */
.dark-mode ul, .dark-mode ol, .dark-mode li {
    color: var(--dark-text-secondary) !important;
}

.dark-mode .list-group-item {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-secondary) !important;
    color: var(--dark-text-secondary) !important;
}

.dark-mode .list-group-item:hover {
    background: var(--dark-bg-elevated) !important;
}

/* Navigation tabs */
.dark-mode .nav-tabs {
    border-bottom: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .nav-tabs .nav-link {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-secondary) !important;
}

.dark-mode .nav-tabs .nav-link.active {
    background: var(--dark-bg-elevated) !important;
    border-color: var(--dark-border-accent) !important;
    color: var(--dark-text-primary) !important;
}

/* Tab content */
.dark-mode .tab-content {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .tab-pane {
    background: var(--dark-bg-card) !important;
    color: var(--dark-text-primary) !important;
}

/* Badges and Status Dark Mode */
.dark-mode .badge {
    background: var(--dark-bg-elevated) !important;
    color: var(--dark-text-primary) !important;
    border: 1px solid var(--dark-border-primary) !important;
}

.dark-mode .badge-success {
    background: linear-gradient(135deg, #38a169 0%, #2f855a 100%) !important;
}

.dark-mode .badge-warning {
    background: linear-gradient(135deg, #d69e2e 0%, #b7791f 100%) !important;
}

.dark-mode .badge-danger {
    background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%) !important;
}

.dark-mode .badge-info {
    background: linear-gradient(135deg, #3182ce 0%, #2b77cb 100%) !important;
}

/* Loading States Dark Mode */
.dark-mode .loading-spinner {
    border-color: var(--dark-border-primary) !important;
    border-top-color: var(--dark-text-accent) !important;
}

.dark-mode .loading-text {
    color: var(--dark-text-secondary) !important;
}

/* Alerts Dark Mode */
.dark-mode .alert {
    background: var(--dark-bg-card) !important;
    border: 1px solid var(--dark-border-primary) !important;
    color: var(--dark-text-primary) !important;
}

.dark-mode .alert-success {
    background: rgba(56, 161, 105, 0.2) !important;
    border-color: #38a169 !important;
    color: #68d391 !important;
}

.dark-mode .alert-warning {
    background: rgba(214, 158, 46, 0.2) !important;
    border-color: #d69e2e !important;
    color: #fbb462 !important;
}

.dark-mode .alert-danger {
    background: rgba(229, 62, 62, 0.2) !important;
    border-color: #e53e3e !important;
    color: #fc8181 !important;
}

.dark-mode .alert-info {
    background: rgba(49, 130, 206, 0.2) !important;
    border-color: #3182ce !important;
    color: #63b3ed !important;
}

/* Scrollbar Dark Mode */
.dark-mode ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark-mode ::-webkit-scrollbar-track {
    background: var(--dark-bg-secondary);
}

.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--dark-border-primary);
    border-radius: 4px;
}

.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: var(--dark-border-accent);
}

/* Animation and Transitions */
.dark-mode * {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
}

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background: var(--dark-gradient-primary);
    border: none;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    color: white;
    font-size: 1.3rem;
    cursor: pointer;
    box-shadow: var(--dark-shadow-primary);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark-mode-toggle:hover {
    transform: scale(1.1);
    box-shadow: var(--dark-shadow-elevated);
}

.dark-mode-toggle:active {
    transform: scale(0.95);
}

/* Dark Mode Toggle Button - Removed (now only available in menu) */

/* Print Mode - Light colors for printing */
@media print {
    .dark-mode {
        background: white !important;
        color: black !important;
    }
    
    .dark-mode * {
        background: white !important;
        color: black !important;
        border-color: #ccc !important;
    }
    
    .dark-mode-toggle {
        display: none !important;
    }
}