/* Product navigation only: no account or permission behavior. */
.workspace-top{flex-wrap:wrap;gap:16px}
.workspace-top .pm-product-switch{display:flex;align-items:center;gap:12px;margin-right:auto}
.workspace-top .pm-product-switch a{display:flex;align-items:center;justify-content:center;min-width:140px;min-height:44px;padding:10px 18px;border:1px solid #dce5f5;border-radius:7px;color:#896a32;background:#fff;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}
.workspace-top .pm-product-switch a.pm-product-current{background:#edf3ff;border-color:#b8ceff;font-weight:600}
.workspace-top .pm-product-switch a:hover{background:#e5eeff}
.workspace-top .pm-product-switch a:focus-visible{outline:2px solid #896a32;outline-offset:3px}
@media(max-width:700px){.workspace-top .pm-product-switch{order:3;width:100%;margin:0;gap:8px}.workspace-top .pm-product-switch a{flex:1;min-width:0;padding:10px 12px}}

/* Keep product links legible when the shared dark theme overrides anchors. */
.workspace-top .pm-product-switch a,.workspace-top .pm-product-switch a:visited{color:#896a32!important;background:#fffdf7!important;border-color:#d8cebc!important}
.workspace-top .pm-product-switch a.pm-product-current{color:#715326!important;background:#eae2d2!important;border-color:#baa579!important}
.workspace-top .pm-product-switch a:hover{color:#715326!important;background:#eae2d2!important}

html[data-theme] .workspace-top .pm-product-switch a{color:#896a32!important}
html[data-theme] .workspace-top .pm-product-switch a.pm-product-current{color:#715326!important}
html[data-theme="dark"] .workspace-top .pm-product-switch a{color:#d8bd82!important;background:#1c1c19!important;border-color:#655b43!important}
html[data-theme="dark"] .workspace-top .pm-product-switch a.pm-product-current{color:#fffdf7!important;background:#302e26!important;border-color:#d8bd82!important}
html[data-theme="dark"] .workspace-top .pm-product-switch a:hover{color:#fffdf7!important;background:#403a2c!important}

.telegram-bubble{position:fixed;right:22px;bottom:24px;width:52px;height:52px;border-radius:50%;background:#229ed9;display:grid;place-items:center;z-index:40;box-shadow:0 5px 16px #0003}.telegram-bubble svg{width:29px;height:29px;color:white}

/* Compact administration: scoped away from customer and public pages. */
html[data-theme] body.admin-regular {--admin-blue:#356cb0;--admin-green:#26734d;--admin-purple:#7755ad;--admin-amber:#946922;font-size:13px}
html[data-theme] body.admin-regular h1{font-size:30px!important;margin:0 0 8px!important;line-height:1.2}
html[data-theme] body.admin-regular h2{font-size:20px!important;margin:0 0 6px}
html[data-theme] body.admin-regular h3{font-size:16px}
html[data-theme] body.admin-regular :is(.card,.panel){margin-bottom:14px;border-radius:10px}
html[data-theme] body.admin-regular :is(.card-head,.panel-head){padding:12px 16px!important;background:color-mix(in srgb,var(--admin-blue) 5%,transparent);border-bottom:1px solid var(--border,#d8cebc)}
html[data-theme] body.admin-regular :is(.card-body,.panel-body){padding:16px!important}
html[data-theme] body.admin-regular :is(.toolbar,.settings-section){padding:12px 16px!important}
html[data-theme] body.admin-regular :is(.grid,.metrics,.two-col){gap:12px}
html[data-theme] body.admin-regular .stack{gap:10px}
html[data-theme] body.admin-regular :is(button,input,select,textarea){font-size:13px}
html[data-theme] body.admin-regular :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:36px;padding:7px 10px}
html[data-theme] body.admin-regular :is(td,th){padding:8px 10px;font-size:12px}
html[data-theme] body.admin-regular :is(.workspace-head,.section-heading){margin-bottom:16px;gap:12px}
html[data-theme] body.admin-regular :is(.metrics,.customer-metrics) > :nth-child(4n+1){border-top:3px solid var(--admin-blue)}
html[data-theme] body.admin-regular :is(.metrics,.customer-metrics) > :nth-child(4n+2){border-top:3px solid var(--admin-green)}
html[data-theme] body.admin-regular :is(.metrics,.customer-metrics) > :nth-child(4n+3){border-top:3px solid var(--admin-purple)}
html[data-theme] body.admin-regular :is(.metrics,.customer-metrics) > :nth-child(4n+4){border-top:3px solid var(--admin-amber)}
html[data-theme] body.admin-regular .referral-admin-form :is(.referral-reward-group,.referral-field-grid){gap:12px;padding:12px}
@media(max-width:700px){html[data-theme] body.admin-regular h1{font-size:26px!important}html[data-theme] body.admin-regular :is(button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}html[data-theme] body.admin-regular :is(.card-body,.panel-body){padding:12px!important}}

html[data-theme] body.admin-regular .workspace{padding:20px 3%}
html[data-theme] body.admin-regular .workspace-top{padding:10px 0;margin-bottom:20px;gap:12px}
html[data-theme] body.admin-regular .sidebar{padding:20px 16px}
html[data-theme] body.admin-regular .side-link{padding:8px 10px;min-height:36px;font-size:13px}

html[data-theme] body.admin-regular .ops-metrics{gap:12px;margin-bottom:14px}
html[data-theme] body.admin-regular :is(.ops-metrics article,.stat){padding:14px;border-top:3px solid var(--admin-blue)}
html[data-theme] body.admin-regular :is(.ops-metrics article,.stat):nth-child(4n+2){border-top-color:var(--admin-green)}
html[data-theme] body.admin-regular :is(.ops-metrics article,.stat):nth-child(4n+3){border-top-color:var(--admin-purple)}
html[data-theme] body.admin-regular :is(.ops-metrics article,.stat):nth-child(4n+4){border-top-color:var(--admin-amber)}
html[data-theme] body.admin-regular :is(.ops-metrics,.stat) strong{font-size:26px;margin-top:6px}
html[data-theme] body.admin-regular #license-form{gap:12px}
html[data-theme] body.admin-regular #license-form :is(.license-top,.license-permissions,.form-grid){gap:12px}
html[data-theme] body.admin-regular #license-form .license-section{padding:12px}
html[data-theme=dark] body.admin-regular{--admin-blue:#8cb8ff;--admin-green:#83d3a5;--admin-purple:#c5afff;--admin-amber:#e6bf76}
html[data-theme] body.admin-regular .workspace{margin-block:0}html[data-theme] body.admin-regular .workspace-head{padding:16px 0 12px;margin-bottom:0}html[data-theme] body.admin-regular .workspace-top{min-height:54px;margin-bottom:0}

/* Native checkbox behavior with a compact ON/OFF switch presentation. */
html[data-theme] body.admin-regular input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;position:relative;display:inline-block;box-sizing:border-box;width:60px!important;min-width:60px!important;max-width:60px!important;height:28px!important;min-height:28px!important;flex:0 0 60px!important;padding:0!important;margin:0;vertical-align:middle;border:1px solid #777d83!important;border-radius:99px!important;background:#656c74!important;cursor:pointer;transition:background-color .16s,border-color .16s}
html[data-theme] body.admin-regular input[type="checkbox"]::before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .16s}
html[data-theme] body.admin-regular input[type="checkbox"]::after{content:"OFF";position:absolute;right:5px;top:0;font:700 9px/26px Arial,sans-serif;color:#fff;letter-spacing:0}
html[data-theme] body.admin-regular input[type="checkbox"]:checked{background:#24764d!important;border-color:#24764d!important}
html[data-theme] body.admin-regular input[type="checkbox"]:checked::before{transform:translateX(32px)}
html[data-theme] body.admin-regular input[type="checkbox"]:checked::after{content:"ON";right:auto;left:7px}
html[data-theme] body.admin-regular input[type="checkbox"]:focus-visible{outline:3px solid #438bdd!important;outline-offset:3px}
html[data-theme] body.admin-regular input[type="checkbox"]:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:reduce){html[data-theme] body.admin-regular input[type="checkbox"],html[data-theme] body.admin-regular input[type="checkbox"]::before{transition:none}}
@media(forced-colors:active){html[data-theme] body.admin-regular input[type="checkbox"]{appearance:auto!important;-webkit-appearance:auto!important}html[data-theme] body.admin-regular input[type="checkbox"]::before,html[data-theme] body.admin-regular input[type="checkbox"]::after{display:none}}

/* Compact customer workspace, isolated from administration and public pages. */
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell){--user-blue:#356cb0;--user-green:#26734d;--user-purple:#7755ad;--user-amber:#946922}
html[data-theme=dark] body.customer-design:not(.admin-regular):has(.app-shell){--user-blue:#8cb8ff;--user-green:#83d3a5;--user-purple:#c5afff;--user-amber:#e6bf76}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) h1{font-size:30px!important;line-height:1.2!important;margin:0 0 8px!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) h2{font-size:20px!important;line-height:1.3;margin:0 0 8px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) h3{font-size:15px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) p{font-size:14px!important;line-height:1.5!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.card,.panel){margin-bottom:14px;border-radius:10px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.card-head,.panel-head){padding:12px 16px!important;background:color-mix(in srgb,var(--user-blue) 6%,transparent)}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.card-body,.panel-body){padding:16px!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.grid,.metrics,.two-col,.account-grid,.account-summary){gap:12px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .stack{gap:10px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(button,.btn,.button,input,select,textarea){font-size:14px!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(button,.btn,.button,input:not([type=checkbox]):not([type=radio]),select){min-height:38px;padding:8px 12px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(td,th){padding:9px 12px;font-size:13px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric,.account-summary .account-panel,.customer-metrics .card){border-top:3px solid var(--user-blue)!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric,.account-summary .account-panel,.customer-metrics .card):nth-child(4n+2){border-top-color:var(--user-green)!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric,.account-summary .account-panel,.customer-metrics .card):nth-child(4n+3){border-top-color:var(--user-purple)!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric,.account-summary .account-panel,.customer-metrics .card):nth-child(4n+4){border-top-color:var(--user-amber)!important}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric){padding:16px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.stat,.metric) strong{font-size:26px!important;line-height:1.3}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-overview{gap:12px;margin-top:16px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-overview .account-panel{padding:16px;border-radius:10px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-value{font-size:23px;margin:6px 0}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-alert{border-left-color:var(--user-blue);padding:12px 14px;background:color-mix(in srgb,var(--user-blue) 5%,var(--panel,#fffdf7))}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-enabled{color:var(--user-green)}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-panel :is(button,.button){margin-top:12px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.product-plan,.settings-section){padding:16px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .mobile-menu-bar{padding:8px 14px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .mobile-menu-brand{font-size:23px}
@media(max-width:700px){html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) h1{font-size:26px!important}html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(button,.btn,.button,input:not([type=checkbox]):not([type=radio]),select){min-height:44px}html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) :is(.card-body,.panel-body){padding:14px!important}html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-overview .account-panel{padding:14px}html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .account-value{font-size:21px}}

html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .workspace{padding:0 3% 24px;margin-block:0}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .workspace-top{min-height:58px;padding:10px 0;gap:12px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .workspace-head{padding:20px 0 16px;gap:12px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .workspace-head p{margin-top:6px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .sidebar{padding:22px 16px}
html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .side-link{padding:9px 12px;font-size:13px;min-height:38px}
@media(max-width:700px){html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .workspace{padding:0 14px 20px}html[data-theme] body.customer-design:not(.admin-regular):has(.app-shell) .side-link{min-height:44px}}

:root[data-theme] body.customer-design:not(.admin-regular) .workspace .workspace-head h1{font-size:30px!important;line-height:1.2!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid{gap:12px!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div{padding:14px 16px!important;border-top:3px solid var(--user-blue)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(2){border-top-color:var(--user-green)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(3){border-top-color:var(--user-purple)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(4){border-top-color:var(--user-amber)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid strong{font-size:24px!important;line-height:1.3!important;margin:6px 0!important}
@media(max-width:700px){:root[data-theme] body.customer-design:not(.admin-regular) .workspace .workspace-head h1{font-size:26px!important}}

@layer palette {
:root[data-theme] body.customer-design:not(.admin-regular) .workspace .workspace-head h1{font-size:30px!important;line-height:1.2!important;margin:0 0 8px!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div{padding:14px 16px!important;border-top:3px solid var(--user-blue)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(2){border-top-color:var(--user-green)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(3){border-top-color:var(--user-purple)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid>div:nth-child(4){border-top-color:var(--user-amber)!important}
:root[data-theme] body.customer-design:not(.admin-regular) .customer-stat-grid strong{font-size:24px!important;line-height:1.3!important;margin:6px 0!important}
:root[data-theme] body.customer-design:not(.admin-regular) :is(.panel-head,.card-head){background:color-mix(in srgb,var(--user-blue) 6%,var(--surface))!important}
@media(max-width:700px){:root[data-theme] body.customer-design:not(.admin-regular) .workspace .workspace-head h1{font-size:26px!important}}
}

/* Row selection uses native checkboxes, including the mixed select-all state. */
html[data-theme] body.admin-regular .cm-table input[type=checkbox]{appearance:auto!important;-webkit-appearance:auto!important;display:inline-block;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px!important;padding:0!important;margin:0;position:static;border:initial!important;border-radius:initial!important;background:initial!important;accent-color:#896a32;vertical-align:middle;transition:none}
html[data-theme] body.admin-regular .cm-table input[type=checkbox]::before,html[data-theme] body.admin-regular .cm-table input[type=checkbox]::after{content:none!important;display:none!important}

/* Match the palette layer so theme input colors cannot hide switch states. */
@layer palette {
:root[data-theme] body.admin-regular input[type=checkbox]:not(.cm-table input){background:#656c74!important;border-color:#656c74!important}
:root[data-theme] body.admin-regular input[type=checkbox]:not(.cm-table input):checked{background:#24764d!important;border-color:#24764d!important}
:root[data-theme] body.admin-regular input[type=checkbox]:not(.cm-table input)::before{background:#fff!important}
:root[data-theme] body.admin-regular input[type=checkbox]:not(.cm-table input)::after{color:#fff!important;font-weight:700!important}
}

html[data-theme] body.admin-regular .pm-wallet-adjust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;border:0;padding:0;margin:0;min-width:0}html[data-theme] body.admin-regular .pm-wallet-adjust>strong,html[data-theme] body.admin-regular .pm-wallet-adjust>.note{grid-column:1/-1;margin:0}html[data-theme] body.admin-regular .pm-wallet-adjust>legend{padding:0 0 8px;font-size:16px}html[data-theme] body.admin-regular .pm-wallet-adjust button{justify-self:start} @media(max-width:560px){html[data-theme] body.admin-regular .pm-wallet-adjust{grid-template-columns:1fr}}