/* CYRIUS Orange Black Premium Skin — 2026.08.26 */

:root{
  --cy-orange:#ff7a00;
  --cy-orange-2:#ff9a24;
  --cy-orange-3:#ffc15a;
  --cy-orange-deep:#d94f00;
  --cy-black:#050403;
  --cy-black-2:#090705;
  --cy-graphite:#100d0a;

  --cy22-primary:#ff7a00!important;
  --cy22-cyan:#ffb347!important;

  --cy-premium-blue:#ff7a00!important;
  --cy-premium-blue-2:#ff9a24!important;
  --cy-premium-violet:#e65d00!important;
  --cy-premium-cyan:#ffc15a!important;
  --cy-premium-bg:#050403!important;
  --cy-premium-panel:rgba(15,12,9,.78)!important;
  --cy-premium-panel-strong:rgba(11,9,7,.94)!important;
  --cy-premium-line:rgba(255,151,55,.13)!important;
  --cy-premium-line-hover:rgba(255,151,55,.32)!important;
  --cy-premium-shadow:0 18px 58px rgba(0,0,0,.34)!important;
  --cy-premium-shadow-hover:0 28px 74px rgba(0,0,0,.45),0 0 0 1px rgba(255,132,20,.08)!important;

  --bg:#050403!important;
  --bg2:#090705!important;
  --panel:rgba(16,13,10,.88)!important;
  --panel-strong:rgba(10,8,6,.96)!important;
  --panel-hover:rgba(27,20,14,.96)!important;
  --line:rgba(255,155,64,.11)!important;
  --line-strong:rgba(255,166,79,.22)!important;
  --text:#fffaf5!important;
  --muted:#a99c90!important;
  --blue:#ff7a00!important;
  --violet:#e75c00!important;
  --cyan:#ffb347!important;
  --yellow:#ffc15a!important;
  --surface:var(--panel)!important;
  --surface-soft:rgba(255,145,35,.025)!important;
  --surface-strong:var(--panel-strong)!important;
  --surface-hover:var(--panel-hover)!important;
  --surface-border:var(--line)!important;
  --surface-border-strong:var(--line-strong)!important;
  --accent-soft:rgba(255,122,0,.09)!important;
  --accent:linear-gradient(135deg,#ff6700 0%,#ff8a00 56%,#ffb347 100%)!important;
  --cy-design-accent:#ff8200!important;
}

html:not([data-theme='light']){
  background:#050403!important;
  color-scheme:dark;
}

html:not([data-theme='light']) body,
body.cy-premium-ui:not(.cy-theme-light){
  background:
    radial-gradient(circle at 8% -10%,rgba(255,112,0,.15),transparent 31%),
    radial-gradient(circle at 96% 3%,rgba(255,166,58,.09),transparent 27%),
    radial-gradient(circle at 68% 92%,rgba(173,61,0,.065),transparent 33%),
    linear-gradient(145deg,#030302 0%,#090704 48%,#040302 100%)!important;
  color:#fffaf5!important;
}

html:not([data-theme='light']) body:before,
html:not([data-theme='light']) body.cy-page-account:before{
  background-image:
    linear-gradient(rgba(255,160,70,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,160,70,.018) 1px,transparent 1px),
    radial-gradient(circle at 18% 12%,rgba(255,122,0,.12),transparent 34%),
    radial-gradient(circle at 84% 22%,rgba(255,177,76,.055),transparent 31%)!important;
  background-size:42px 42px,42px 42px,auto,auto!important;
  opacity:.72!important;
}

/* Ambient living background */
.cy-ambient-layer{opacity:.64!important}
.cy-ambient-layer::before{
  background:radial-gradient(circle,rgba(255,122,0,.88) 0%,rgba(255,101,0,.22) 39%,transparent 71%)!important;
}
.cy-ambient-layer::after{
  background:radial-gradient(circle,rgba(255,185,87,.68) 0%,rgba(196,72,0,.14) 44%,transparent 72%)!important;
}

/* Core glass surfaces */
html:not([data-theme='light']) .side{
  background:linear-gradient(180deg,rgba(9,7,5,.96),rgba(5,4,3,.95))!important;
  border-color:rgba(255,151,55,.11)!important;
  box-shadow:18px 0 62px rgba(0,0,0,.28)!important;
}
html:not([data-theme='light']) .topx{
  background:rgba(10,8,6,.88)!important;
  border-color:rgba(255,151,55,.11)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.25)!important;
}
html:not([data-theme='light']) .cardx,
html:not([data-theme='light']) .card,
html:not([data-theme='light']) .metric-card,
html:not([data-theme='light']) .news-list,
html:not([data-theme='light']) .quick-actions,
html:not([data-theme='light']) .client-section,
html:not([data-theme='light']) .account-section,
html:not([data-theme='light']) .payment-provider-card,
html:not([data-theme='light']) .apps-platform,
html:not([data-theme='light']) .app-guide-card,
html:not([data-theme='light']) .cy-home-metric,
html:not([data-theme='light']) .cy-home-actions>a{
  background:linear-gradient(145deg,rgba(18,14,10,.93),rgba(8,7,5,.92))!important;
  border-color:rgba(255,151,55,.105)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.23)!important;
}
body.cy-premium-ui .cy-hover-card:hover,
html:not([data-theme='light']) .cardx:hover,
html:not([data-theme='light']) .metric-card:hover,
html:not([data-theme='light']) .apps-platform:hover{
  border-color:rgba(255,145,43,.25)!important;
  box-shadow:0 26px 70px rgba(0,0,0,.38),0 0 36px rgba(255,111,0,.035)!important;
}

/* Brand */
.brand:before,.brand-mark,.auth-logo-mark{
  background:linear-gradient(145deg,#ff6500,#ff8500 58%,#ffb347)!important;
  color:#160900!important;
  border-color:rgba(255,196,126,.25)!important;
  box-shadow:0 10px 30px rgba(255,105,0,.23),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.brand-title b,.brand b{color:#ff922b!important}
.brand-sub{color:#88786b!important}
.client-glow-line{
  background:linear-gradient(90deg,#ff6500,#ff9500 55%,rgba(255,193,90,.16),transparent)!important;
  box-shadow:0 0 18px rgba(255,116,0,.13)!important;
}

/* Navigation */
html:not([data-theme='light']) .navx a{color:#a99d92!important}
.navx a .nav-icon{color:#7f7369!important}
.navx a:hover{
  color:#fff8ef!important;
  background:rgba(255,122,0,.06)!important;
  border-color:rgba(255,151,55,.10)!important;
}
.navx a:hover .nav-icon{color:#ffac57!important}
.navx a.active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(255,122,0,.16),rgba(255,164,57,.035))!important;
  border-color:rgba(255,151,55,.18)!important;
  box-shadow:inset 3px 0 0 #ff8200!important;
}
.navx a.active .nav-icon{color:#ff9b35!important}

/* Header / balance */
.client-balance,.statx{
  background:linear-gradient(145deg,rgba(255,122,0,.105),rgba(91,31,0,.075))!important;
  border-color:rgba(255,151,55,.16)!important;
}
.client-balance-dot{
  background:#ff8a00!important;
  box-shadow:0 0 18px rgba(255,138,0,.72)!important;
}
.client-avatar,.client-balance-icon,.metric-icon,.news-dot,.apps-platform-icon,.cy-home-actions i{
  background:linear-gradient(145deg,rgba(255,132,12,.12),rgba(88,31,0,.08))!important;
  border-color:rgba(255,151,55,.14)!important;
  color:#ffad59!important;
}

/* Hero */
body.cy-premium-ui .cy-home-hero,
.cy-home-hero{
  background:
    radial-gradient(circle at 91% 9%,rgba(255,132,12,.19),transparent 35%),
    radial-gradient(circle at 72% 100%,rgba(255,185,87,.045),transparent 34%),
    linear-gradient(145deg,rgba(18,14,10,.96),rgba(8,7,5,.94))!important;
  border-color:rgba(255,151,55,.14)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.30),0 0 55px rgba(255,112,0,.025)!important;
}
body.cy-premium-ui .cy-home-hero::before{
  background:radial-gradient(circle,rgba(255,131,18,.15),transparent 66%)!important;
}
.cy-home-progress span,.progress-bar{
  background:linear-gradient(90deg,#ff6500,#ff9500 58%,#ffc15a)!important;
  box-shadow:0 0 16px rgba(255,126,0,.15)!important;
}
.cy-state.idle{background:rgba(255,138,0,.11)!important;color:#ffbd76!important}

/* Premium mouse glow */
body.cy-premium-ui .cy-mouse-glow::after{
  background:radial-gradient(390px circle at var(--cy-mouse-x) var(--cy-mouse-y),rgba(255,139,25,.12),rgba(255,103,0,.025) 38%,transparent 70%)!important;
}

/* Links and accents */
a,.orange,.metric-link,.news-link,.support-link,.text-primary,.text-info{
  color:#ff9d3d!important;
}
a:hover,.metric-link:hover,.news-link:hover,.support-link:hover{color:#ffc179!important}
.text-warning{color:#ffc15a!important}

/* Primary actions */
.btn-orange,.btn-warning,.btn-primary{
  background:linear-gradient(135deg,#ff6500 0%,#ff8500 55%,#ffa735 100%)!important;
  color:#160900!important;
  border:0!important;
  box-shadow:0 10px 28px rgba(255,105,0,.20),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.btn-orange:hover,.btn-warning:hover,.btn-primary:hover{
  color:#0f0600!important;
  filter:brightness(1.07) saturate(1.04)!important;
  box-shadow:0 13px 34px rgba(255,105,0,.27),inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.btn-info{
  background:linear-gradient(135deg,#ff9b2f,#ffc15a)!important;
  color:#1a0c00!important;
  border:0!important;
}
html:not([data-theme='light']) .btn-outline-light,
html:not([data-theme='light']) .btn-outline-info,
html:not([data-theme='light']) .btn-outline-secondary,
html:not([data-theme='light']) .btn-outline-warning{
  color:#cbbfb3!important;
  border-color:rgba(255,166,79,.16)!important;
  background:rgba(255,139,25,.022)!important;
}
html:not([data-theme='light']) .btn-outline-light:hover,
html:not([data-theme='light']) .btn-outline-info:hover,
html:not([data-theme='light']) .btn-outline-secondary:hover,
html:not([data-theme='light']) .btn-outline-warning:hover{
  color:#fff9f1!important;
  background:rgba(255,122,0,.075)!important;
  border-color:rgba(255,151,55,.28)!important;
}

/* Inputs */
html:not([data-theme='light']) .form-control,
html:not([data-theme='light']) .form-select,
html:not([data-theme='light']) .form-check-input,
html:not([data-theme='light']) .input-group-text{
  background:#0b0907!important;
  color:#fff7ee!important;
  border-color:rgba(255,166,79,.15)!important;
}
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:rgba(255,139,22,.68)!important;
  box-shadow:0 0 0 .19rem rgba(255,122,0,.11)!important;
}
.form-check-input:checked{background-color:#ff8200!important;border-color:#ff8200!important}

/* Tabs / pickers */
.cy-finance-tabs button.active,.cy-provider-picker button.active{
  background:rgba(255,122,0,.12)!important;
  border-color:rgba(255,151,55,.29)!important;
  color:#fff8f0!important;
}

/* Tables */
html:not([data-theme='light']) .table thead th,
html:not([data-theme='light']) .table-secondary th{
  background:#110d09!important;
  color:#aa9b8d!important;
}
.table tbody tr:hover{background:rgba(255,122,0,.035)!important}

/* Dialogs / toasts */
.cy-dialog,.cy-toast,.modal-content{
  background:linear-gradient(145deg,#120e0a,#090705)!important;
  border-color:rgba(255,151,55,.14)!important;
}

/* Apps and auth */
.auth-screen{background:#050403!important}
.auth-panel{
  background:radial-gradient(circle at 100% 0,rgba(255,122,0,.14),transparent 31%),linear-gradient(155deg,#100c08,#050403)!important;
}
.auth-visual:after{background:radial-gradient(circle at 28% 76%,rgba(255,139,20,.14),transparent 33%)!important}
.auth-card{
  background:linear-gradient(150deg,rgba(20,15,11,.95),rgba(8,6,5,.97))!important;
  border-color:rgba(255,166,79,.12)!important;
}
.auth-card-head .eyebrow{color:#ffa748!important}
.auth-points span{border-color:rgba(255,151,55,.15)!important;background:rgba(12,9,6,.64)!important}
.auth-mini-trust i{color:#ffad59!important}
.apps-hero-card{
  background:radial-gradient(circle at 92% 8%,rgba(255,132,12,.16),transparent 31%),linear-gradient(145deg,#15100b,#090705)!important;
}
.apps-platform:hover{border-color:rgba(255,151,55,.25)!important}

/* Bottom navigation */
@media(max-width:760px){
  body.cy-premium-ui .mobile-bottom-nav,
  .mobile-bottom-nav{
    background:rgba(9,7,5,.94)!important;
    border-color:rgba(255,151,55,.13)!important;
    box-shadow:0 18px 58px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,176,91,.025)!important;
  }
  body.cy-premium-ui .mobile-bottom-nav a.active,
  .mobile-bottom-nav a.active{
    background:linear-gradient(145deg,rgba(255,122,0,.18),rgba(255,175,67,.06))!important;
    color:#fff8ef!important;
  }
}

/* Theme switch itself */
html:not([data-theme='light']) .theme-toggle{
  border-color:rgba(255,151,55,.16)!important;
  background:rgba(255,122,0,.025)!important;
  color:#eadfd4!important;
}
html:not([data-theme='light']) .theme-toggle:hover{
  border-color:rgba(255,151,55,.34)!important;
  background:rgba(255,122,0,.075)!important;
}

/* Keep light mode usable, but with warm orange branding */
html[data-theme='light']{
  --cy-design-accent:#e96c00!important;
  --blue:#e96c00!important;
  --violet:#c95200!important;
  --cyan:#f59a32!important;
  --accent-soft:rgba(233,108,0,.08)!important;
}
html[data-theme='light'] body{
  background:radial-gradient(circle at 4% -8%,rgba(255,122,0,.08),transparent 31%),radial-gradient(circle at 96% 4%,rgba(255,181,76,.055),transparent 30%),#f7f5f2!important;
}
html[data-theme='light'] a{color:#c95a00!important}
html[data-theme='light'] a:hover{color:#8f3e00!important}
html[data-theme='light'] .navx a:hover{background:rgba(255,122,0,.055)!important}
html[data-theme='light'] .navx a.active{
  color:#b44d00!important;
  background:linear-gradient(90deg,rgba(255,122,0,.11),rgba(255,190,100,.035))!important;
  border-color:rgba(255,122,0,.15)!important;
  box-shadow:inset 3px 0 0 #eb6d00!important;
}
html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-orange,
html[data-theme='light'] .btn-info{
  background:linear-gradient(135deg,#e85f00,#ff8a00 58%,#f5a23f)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(203,84,0,.17)!important;
}
html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus{
  border-color:rgba(225,96,0,.56)!important;
  box-shadow:0 0 0 .19rem rgba(233,108,0,.10)!important;
}

/* CYRIUS DUAL THEME FIX V3 START */

/* Theme switch is available again. */
.client-theme-toggle,
.theme-toggle[data-theme-toggle]{
  display:inline-flex!important;
}

/* DARK ONLY: keep Orange Black Premium and suppress old blue/purple accents. */
html:not([data-theme='light']) body.cy-premium-ui .btn-primary,
html:not([data-theme='light']) body.cy-premium-ui .btn-orange,
html:not([data-theme='light']) body.cy-premium-ui .btn-warning,
html:not([data-theme='light']) body.cy-premium-ui .btn-info{
  background:linear-gradient(135deg,#ff6500 0%,#ff8500 56%,#ffad3d 100%)!important;
  border-color:rgba(255,179,91,.18)!important;
  color:#170900!important;
  box-shadow:0 10px 28px rgba(255,105,0,.22),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .cy-home-progress span{
  background:linear-gradient(90deg,#ff6500,#ff9200 58%,#ffc15a)!important;
  box-shadow:0 0 18px rgba(255,126,0,.24)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .alert-info,
html:not([data-theme='light']) body.cy-premium-ui .alert-primary{
  background:linear-gradient(135deg,rgba(255,122,0,.095),rgba(15,12,9,.90))!important;
  border-color:rgba(255,151,55,.23)!important;
  color:#f2e7dc!important;
}

html:not([data-theme='light']) body.cy-premium-ui .payment-provider-card{
  background:linear-gradient(155deg,rgba(20,15,11,.96),rgba(8,6,5,.96))!important;
  border-color:rgba(255,151,55,.12)!important;
}

html:not([data-theme='light']) body.cy-premium-ui .provider-cta,
html:not([data-theme='light']) body.cy-premium-ui .provider-cta-pally,
html:not([data-theme='light']) body.cy-premium-ui .provider-cta-anypay{
  background:linear-gradient(135deg,#ff6500,#ff8500 58%,#ffab3b)!important;
  border-color:rgba(255,173,80,.34)!important;
  color:#170900!important;
}

html:not([data-theme='light']) body.cy-premium-ui .bg-white,
html:not([data-theme='light']) body.cy-premium-ui .bg-light,
html:not([data-theme='light']) body.cy-premium-ui .text-bg-light{
  background:#100d0a!important;
  color:#fff5ea!important;
}

/* LIGHT: premium warm white + orange. */
html[data-theme='light']{
  color-scheme:light!important;
  --cy-design-accent:#e96c00!important;
  --blue:#e96c00!important;
  --violet:#c95200!important;
  --cyan:#f59a32!important;
  --accent-soft:rgba(233,108,0,.08)!important;
}

html[data-theme='light'] body{
  background:
    radial-gradient(circle at 4% -8%,rgba(255,122,0,.075),transparent 31%),
    radial-gradient(circle at 96% 4%,rgba(255,181,76,.05),transparent 30%),
    #f6f3ef!important;
}

html[data-theme='light'] .side,
html[data-theme='light'] .topx,
html[data-theme='light'] .cardx,
html[data-theme='light'] .card,
html[data-theme='light'] .metric-card,
html[data-theme='light'] .news-list,
html[data-theme='light'] .quick-actions,
html[data-theme='light'] .client-section,
html[data-theme='light'] .account-section,
html[data-theme='light'] .payment-provider-card{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(95,65,38,.12)!important;
  color:#241a12!important;
  box-shadow:0 12px 34px rgba(74,48,28,.07)!important;
}

html[data-theme='light'] .muted,
html[data-theme='light'] .text-muted{
  color:#77695f!important;
}

html[data-theme='light'] .btn-primary,
html[data-theme='light'] .btn-warning,
html[data-theme='light'] .btn-orange,
html[data-theme='light'] .btn-info{
  background:linear-gradient(135deg,#e85f00,#ff8a00 58%,#f5a23f)!important;
  border-color:rgba(215,91,0,.16)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(203,84,0,.17)!important;
}

html[data-theme='light'] .form-control,
html[data-theme='light'] .form-select,
html[data-theme='light'] .input-group-text{
  background:#fff!important;
  border-color:rgba(91,64,42,.16)!important;
  color:#241a12!important;
}

html[data-theme='light'] .form-control:focus,
html[data-theme='light'] .form-select:focus{
  border-color:rgba(225,96,0,.56)!important;
  box-shadow:0 0 0 .19rem rgba(233,108,0,.10)!important;
}

html[data-theme='light'] .navx a{
  color:#66584d!important;
}

html[data-theme='light'] .navx a:hover{
  color:#9d4300!important;
  background:rgba(255,122,0,.055)!important;
}

html[data-theme='light'] .navx a.active{
  color:#ad4a00!important;
  background:linear-gradient(90deg,rgba(255,122,0,.11),rgba(255,190,100,.035))!important;
  border-color:rgba(255,122,0,.15)!important;
  box-shadow:inset 3px 0 0 #eb6d00!important;
}

/* CYRIUS DUAL THEME FIX V3 END */