/*
 * Artist AMP Portal - Dashboard Dark Theme Fix
 */

/* Logo in sidebar - orange background */
.sidebar-logo-container {
    background-color: #FF6B35 !important;
    padding: 25px 20px !important;
    text-align: center !important;
    margin: 0 !important;
}

.sidebar-logo {
    max-width: 160px !important;
    width: 85% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Remove logo from header */
.header-logo {
    display: none !important;
}

.header-left {
    display: none !important;
}

/* Align logo with header */
.sidebar {
    padding-top: 0 !important;
}

/* Remove gap between logo and nav */
.nav-menu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.nav-item:first-child {
    margin-top: 0 !important;
}

/* Sidebar text - LIGHT GRAY and bigger */
.nav-item a {
    font-size: 16px !important;
    color: #B5BAC1 !important;
}

.nav-section-header {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #B5BAC1 !important;
}

/* Widget cards - dark theme */
.widget {
    background-color: #313338 !important;
    border: 1px solid #3F4147 !important;
}

/* ALL WIDGET TEXT - ORANGE */
.widget-title,
.widget-main-value,
.widget-sub-value,
.widget * {
    color: #FF6B35 !important;
}

/* API status card */
.api-status-card {
    background-color: #313338 !important;
    border: 1px solid #3F4147 !important;
}

.status-content,
.status-content h3,
.status-content * {
    color: #FF6B35 !important;
}

/* Blog feed items */
.feed-item {
    background-color: #313338 !important;
    border: 1px solid #3F4147 !important;
}

.item-title {
    color: #FF6B35 !important;
}

.blog-feed h2 {
    color: #FF6B35 !important;
}

.blog-feed {
    background-color: transparent !important;
}

/* Page backgrounds */
.page-content {
    background-color: #2B2D31 !important;
}

.main-content {
    background-color: #2B2D31 !important;
}

/* Welcome text */
.welcome-text {
    color: #B5BAC1 !important;
}

.user-name {
    color: #FFFFFF !important;
}

/* Header actions (Settings & Sign Out) */
.header-actions {
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    margin-left: 20px !important;
}

.header-actions a {
    color: #B5BAC1 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    padding: 8px 15px !important;
    border-radius: 5px !important;
    transition: all 0.3s ease !important;
}

.header-actions a:hover {
    background-color: #3F4147 !important;
    color: #FFFFFF !important;
}

/* Adjust header-right to accommodate new links */
.header-right {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Line chart background - light gray */
canvas,
.chart-container,
[id*="chart"],
.widget canvas {
    background-color: #E8E8E8 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

/* Settings icon - square button */
.header-actions a[href*="account-settings"] {
    padding: 10px 10px !important;
    border-radius: 6px !important;
    background-color: #3F4147 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.header-actions a[href*="account-settings"]:hover {
    background-color: #4F5157 !important;
}