/* Premium Unified Master Dashboard CSS Frame */
.db-container * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-decoration: none; }
.db-container { display: flex; height: 100vh; background-color: #f8fafc; overflow: hidden; width: 100%; color: #334155; position: fixed; top: 0; left: 0; z-index: 99999; }

/* Fixed Sidebar Architecture Layout */
.db-sidebar { width: 260px; background: #0f172a; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; }
.db-brand { height: 64px; display: flex; align-items: center; padding: 0 24px; font-weight: 700; color: #ffffff; font-size: 18px; border-b: 1px solid #1e293b; background: #020617; text-transform: uppercase; letter-spacing: 1px; }
.db-brand i { color: #38bdf8 !important; margin-right: 12px !important; font-size: 20px !important; display: inline-block !important; }
.db-nav { padding: 24px 16px; display: flex; flex-direction: column; gap: 8px; }

/* Navigation Anchor Link Elements */
.db-container a.db-nav-btn { width: 100% !important; display: flex !important; align-items: center !important; padding: 12px 16px !important; background: transparent !important; border: none !important; color: #94a3b8 !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; text-align: left !important; transition: all 0.2s ease !important; box-shadow: none !important; margin: 0 !important; height: auto !important;}
.db-container a.db-nav-btn i { width: 24px !important; font-size: 16px !important; display: inline-block !important; margin-right: 12px !important; color: inherit !important;}
.db-container a.db-nav-btn:hover { background: #1e293b !important; color: #ffffff !important; }
.db-container a.db-nav-btn.active { background: #0284c7 !important; color: #ffffff !important; font-weight: 600 !important; }
.db-sidebar-footer { padding: 16px; background: #020617; border-top: 1px solid #1e293b; text-align: center; color: #64748b; font-size: 12px; }

/* Main Dynamic Window Right Dashboard Area */
.db-main { flex-grow: 1; display: flex; flex-direction: column; overflow-y: auto; height: 100%; }
.db-header { height: 64px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); border-bottom: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: space-between; padding: 0 32px; flex-shrink: 0; }
.db-header h1 { font-size: 20px; font-weight: 700; color: #1e293b; line-height: 64px; }
.db-status { background: #dcfce7; color: #15803d; font-size: 12px; font-weight: 600; padding: 6px 14px; border-radius: 9999px; display: flex; align-items: center; gap: 8px; height: fit-content; }
.db-status-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; display: inline-block; }
.db-content { padding: 32px; max-width: 1400px; width: 100%; margin: 0 auto; flex-grow: 1; }

/* Overview Grid Analytics Cards */
.db-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; margin-bottom: 32px; }
.db-card { background: #ffffff; padding: 24px; border-radius: 12px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.02); }
.db-card p { font-size: 11px; font-weight: 700; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px;}
.db-card h3 { font-size: 26px; font-weight: 800; color: #1e293b; }
.db-card .amber-text { color: #d97706; }
.db-chart-box { background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; padding: 24px; min-height: 240px; display: flex; align-items: center; justify-content: center; width: 100%; }
.db-svg-graph { width: 100%; max-height: 180px; margin-top: 10px; }

/* Global Standard Tables Wrappers Grid */
.orders-table-wrapper, .products-table-wrapper, .users-table-wrapper, .seo-engine-wrapper { background: #ffffff; border-radius: 12px; border: 1px solid #e2e8f0; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.02); overflow-x: auto; margin-bottom: 24px; }
.orders-title, .products-title, .users-title, .seo-engine-title { font-size: 18px; font-weight: 700; color: #1e293b; margin-bottom: 20px; }
.custom-tbl, .prod-tbl, .users-tbl { width: 100% !important; text-align: left; border-collapse: collapse !important; font-size: 14px; }
.custom-tbl th, .prod-tbl th, .users-tbl th { background: #f8fafc; padding: 14px 16px; font-weight: 600; color: #64748b; border-bottom: 2px solid #e2e8f0; }
.custom-tbl td, .prod-tbl td, .users-tbl td { padding: 14px 16px; border-bottom: 1px solid #e2e8f0; color: #334155; }
.custom-tbl tr:hover, .prod-tbl tr:hover, .users-tbl tr:hover { background: #f8fafc; }

/* Dynamic Badge Colors Status Elements */
.badge-status { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: capitalize; }
.status-completed { background: #dcfce7; color: #15803d; }
.status-processing { background: #fef3c7; color: #d97706; }
.status-cancelled { background: #fee2e2; color: #b91c1c; }
.status-pending { background: #e2e8f0; color: #475569; }

/* WooCommerce Inventory Specific Layout Flex Elements */
.prod-info-flex { display: flex; align-items: center; gap: 12px; }
.prod-img { width: 44px; height: 44px; border-radius: 8px; object-fit: cover; border: 1px solid #e2e8f0; background: #f1f5f9; }
.prod-name { font-weight: 600; color: #1e293b; }
.badge-stock { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; display: inline-block; }
.stock-instock { background: #dcfce7; color: #15803d; }
.stock-outofstock { background: #fee2e2; color: #b91c1c; }

/* Users Profile Specific Layout Flex Elements */
.user-info-flex { display: flex; align-items: center; gap: 12px; }
.user-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; border: 1px solid #e2e8f0; background: #f1f5f9; }
.user-name { font-weight: 600; color: #1e293b; }
.badge-role { padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 600; display: inline-block; }
.role-administrator { background: #fee2e2; color: #b91c1c; }
.role-shop_manager { background: #e0f2fe; color: #0369a1; }
.role-customer { background: #dcfce7; color: #15803d; }
.role-subscriber { background: #f1f5f9; color: #475569; }

/* Rank Math SEO Engine Banner Styles Mapping */
.seo-status-banner { padding: 14px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.seo-banner-success { background: #dcfce7; color: #15803d; }
.seo-banner-danger { background: #fee2e2; color: #b91c1c; }
.custom-tbl code { background: #f1f5f9; color: #0f172a; padding: 4px 8px; border-radius: 4px; font-weight: 600; font-family: monospace; font-size: 13px; }
.db-error { color: red; text-align: center; font-weight: bold; padding: 20px; }