/* =====================================================================
   Trade With Prince — site-wide pink theme.
   Loaded last so it sits on top of the app's own styles. Every rule is
   scoped with "html body:not(#_)" so it also beats the app's lazy-loaded CSS.
   Trading colours that carry meaning (up/down, even/odd, profit/loss)
   are deliberately left alone.
   ===================================================================== */
:root{
  --pq-hot:#367bf7; --pq-hot2:#659af9; --pq-pink:#1258e0; --pq-rose:#184ec2;
  --pq-deep:#10326b; --pq-deeper:#07163a; --pq-night:#040e24;
  --pq-baby:#d3e1fd; --pq-blush:#f5f8ff; --pq-blush2:#e9f0fe; --pq-line:#cfdcf6;
  --pq-rg1:#fbd9c8; --pq-rg2:#e7a98f; --pq-rg3:#b76e79;
  --pq-ink:#07163a; --pq-ink2:#45587a;
  --pq-grad:linear-gradient(135deg,#367bf7 0%,#659af9 55%,#a7c5fb 100%);
  --pq-grad-deep:linear-gradient(135deg,#1a458e 0%,#10326b 45%,#07163a 100%);
  --pq-grad-rg:linear-gradient(135deg,#f7cdb8 0%,#e7a98f 45%,#b76e79 100%);
  --pq-shadow:0 10px 28px -14px rgba(18,88,224,.55);
}

/* ---------- Deriv app theme variables ---------- */
html body:not(#_).theme--light,html body:not(#_) .theme--light{
  --brand-secondary:#1258e0; --brand-red-coral:#367bf7; --brand-orange:#659af9;
  --general-section-1:#f1f5fe; --general-section-2:#f1f5fe; --general-section-3:#fff8fb; --general-section-4:#f5f8ff;
  --general-section-5:#f1f5fe; --general-section-6:#f1f5fe; --general-hover:#e4edfe; --general-active:#d3e1fd;
  --text-prominent:#07163a; --text-general:#07163a; --text-blue:#1258e0; --text-info-blue:#1258e0; --text-status-info-blue:#1258e0;
  --text-info-blue-background:#f1f5fe; --status-info:#1258e0; --transparent-info:#367bf729; --transparent-hint:#367bf714;
  --button-primary-default:#367bf7; --button-primary-hover:#1258e0; --button-primary-light-default:#367bf729;
  --button-primary-light-hover:#367bf73d; --button-tertiary-hover:#367bf714; --button-toggle-primary:#1258e0;
  --border-active:#367bf7; --fill-active:#367bf7; --border-normal:#d3def3; --border-normal-1:#d3def3; --border-normal-2:#d3def3;
  --state-hover:#e4edfe; --state-active:#d3e1fd; --border-divider:#e6eefd; --sidebar-tab:#d3e1fd;
}
html body:not(#_).theme--dark,html body:not(#_) .theme--dark{
  --brand-secondary:#659af9; --brand-red-coral:#367bf7; --brand-orange:#659af9;
  --general-main-1:#040e24; --general-main-2:#07122d; --general-section-1:#0a183a; --general-section-2:#0a183a; --general-section-3:#07122d;
  --general-hover:#12274a; --general-active:#17305a; --text-blue:#91b7fa; --text-info-blue:#91b7fa; --status-info:#91b7fa;
  --button-primary-default:#367bf7; --button-primary-hover:#1258e0; --border-active:#659af9; --fill-active:#659af9;
  --border-normal:#17305a; --border-normal-1:#17305a; --border-normal-2:#17305a; --state-hover:#12274a; --state-active:#17305a;
}
html body:not(#_),html:not(#_){background:var(--pq-blush)!important;color:var(--pq-ink)!important}
html body:not(#_).theme--light,html body:not(#_) .theme--light{--ts-blue:#367bf7;--ts-cyan:#91b7fa;--ts-grad:linear-gradient(135deg,#367bf7 0%,#659af9 55%,#91b7fa 100%);--ts-grad-hover:linear-gradient(135deg,#1258e0 0%,#367bf7 100%)}
html body:not(#_) ::selection{background:#d3e1fd;color:#07163a}

/* ---------- top header ---------- */
html body:not(#_) .app-header{background:#fff!important;border-bottom:1px solid var(--pq-line)!important;box-shadow:0 4px 18px -14px rgba(18,88,224,.6)}
html body:not(#_) .ts-logo__name{background-image:linear-gradient(90deg,#1258e0 0%,#367bf7 30%,#91b7fa 60%,#b76e79 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body:not(#_) .ts-logo__sub em,html body:not(#_) .app-header em{color:var(--pq-pink)!important}
html body:not(#_) .ts-logo:after,html body:not(#_) .ts-logo__txt:after{background:linear-gradient(90deg,var(--pq-hot),transparent)!important}
html body:not(#_) .app-header .dc-btn--primary,html body:not(#_) #db-toolbar__get-started-button,html body:not(#_) .dc-btn--primary{
  background:var(--pq-grad)!important;border-color:transparent!important;color:#fff!important;box-shadow:var(--pq-shadow)}
html body:not(#_) .dc-btn--primary .dc-btn__text,html body:not(#_) .dc-btn--primary .dc-text{color:#fff!important}
html body:not(#_) .app-header .dc-btn--secondary,html body:not(#_) .app-header .dc-btn--tertiary{color:var(--pq-pink)!important;border-color:var(--pq-pink)!important}
html body:not(#_) .app-header .dc-btn__text{color:inherit}
html body:not(#_) .app-header .dc-btn:not(.dc-btn--primary) .dc-btn__text{color:var(--pq-pink)!important}

/* ---------- main tab bar ---------- */
html body:not(#_) .dc-tabs__list--header--main__tabs,html body:not(#_) .main__tabs .dc-tabs__list--header,html body:not(#_) ul.dc-tabs__list.dc-tabs__list--top{
  background:var(--pq-grad-deep)!important;border-color:transparent!important}
html body:not(#_) .main__tabs li.dc-tabs__item,html body:not(#_) li[id^="id-"].dc-tabs__item{
  background:transparent!important;color:#e9f0fe!important;border-color:rgba(211,225,253,.14)!important}
html body:not(#_) .main__tabs li.dc-tabs__item *,html body:not(#_) li[id^="id-"].dc-tabs__item *{color:inherit!important}
html body:not(#_) .main__tabs li.dc-tabs__item svg,html body:not(#_) li[id^="id-"].dc-tabs__item svg{fill:currentColor!important}
html body:not(#_) .main__tabs li.dc-tabs__item:hover,html body:not(#_) li[id^="id-"].dc-tabs__item:hover{background:rgba(211,225,253,.12)!important}
html body:not(#_) .main__tabs li.dc-tabs__active,html body:not(#_) li[id^="id-"].dc-tabs__active{
  background:var(--pq-grad)!important;color:#fff!important;box-shadow:0 6px 18px -8px rgba(54,123,247,.9)}
html body:not(#_) .main__tabs .dc-tabs__active--bar,html body:not(#_) .dc-tabs__active-line{background:var(--pq-rg2)!important}

/* run panel tabs (Summary / Transactions / Journal) */
html body:not(#_) li[id^="db-run-panel-tab"].dc-tabs__active{background:var(--pq-grad)!important;color:#fff!important}
html body:not(#_) li[id^="db-run-panel-tab"].dc-tabs__active *{color:#fff!important}
html body:not(#_) li[id^="db-run-panel-tab"]:not(.dc-tabs__active){color:var(--pq-ink2)!important}
html body:not(#_) .summary{background-image:linear-gradient(#f1f5fe 0%,rgba(241,245,254,0) 80%)!important}

/* ---------- Run button + bottom panel ---------- */
html body:not(#_) #db-animation__run-button,html body:not(#_) .animation__run-button{background:var(--pq-grad)!important;border-color:transparent!important;box-shadow:var(--pq-shadow)}
html body:not(#_) #db-animation__stop-button,html body:not(#_) .animation__stop-button{background:var(--pq-deep)!important}
html body:not(#_) .animation__container,html body:not(#_) .run-panel__container{border-color:var(--pq-line)!important}
html body:not(#_) .app-footer__network-status-online{background:var(--pq-hot)!important}
html body:not(#_) .risk-disclaimer-btn{background:var(--pq-grad-rg)!important;color:#07163a!important;border-color:transparent!important}

/* floating AI / Quad buttons */
html body:not(#_) .aisc__fab{background:radial-gradient(circle at 32% 28%,#d3e1fd 0%,#659af9 42%,#184ec2 100%)!important;box-shadow:0 10px 26px -8px rgba(18,88,224,.75),0 0 0 6px rgba(54,123,247,.14)!important}
html body:not(#_) .aisc__fab.quad__fab{background:radial-gradient(circle at 32% 28%,#fff1e8 0%,#e7a98f 45%,#b76e79 100%)!important;box-shadow:0 10px 26px -8px rgba(183,110,121,.75),0 0 0 6px rgba(231,169,143,.18)!important}
html body:not(#_) .aisc__fab-dot{background:#fff!important;box-shadow:0 0 0 2px #367bf7}

/* ---------- Dashboard hero card ---------- */
html body:not(#_) section.fxd{background:radial-gradient(120% 80% at 50% -10%,#2357b0 0%,#10326b 45%,#07163a 100%)!important;border:1px solid rgba(211,225,253,.25)}
html body:not(#_) .fxd__dots{background-image:radial-gradient(circle,rgba(211,225,253,.9) 1.5px,transparent 2px)!important}
html body:not(#_) .fxd__h1{background:linear-gradient(90deg,#d3e1fd,#91b7fa 45%,#fbd9c8)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body:not(#_) .fxd__q,html body:not(#_) .fxd__qa,html body:not(#_) .fxd__no{color:#d3e1fd!important}
html body:not(#_) .fxd i[class=""],html body:not(#_) .fxd__eyebrow i{background:var(--pq-hot)!important}
html body:not(#_) .fxd__card{background:linear-gradient(rgba(16,51,110,.85),rgba(7,22,58,.95))!important;border-color:rgba(211,225,253,.22)!important}
html body:not(#_) .fxd__card:before,html body:not(#_) .fxd__card:after{border-color:rgba(145,183,250,.5)!important}
html body:not(#_) .fxd__card svg{color:#91b7fa!important;stroke:currentColor}
html body:not(#_) .fxd__pause{background:rgba(7,22,58,.7)!important;color:#d3e1fd!important}
html body:not(#_) .fxd u{color:#91b7fa!important}
html body:not(#_) .db-info-panel h1,html body:not(#_) .db-info-panel .dc-text,html body:not(#_) .db-info-panel__card{color:var(--pq-ink)!important}
html body:not(#_) .tab__dashboard__table__tiles,html body:not(#_) .tab__dashboard__table__images > *{border-color:var(--pq-line)!important}

/* ---------- Free Bots ---------- */
html body:not(#_) .tsb-card{border-color:var(--pq-line)!important;box-shadow:0 14px 30px -22px rgba(18,88,224,.6)!important}
html body:not(#_) .tsb-card--quick{background:linear-gradient(#fff,#f1f5fe)!important}
html body:not(#_) .tsb-card--premium{background:linear-gradient(#fffaf7,#fbe6dc)!important;border-color:#f1cdbd!important}
html body:not(#_) .tsb-card--free{background:linear-gradient(#fff,#f5f8ff)!important}
html body:not(#_) .tsb-card__badge{background:var(--pq-grad)!important;color:#fff!important}
html body:not(#_) .tsb-card--premium .tsb-card__badge{background:var(--pq-grad-rg)!important;color:#07163a!important}
html body:not(#_) .tsb-card__btn{background:var(--pq-grad-deep)!important;color:#fff!important;border-color:transparent!important}
html body:not(#_) .tsb-card--premium .tsb-card__btn{background:var(--pq-grad-rg)!important;color:#07163a!important}
html body:not(#_) .tsb-card--free .tsb-card__btn{background:var(--pq-grad)!important}
html body:not(#_) .tsb-card__name,html body:not(#_) .tsb-card__kind{color:var(--pq-ink)!important}
html body:not(#_) .tsb-card--premium .tsb-card__kind{color:var(--pq-rg3)!important}
html body:not(#_) .tsb-card__stars{color:var(--pq-ink)!important}

/* ---------- Analysis tool / D-Circles / Manual / Bulk ---------- */
html body:not(#_) .cmd__label,html body:not(#_) .cmd__section-title,html body:not(#_) .cmd__dcircle-digit,html body:not(#_) .cmd__price-val,
html body:not(#_) .dcc__label,html body:not(#_) .dcc__section-title,html body:not(#_) .dcc__dcircle-digit,
html body:not(#_) .mtr__dcircle-digit,html body:not(#_) .mtr__predict-num,html body:not(#_) .btr__market-price{color:var(--pq-ink)!important}
html body:not(#_) .cmd__dcircle-pointer,html body:not(#_) .dcc__dcircle-pointer,html body:not(#_) .mtr__dcircle-pointer{color:var(--pq-hot)!important}
html body:not(#_) .cmd__btn--predict{background:var(--pq-grad)!important;color:#fff!important}
html body:not(#_) .cmd__btn--scan{color:var(--pq-pink)!important;border-color:var(--pq-line)!important}
html body:not(#_) .cmd__price-digit-circle{background:var(--pq-grad)!important}
html body:not(#_) .mtr__types-pill.is-on,html body:not(#_) .mtr__predict-btn.is-on{background:var(--pq-grad-deep)!important;color:#fff!important}
html body:not(#_) .mtr__types-pill.is-off{color:var(--pq-ink2)!important}
html body:not(#_) .mtr__learn{color:var(--pq-pink)!important}

html body:not(#_) .btr__head{background:radial-gradient(600px 140px at 0% 0%,rgba(54,123,247,.16),transparent 70%),radial-gradient(500px 140px at 100% 0%,rgba(231,169,143,.22),transparent 70%),linear-gradient(135deg,#f5f8ff,#e9f0fe)!important;border-color:var(--pq-line)!important}
html body:not(#_) .btr__head h1{background:linear-gradient(90deg,#1258e0,#659af9 45%,#b76e79)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body:not(#_) .btr__type.is-on,html body:not(#_) .btr__predict-btn.is-on{background:var(--pq-grad)!important;color:#fff!important;border-color:transparent!important}
html body:not(#_) .btr__count.is-on{background:var(--pq-grad-rg)!important;color:#07163a!important}
html body:not(#_) .btr__place{background:linear-gradient(120deg,#184ec2,#367bf7 40%,#91b7fa 70%,#184ec2)!important;background-size:200% 100%!important;color:#fff!important}
html body:not(#_) .btr__dist-num{background:var(--pq-hot)!important}
html body:not(#_) .btr__dist-bar,html body:not(#_) [class*="btr__dist"] > div{background-image:linear-gradient(#659af9,#1258e0)!important}

/* ---------- Copy Trading ---------- */
html body:not(#_) .cptr{background:radial-gradient(120% 70% at 50% 0%,#0f2a5a 0%,#07163a 55%,#040e24 100%)!important;color:#e9f0fe!important}
html body:not(#_) .cptr__account,html body:not(#_) .cptr__clients{background:rgba(211,225,253,.08)!important;border-color:rgba(211,225,253,.18)!important;color:#e9f0fe!important}
html body:not(#_) .cptr__input{background:rgba(4,14,36,.7)!important;border-color:rgba(211,225,253,.25)!important;color:#fff!important}
html body:not(#_) .cptr__mode,html body:not(#_) .cptr__start{background:var(--pq-grad)!important;color:#fff!important}
html body:not(#_) .cptr__add-btn,html body:not(#_) .cptr__sync-btn{background:var(--pq-grad-rg)!important;color:#07163a!important}
html body:not(#_) .cptr__copymine{background:linear-gradient(135deg,#367bf7,#b76e79)!important;color:#fff!important}
html body:not(#_) .cptr__tutorial{background:#fff!important;color:var(--pq-pink)!important}

/* ---------- Trading View tab ---------- */
html body:not(#_) .trading-view-iframe{background:#040e24!important}

/* ---------- Bot Builder ---------- */
html body:not(#_) .quick-strategy__button,html body:not(#_) .toolbar__btn--quick-strategy,html body:not(#_) [class*="quick-strategy"] .dc-btn--primary{background:var(--pq-grad)!important;color:#fff!important}
html body:not(#_) .db-toolbox__category-text{color:var(--pq-ink)!important}
html body:not(#_) .db-toolbox__row--active,html body:not(#_) .db-toolbox__category--active{background:#e4edfe!important}

/* ---------- Welcome popup ---------- */
html body:not(#_) .dfx-wp{background:rgba(7,22,58,.72)!important}
html body:not(#_) .dfx-wp__title{color:var(--pq-ink)!important}
html body:not(#_) .dfx-wp__sub{color:var(--pq-ink2)!important}
html body:not(#_) .dfx-wp__badge{box-shadow:0 0 0 3px #d3e1fd!important}
html body:not(#_) .dfx-wp__feat{background:#f5f8ff!important;border-color:var(--pq-line)!important}
html body:not(#_) .dfx-wp__continue{background:var(--pq-grad)!important;color:#fff!important;box-shadow:var(--pq-shadow)}
html body:not(#_) .dfx-wp__btn--web{background:var(--pq-grad-rg)!important;color:#07163a!important}
html body:not(#_) .dfx-wp__card,html body:not(#_) .dfx-wp > div{border-color:var(--pq-line)!important}
html body:not(#_) .dfx-wp__card:before{background:var(--pq-grad)!important}

/* ---------- small in-app loader ---------- */
html body:not(#_) .dfx-chunk-loader{background:var(--pq-blush)!important}
html body:not(#_) .dfx-chunk-loader__card,html body:not(#_) [class*="dfx-chunk-loader__box"]{background:#fff!important;border-color:var(--pq-line)!important;box-shadow:0 18px 40px -24px rgba(18,88,224,.6)!important}
html body:not(#_) .dfx-chunk-loader__logo,html body:not(#_) .dfx-chunk-loader__logo-img{box-shadow:0 0 0 3px #d3e1fd,0 0 22px rgba(54,123,247,.45)!important}
html body:not(#_) .dfx-chunk-loader__bar,html body:not(#_) [class*="dfx-chunk-loader__progress"]{background:#e4edfe!important}
html body:not(#_) .dfx-chunk-loader__bar > *,html body:not(#_) [class*="dfx-chunk-loader__fill"]{background:var(--pq-grad)!important}
html body:not(#_) .dfx-chunk-loader__title,html body:not(#_) .dfx-chunk-loader h1,html body:not(#_) .dfx-chunk-loader h2{color:var(--pq-ink)!important}

/* ---------- generic accents ---------- */
html body:not(#_) a{accent-color:var(--pq-hot)}
html body:not(#_) input,html body:not(#_) select,html body:not(#_) textarea{accent-color:var(--pq-hot)}
html body:not(#_) .dc-input__field:focus,html body:not(#_) .dc-input:focus-within{border-color:var(--pq-hot)!important}
html body:not(#_) .dc-toggle-switch__label--checked,html body:not(#_) .dc-toggle-switch input:checked + label{background:var(--pq-hot)!important}
html body:not(#_) .dc-checkbox__box--active{background:var(--pq-hot)!important;border-color:var(--pq-hot)!important}
html body:not(#_) .dc-themed-scrollbars::-webkit-scrollbar-thumb{background:#bccff3}

/* ---------- Bot Builder blocks ---------- */
html body:not(#_) .blocklyPath[fill="#064e72"],html body:not(#_) .blocklyPath[fill="#064E72"]{fill:#1a458e!important;stroke:#10326b!important}
html body:not(#_) .blocklyPath[fill="#e5e5e5"]{fill:#e7eefd!important}

/* ---------- text: navy ink -> plum ink (trading colours kept) ---------- */
html body:not(#_) :is([class*="mtr__"],[class*="btr__"],[class*="cmd__"],[class*="dcc__"],.animation__text,.db-toolbox__title,[class*="run-panel__"],[class*="summary-panel"],.mtr text,.mtr b,.btr p)
  :not([class*="is-max"],[class*="is-min"],[class*="is-even"],[class*="is-odd"],[class*="__up"],[class*="__down"],[class*="eo-"],[class*="__buy"],[class*="pointer"],.is-on,.is-on *,.dc-btn *,[class*="btn--predict"],[class*="__place"],[class*="dist-num"]){color:var(--pq-ink)!important}
html body:not(#_) :is([class$="-pct"],[class*="__label"],[class*="__unit"],[class*="__note"],[class*="__empty"],[class*="market-name"],[class*="field-label"],[class*="field-unit"])
  :not([class*="is-max"],[class*="is-min"],.is-on,.is-on *){color:var(--pq-ink2)!important}
html body:not(#_) .main .dc-text:not(.dc-btn *):not([class*="color"]){color:var(--pq-ink)}
html body:not(#_) .dfx-wp i,html body:not(#_) .fxd i:not([class]){color:var(--pq-hot)!important}

/* ---------- header extras ---------- */
#dfx-brand-header{display:none!important}
html body:not(#_) .ts-chat path[fill="#1fc0c4"]{fill:#367bf7!important}
html body:not(#_) .ts-logo__mark{border-radius:8px;filter:drop-shadow(0 2px 6px rgba(18,88,224,.35))!important}
html body:not(#_) .ts-hdr-link{color:var(--pq-ink)!important}

/* selection toggles: pink instead of teal/green */
html body:not(#_) .btr__side.is-on{background:var(--pq-grad)!important;color:#fff!important;border-color:transparent!important}
html body:not(#_) .mtr__sides-btn.is-on{color:var(--pq-pink)!important;background:#fff!important;box-shadow:0 0 0 2px var(--pq-hot) inset!important}

/* dashboard quick-action accents and status dot */
html body:not(#_) .fxd__card{--c:#367bf7!important}
html body:not(#_) .fxd__crumb i{background:#91b7fa!important;box-shadow:0 0 10px #367bf7!important}

/* =====================================================================
   Profit / loss colours: wins are always GREEN, losses are always RED,
   in both light and dark themes, so results are easy to tell apart.
   (The app's own "profit" variable was tinted blue/teal; this fixes it.)
   ===================================================================== */
:root,
html body:not(#_),
html body:not(#_) .theme--light,
html body:not(#_).theme--light{
  --text-profit-success:#12a150!important;
  --text-loss-danger:#e5232f!important;
  --du-text-profit-success:#12a150!important;
  --du-text-loss-danger:#e5232f!important;
}
html body:not(#_).theme--dark,
html body:not(#_) .theme--dark{
  --text-profit-success:#2bd96b!important;
  --text-loss-danger:#ff5252!important;
  --du-text-profit-success:#2bd96b!important;
  --du-text-loss-danger:#ff5252!important;
}

/* wins */
html body:not(#_) .transactions__profit--win,
html body:not(#_) .transaction-details-modal-mobile__card__profit--win,
html body:not(#_) .transaction-details-modal-desktop__profit--win,
html body:not(#_) .summary__amount--positive,
html body:not(#_) .run-panel__stat-amount--positive,
html body:not(#_) .dc-contract-card__profit-loss--positive,
html body:not(#_) .dc-contract-card-item__body--profit,
html body:not(#_) .dc-contract-card--profit,
html body:not(#_) .dc-result__caption--won,
html body:not(#_) .ait__win-profit--up,
html body:not(#_) .mtr__open.is-won .mtr__open-result{
  color:var(--text-profit-success)!important;
}
/* losses */
html body:not(#_) .transactions__profit--loss,
html body:not(#_) .transaction-details-modal-mobile__card__profit--loss,
html body:not(#_) .transaction-details-modal-desktop__profit--loss,
html body:not(#_) .transaction-details-modal-desktop__loss,
html body:not(#_) .summary__amount--negative,
html body:not(#_) .run-panel__stat-amount--negative,
html body:not(#_) .dc-contract-card__profit-loss--negative,
html body:not(#_) .dc-contract-card-item__body--loss,
html body:not(#_) .dc-contract-card--loss,
html body:not(#_) .dc-result__caption--lost,
html body:not(#_) .ait__win-profit--down,
html body:not(#_) .mtr__open.is-lost .mtr__open-result{
  color:var(--text-loss-danger)!important;
}