/* ===================================================================
   Stock Financial Dashboard — Shared Theme Toggle Styles
   Loaded on every page that has any plugin shortcode.
   =================================================================== */

/* ── Segmented toggle group ── */
.sfd-theme-toggle {
    display: inline-flex;
    border: 1px solid rgba(48, 54, 61, 0.85);
    border-radius: 7px;
    overflow: hidden;
    background: #161b22;
    flex-shrink: 0;
}

.sfd-theme-btn {
    padding: 5px 11px;
    background: transparent;
    border: none;
    color: #6e7681;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: background .15s, color .15s;
    white-space: nowrap;
}
.sfd-theme-btn:hover {
    background: rgba(255, 255, 255, 0.07);
    color: #c9d1d9;
}
.sfd-theme-btn.sfd-theme-active {
    background: #30363d;
    color: #e6edf3;
    font-weight: 600;
}
.sfd-theme-btn + .sfd-theme-btn {
    border-left: 1px solid rgba(48, 54, 61, 0.85);
}

/* ── Light mode ── */
html[data-theme="light"] .sfd-theme-toggle {
    background: #fff;
    border-color: #d1d9e0;
}
html[data-theme="light"] .sfd-theme-btn {
    color: #57606a;
}
html[data-theme="light"] .sfd-theme-btn:hover {
    background: #f0f5ff;
    color: #1a2940;
}
html[data-theme="light"] .sfd-theme-btn.sfd-theme-active {
    background: #dde4f0;
    color: #0f172a;
    font-weight: 600;
}
html[data-theme="light"] .sfd-theme-btn + .sfd-theme-btn {
    border-color: #d1d9e0;
}