@layer stockviewTheme {
    html {
        --blue:#111!important;
        --sv-primary:#111!important;
        --sv-primary-hover:#333!important;
        --sv-primary-subtle:#f3f3f3!important;
        --sv-border:#e5e5e5!important;
    }

    html[data-sv-theme="dark"] {
        --blue:#f2f2f2!important;
        --sv-primary:#f2f2f2!important;
        --sv-primary-hover:#ddd!important;
        --sv-primary-subtle:#262626!important;
        --sv-border:#363636!important;
    }

    html body :is(
        .btn:not(.btn-outline):not([class*="negative"]):not([class*="danger"]):not([class*="positive"]):not([class*="success"]):not([class*="buy"]):not([class*="sell"]),
        .sv-btn-primary,
        .sv-ref-portfolio
    ) {
        background:#111!important;
        border-color:#111!important;
        color:#fff!important;
    }

    html[data-sv-theme="dark"] body :is(
        .btn:not(.btn-outline):not([class*="negative"]):not([class*="danger"]):not([class*="positive"]):not([class*="success"]):not([class*="buy"]):not([class*="sell"]),
        .sv-btn-primary,
        .sv-ref-portfolio
    ) {
        background:#f2f2f2!important;
        border-color:#f2f2f2!important;
        color:#111!important;
    }

    html body :is(
        .sv-ref-header a:not(.sv-ref-portfolio),
        .sv-ref-more summary,
        .sv-ref-more summary span,
        .svk a,
        .svfp a,
        .svk-context-links a,
        .svf-footer a:not(.svf-button)
    ) {
        color:#111!important;
    }

    html[data-sv-theme="dark"] body :is(
        .sv-ref-header a:not(.sv-ref-portfolio),
        .sv-ref-more summary,
        .sv-ref-more summary span,
        .svk a,
        .svfp a,
        .svk-context-links a,
        .svf-footer a:not(.svf-button)
    ) {
        color:#f2f2f2!important;
    }

    html body :is(
        .sv-brand-slot img,
        .sv-header-brand-image,
        .svf-logo img
    ) {
        filter:grayscale(1)!important;
    }

    html body :focus-visible {
        outline-color:#777!important;
    }

    html body .sv-theme-toggle,
    html body .sv-theme-toggle .material-symbols-outlined {
        color:#111!important;
    }

    html[data-sv-theme="dark"] body .sv-theme-toggle,
    html[data-sv-theme="dark"] body
    .sv-theme-toggle .material-symbols-outlined {
        color:#fff!important;
    }
}
/* StockView category badge custom style v1 */
@layer stockviewTheme {
    html body .sv-exchange-category {
        display:inline-block!important;
        border:1px solid rgb(17,17,17)!important;
        border-radius:5px!important;
        padding:1px 5px!important;
        color:rgb(17,17,17)!important;
        font:600 14px/20px Arial!important;
    }
}