html.rkv-dark { color-scheme: dark; background: #090b12; }

.global-theme-toggle,
[data-theme-toggle],
#workspaceThemeToggle,
#themeToggle {
    display: inline-grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-items: center;
    border: 1px solid rgba(120, 85, 180, .28);
    border-radius: 11px;
    background: linear-gradient(145deg, #fffdf7, #f2ebff);
    box-shadow: 0 4px 0 rgba(64, 36, 112, .09), inset 0 1px #fff;
    color: #4f2a8c;
    font: 800 1rem/1 var(--rkv-site-font, Inter, sans-serif);
    cursor: pointer;
}

.global-theme-toggle:hover,
.global-theme-toggle:focus-visible,
[data-theme-toggle]:hover,
[data-theme-toggle]:focus-visible {
    border-color: #a47bdc;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(143, 91, 214, .16), 0 4px 0 rgba(64, 36, 112, .09);
}

.global-theme-toggle--floating {
    position: fixed;
    z-index: 1000;
    right: 18px;
    bottom: 18px;
}

html.rkv-dark .global-theme-toggle,
html.rkv-dark [data-theme-toggle],
html.rkv-dark #workspaceThemeToggle,
html.rkv-dark #themeToggle {
    border-color: #6b5523;
    background: linear-gradient(145deg, #292413, #17160f);
    box-shadow: 0 4px 0 rgba(0, 0, 0, .34), inset 0 1px rgba(255, 241, 168, .13);
    color: #ffd85a;
}

/* Shared service workspaces (UPI, Plan API, Chatbot and MyJio families). */
html.rkv-dark body.upi-body {
    --upi-ink: #f4f1df;
    --upi-muted: #aaa997;
    --upi-border: #3c3a2b;
    --upi-surface: rgba(22, 23, 27, .96);
    --upi-canvas: #0c0d11;
    --upi-success: #62d7a8;
    --upi-warning: #ffd45e;
    background: radial-gradient(circle at 90% 4%, rgba(255, 210, 72, .09), transparent 28rem), linear-gradient(135deg, #090a0d, #111319 52%, #090b10);
    color: var(--upi-ink);
}
html.rkv-dark body.upi-body .upi-sidebar { border-color: #51451f; background: linear-gradient(180deg, #282412, #171712 54%, #0f1115); box-shadow: 16px 0 36px rgba(0, 0, 0, .36); }
html.rkv-dark body.upi-body .upi-topbar,
html.rkv-dark body.upi-body .upi-panel,
html.rkv-dark body.upi-body .upi-stat-card,
html.rkv-dark body.upi-body .upi-profile-popover,
html.rkv-dark body.upi-body .service-option-strip { border-color: #37362c; background: #17191f; color: #f4f1df; box-shadow: 0 12px 28px rgba(0, 0, 0, .25); }
html.rkv-dark body.upi-body input,
html.rkv-dark body.upi-body select,
html.rkv-dark body.upi-body textarea,
html.rkv-dark body.upi-body .upi-search { border-color: #403d2c; background: #101217; color: #f4f1df; }
html.rkv-dark body.upi-body .upi-page-head h1,
html.rkv-dark body.upi-body .upi-panel-head h2,
html.rkv-dark body.upi-body .upi-panel-head h3,
html.rkv-dark body.upi-body .upi-stat-value { color: #fff7d3; }
html.rkv-dark body.upi-body .upi-button-primary,
html.rkv-dark body.upi-body .upi-nav-link.is-active { background: linear-gradient(145deg, #f2c94c, #bd8318); color: #181205; }

/* Administrator pages use the same saved preference. */
html.rkv-dark body.admin-page,
html.rkv-dark body.admin-page .admin-main,
html.rkv-dark body.admin-page .admin-content { background: #0b0d12 !important; color: #ece9dc; }
html.rkv-dark body.admin-page .admin-sidebar,
html.rkv-dark body.admin-page .admin-topbar,
html.rkv-dark body.admin-page .admin-top-navigation { border-color: #3c3828 !important; background: #14161c !important; color: #f5f1de; }
html.rkv-dark body.admin-page .admin-card,
html.rkv-dark body.admin-page .admin-form,
html.rkv-dark body.admin-page .settings-form,
html.rkv-dark body.admin-page .admin-filter,
html.rkv-dark body.admin-page .table-wrap,
html.rkv-dark body.admin-page .admin-metric,
html.rkv-dark body.admin-page .quick-links,
html.rkv-dark body.admin-page .user-directory { border-color: #37372f; background: #17191f; color: #f1eddb; box-shadow: 0 12px 28px rgba(0, 0, 0, .25); }
html.rkv-dark body.admin-page h1,
html.rkv-dark body.admin-page h2,
html.rkv-dark body.admin-page h3,
html.rkv-dark body.admin-page th,
html.rkv-dark body.admin-page strong { color: #fff6cf; }
html.rkv-dark body.admin-page p,
html.rkv-dark body.admin-page td,
html.rkv-dark body.admin-page small,
html.rkv-dark body.admin-page label { color: #b9b6a7; }
html.rkv-dark body.admin-page input,
html.rkv-dark body.admin-page select,
html.rkv-dark body.admin-page textarea { border-color: #454233; background: #0e1015; color: #f2eedc; }
html.rkv-dark body.admin-page .admin-top-menu > div,
html.rkv-dark body.admin-page .admin-top-profile-dropdown { border-color: #3d3a2b; background: #17191f; color: #f2eedc; }
html.rkv-dark body.admin-page .admin-primary { background: linear-gradient(145deg, #e4bc3f, #9b6916); color: #171105; }

/* Bootstrap-backed WhatsApp screens follow the same theme switch. */
html.rkv-dark body .fusion-appbar { border-color: #3b392e; background: #14161c; }
html.rkv-dark body .service-top-navigation { background: linear-gradient(100deg, #24200f, #111319 72%); color: #fff4c4; }

@media (max-width: 760px) {
    .global-theme-toggle--floating { right: 12px; bottom: 12px; }
}