/**
 * Repticart brand overrides for Knowband's seller dashboard.
 *
 * Every selector here was confirmed against the actual deployed
 * kblayout.css on this server, not guessed -- swapping Knowband's
 * default Bootstrap blue (#428BCA and its hover/shade variants) for
 * Repticart's brand green (#20ce00), consistent with the rest of the
 * site (live streams, messaging, homepage).
 *
 * !important is used throughout since we're overriding a large
 * pre-existing stylesheet we don't control the load order or exact
 * specificity of -- this guarantees the override wins regardless.
 */

:root {
    --repticart-green: #20ce00;
    --repticart-green-dark: #1ab000;
    --repticart-green-text: #06240f;
}

/* Sidebar: active menu item highlight */
.kb-active-menuitem {
    background-color: #20ce00 !important;
    border-color: #20ce00 !important;
    color: #06240f !important;
}

.kb-active-menuitem a {
    color: #06240f !important;
}

/* Sidebar: unread/count badges */
.kb-menu-badge {
    background-color: #20ce00 !important;
    border: 1px solid #1ab000 !important;
    color: #06240f !important;
}

.kb-active-menuitem .kb-menu-badge {
    background-color: #fff !important;
    border: 1px solid #1ab000 !important;
    color: #1ab000 !important;
}

/* Tabs (used across various seller dashboard sub-pages) */
.kb-tabs {
    border-bottom: 1px solid #20ce00 !important;
    border-left: 1px solid #20ce00 !important;
}

.kb-tabs li {
    border: 1px solid #20ce00 !important;
    background: #20ce00 !important;
}

.kb-tabs li.active {
    background: #fff !important;
    border-bottom: 1px solid #fff !important;
    color: #1ab000 !important;
}

.kb_tab_container {
    border: 1px solid #20ce00 !important;
}

/* Form field accents */
.kb-form .kblabel i {
    background-color: #1ab000 !important;
}

.kb-form .highlighted-form-label {
    color: #1ab000 !important;
}

.kb-inpfield,
.kb-inptexarea,
.kb-inpselect {
    border: 1px solid #20ce00 !important;
}

.kb-labeled-inpfield .inplbl,
.kb-labeled-inpfield .inplbl-r,
.kb-labeled-inpfield .inplbl-btn {
    border: 1px solid #20ce00 !important;
}

/* Primary buttons (Bootstrap .btn-primary, used throughout) */
.btn-primary {
    background-color: #20ce00 !important;
    border-color: #1ab000 !important;
    color: #06240f !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .btn-primary.dropdown-toggle {
    background-color: #1ab000 !important;
    border-color: #0d8500 !important;
    color: #fff !important;
}

/* Panel headers / links */
.kb-panel .kb-panel-header .link a {
    color: #1ab000 !important;
}

/* Modals */
.kb-modal-header {
    background-color: #20ce00 !important;
    color: #06240f !important;
}

/* ===================================================================
 * MODERNIZATION PASS
 *
 * Beyond just recoloring, the underlying look was flat/dated: sharp
 * corners, thin gray hairline borders, no depth, plain gray table
 * headers. This section adds rounded corners, soft shadows, breathing
 * room, and a cohesive brand-green palette for the stat card icons
 * (replacing the generic blue/purple/yellow/red) -- confirmed against
 * the real dashboard.tpl markup and kblayout.css, not guessed.
 * =================================================================== */

/* Page background: soft off-white instead of stark white, so white
   cards with shadows actually read as "cards" rather than blending
   into the page. */
#kb-marketplace-layout {
    background-color: #f4f8f4 !important;
}

/* Panels/cards: rounded corners + soft shadow instead of flat boxes
   with hairline borders. */
.outer-border,
.kb-panel {
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(0, 40, 10, 0.08) !important;
    background-color: #fff !important;
}

.kb-content-header {
    border-bottom: none !important;
    border-radius: 14px 14px 0 0 !important;
    background: linear-gradient(135deg, #20ce00 0%, #1ab000 100%) !important;
    padding: 16px 20px !important;
    margin-bottom: 0 !important;
}

.kb-content-header h1 {
    color: #06240f !important;
    font-weight: 800 !important;
}

/* Sidebar: more breathing room between items, rounded corners,
   smoother hover/active states instead of flat bordered blocks. */
.kb-menu-list-item {
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin-bottom: 6px !important;
    transition: background 0.15s;
}

.kb-menu-list-item:hover {
    background-color: #f0fdf4 !important;
}

.kb-active-menuitem {
    border-radius: 10px !important;
    box-shadow: 0 2px 8px rgba(32, 206, 0, 0.35) !important;
}

/* Stat cards: cohesive brand palette (was generic blue/purple/
   yellow/red) plus an actual card treatment -- background, padding,
   rounded corners, shadow -- instead of a bare icon floating on the
   page background. */
.summary-single-box {
    background: #fff;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 2px 10px rgba(0, 40, 10, 0.08);
    min-height: 50px;
}

.summary-single-box .mo_kpi_content {
    padding-left: 65px !important;
}

.summary-single-box .mo_kpi_content i.big {
    left: 0 !important;
    top: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.blue-summary i {
    background-color: #20ce00 !important;
}
.blue-summary .big-value {
    color: #1ab000 !important;
}

.purple-summary i {
    background-color: #146b2e !important;
}
.purple-summary .big-value {
    color: #146b2e !important;
}

.green-summary i {
    background-color: #0a3d1f !important;
}
.green-summary .big-value {
    color: #0a3d1f !important;
}

.yellow-summary i {
    background-color: #d4a017 !important;
}
.yellow-summary .big-value {
    color: #b8860b !important;
}

.summary-single-box .mo_kpi_content .big-title {
    color: #6b8a6b !important;
    font-weight: 600 !important;
}

.summary-single-box .mo_kpi_content .big-value {
    font-size: 1.5em !important;
    font-weight: 800 !important;
}

/* ===================================================================
 * DARK THEME
 *
 * Full dark background matching the rest of the site (live streams,
 * messaging), not just recolored cards on a white page. One real
 * limitation: the Sales Statistics chart is drawn by a JS charting
 * library with colors set in its own JS config, not CSS -- it may
 * stay light regardless of this override.
 * =================================================================== */

#kb-marketplace-layout {
    background-color: #0a120a !important;
    color: #d9f2d9 !important;
}

.outer-border,
.kb-panel,
.summary-single-box {
    background-color: #0f1a0f !important;
    color: #d9f2d9 !important;
}

.kb-menu-list-item {
    background-color: #0f1a0f !important;
    color: #d9f2d9 !important;
}

.kb-menu-list-item a {
    color: #20ce00 !important;
}

.kb-menu-list-item:hover a {
    color: #6bff4d !important;
}

.kb-menu-block li ul {
    background-color: #0f1a0f !important;
}

.kb-menu-block li ul a {
    color: #a8c8a8 !important;
}

.kb-menu-block li ul a:hover,
.kb-menu-block li ul a.smenu-other-feature-menu-active {
    color: #fff !important;
}

.summary-single-box .mo_kpi_content .big-title {
    color: #20ce00 !important;
}

/* Section headers (e.g. "Sales Statistics", "Sales Comparison") */
.kb-panel-header,
.kb-content h1,
.kb-content h2,
.kb-content h3 {
    background-color: #123a1c !important;
    color: #20ce00 !important;
}

/* The page title bar ("Dashboard") is a special case -- it sits on
   the BRIGHT green gradient header, not the darker green panel
   headers above, so bright green text on it is unreadable. Needs
   dark text instead, and this has to come after the rule above to
   win the specificity tie. */
.kb-content-header h1 {
    color: #06240f !important;
}

/* Tables */
.kb-panel table th,
.kb-content table th {
    background-color: #123a1c !important;
    color: #7ee787 !important;
    border-bottom: 2px solid #20ce00 !important;
}

.kb-panel table td,
.kb-content table td {
    color: #d9f2d9 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    background-color: transparent !important;
}

/* Form fields */
.kb-inpfield,
.kb-inptexarea,
.kb-inpselect {
    background-color: #0a120a !important;
    color: #d9f2d9 !important;
}

.kb-labeled-inpfield .inplbl,
.kb-labeled-inpfield .inplbl-r {
    background-color: #123a1c !important;
    color: #d9f2d9 !important;
}

/* Generic text elements Knowband styles dark-on-assumed-white by
   default (labels, muted text, etc.) -- deliberately excludes <span>
   since several intentionally-colored elements (stat card values,
   badges) use spans, and a blanket rule here would win the cascade
   tie and flatten them all to the same color. */
.kb-content,
.kb-content p,
.kb-content label,
.kb-content li {
    color: #d9f2d9 !important;
}