/* shell container ownership moved to chart/shell/shell-critical.css */

svg.ex-shell-icon {
    display: inline-block;
    fill: none;
    stroke: currentColor;
    flex: 0 0 auto;
}

svg.ex-shell-asset-icon {
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

#qt-right-toolbar .ex-alert-button-badge {
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    transform: translate(4px, -18px) !important;
}

#qt-right-dock-slot {
    background: var(--ex-shell-surface, #ffffff) !important;
    color: var(--ex-shell-rail-text, #131722) !important;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
}

.nav-ready-item {
    transition: opacity 0.12s ease;
}

#save-layout-btn {
    order: 12;
}

.account-menu-btn:hover,
.account-menu-btn.open {
    background: rgba(15,23,42,0.06);
}

.account-avatar{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}

.account-name {
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-caret {
    font-size: 12px;
    color: currentColor;
    line-height: 1;
}

.account-menu{position:absolute;top:calc(100% + 6px);right:0;width:248px;display:none;z-index:1000;padding:12px;border-radius:8px;border:1px solid #e5e7eb;background:#ffffff;box-shadow:0 18px 42px rgba(15,23,42,0.18);color:#111827;margin-left:0!important;transform:translateX(0)!important;
    &.open{display:block;}
}

.account-menu-title {
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 10px;
}

.account-menu-field{display:grid;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;color:#4b5563;
    & select,& input[type="color"]{width:100%;height:30px;border:1px solid #d1d5db;border-radius:5px;background:#ffffff;color:#111827;padding:0 8px;}
    & input[type="color"]{padding:3px;}
}

.account-menu-separator {
    height: 1px;
    background: #e5e7eb;
    margin: 10px 0;
}

.account-menu-link{display:block;width:100%;padding:8px 6px;border-radius:5px;border:0;background:transparent;color:#111827;text-decoration:none;text-align:left;font-size:12px;font-weight:700;cursor:pointer;
    &:hover{background:rgba(15,23,42,0.06);}
    &.danger{color:#dc2626;}
}

.account-profile-panel {
    margin-top: 10px;
    padding: 9px;
    border-radius: 6px;
    background: rgba(15,23,42,0.04);
}

.account-profile-panel strong,
.account-profile-panel small {
    display: block;
}

.account-profile-panel strong {
    font-size: 12px;
    color: #111827;
}

.account-profile-panel small {
    margin-top: 3px;
    font-size: 11px;
    color: #6b7280;
}

body.theme-dark{
    & .account-menu-btn{color:#d1d4dc;&:hover,&.open{background:rgba(255,255,255,0.08);color:#ffffff;}}
    & .account-menu{background:#111318;border-color:#2a2e39;box-shadow:0 18px 42px rgba(0,0,0,0.45);color:#ffffff;}
    & .account-menu-field{color:#d1d4dc;& select,& input[type="color"]{background:#0d0f14;border-color:#2a2e39;color:#ffffff;}}
    & .account-menu-separator{background:#2a2e39;}
    & .account-menu-link{color:#ffffff;&:hover{background:rgba(255,255,255,0.08);}&.danger{color:#fca5a5;}}
    & .account-profile-panel{background:rgba(255,255,255,0.06);}
    & .account-profile-panel strong{color:#ffffff;}
    & .account-profile-panel small{color:#9ca3af;}
}

.nav-section.brand img {
    height: 32px;
    width: auto;
    display: block;
}
.vertical-divider {
    width: 1px;
    height: 18px;
    background: #2a2e39;
    margin: 0 15px;
}

/*
|--------------------------------------------------------------------------
| Timeframe Buttons
|--------------------------------------------------------------------------
*/
.tf-btn{color:#707584;margin-right:4px;transition:all 0.12s ease;
    &:hover{background:#2a2e39;color:#d1d4dc;}
}

/*
|--------------------------------------------------------------------------
| Top Action Buttons
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Left Toolbar Buttons
|--------------------------------------------------------------------------
*/

.colored-icon {
    width: 30px;
    height: 30px;
    filter: none !important;
}

/*
|--------------------------------------------------------------------------
| Account Menu Icon
|--------------------------------------------------------------------------
*/
.account-menu-moon-icon{position:relative;display:inline-flex!important;color:currentColor;
    &::before{content:"";width:14px;height:14px;border:1px solid currentColor;border-right-color:transparent;border-radius:50%;transform:rotate(-18deg);}
}

/*
|--------------------------------------------------------------------------
| Theme Support
|--------------------------------------------------------------------------
*/

body.theme-light {
    color: #111827;
}

.symbol-title-icons{width:26px;height:16px;flex:0 0 26px;
    & span{width:15px;height:15px;}
}

.symbol-selector-btn{height:24px;border:1px solid rgba(148,163,184,0.34);background:#eef0f3;border-radius:999px 0 0 999px;padding:0 9px 0 10px;display:flex;align-items:center;gap:6px;cursor:pointer;color:#111827;
    &:hover{background:#e5e7eb;border-color:#b8c0cc;}
}

.feed-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

#symbol-selector-btn .feed-status-dot {
    display: none;
}

.feed-status-dot.online {
    background: #089981;
    box-shadow: 0 0 0 3px rgba(8,153,129,0.15);
}

.feed-status-dot.loading {
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.16);
}

.feed-status-dot.closed {
    background: #111111;
    box-shadow: 0 0 0 3px rgba(17,17,17,0.14);
}

.feed-status-dot.offline {
    background: #f23645;
    box-shadow: 0 0 0 3px rgba(242,54,69,0.15);
}

.symbol-main{color:#111827;}

.symbol-meta {
    color: #6b7280;
    font-size: 11px;
}

/* Header Typography*/
#symbol-selector-btn,.symbol-selector-btn,#symbol-main,.symbol-main,.nav-section.timeframes button,#symbol-meta,.symbol-meta{font-family:-apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif!important;font-weight:400!important;line-height:18px!important;letter-spacing:normal!important;}
#symbol-selector-btn,.symbol-selector-btn,#symbol-main,.symbol-main,.nav-section.timeframes button{font-size:14px!important;}
#symbol-meta,.symbol-meta{font-size:13px!important;}

.tf-btn,.tf-menu-btn{height:28px;min-width:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:12px;font-weight:600;
    &:where(.tf-menu-btn){margin-left:8px;flex-shrink:0;}
    &:where(.tf-menu-btn):hover{background:#f1f3f6;color:inherit;}
}
.tf-menu-title {
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    padding: 8px 10px 12px;
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 8px;
}

.tf-menu-group-title {
    font-size: 10px;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 12px 10px 6px;
    font-weight: 800;
}

.tf-menu-item{height:36px;display:grid;grid-template-columns:1fr 28px;align-items:center;padding:0 6px 0 12px;cursor:pointer;font-size:13px;color:#0f172a;border-radius:9px;margin-bottom:2px;
    & button{width:26px;height:26px;border:0;background:transparent;cursor:pointer;color:#cbd5e1;font-size:15px;border-radius:7px;&:hover{background:#e2e8f0;color:#64748b;}&.active{color:#f59e0b;background:#fff7ed;}}
}

html.theme-light,

.left-toolbar-spacer {
    flex: 1;
}

html.theme-light {

    --qt-surface: #f5f7fa;
    --qt-border: #d8dde6;
    --qt-text: #111827;
--symbol-modal-bg: #ffffff;
--symbol-modal-overlay: rgba(0,0,0,.15);
}
/* Timezone clock/menu: one definition per selector; shared theme/RTL rules remain external. */
.qt-clock-btn{position:absolute;right:10px;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;height:auto;min-height:18px;padding:0 10px;border:1px solid transparent;border-radius:5px;background:transparent;color:#4b5563;font-size:12px;font-weight:600;line-height:1;cursor:pointer;pointer-events:auto;
    &:hover{background:#f1f3f6;border-color:#e5e7eb;}
}
.qt-timezone-menu{position:absolute!important;right:10px;bottom:30px;z-index:310!important;display:none;width:260px;max-height:420px;overflow-y:auto;padding:8px;border:1px solid #d1d4dc;border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.22);pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.42) transparent;
    &::-webkit-scrollbar{width:4px;}
    &::-webkit-scrollbar-track{background:transparent;}
    &::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(120,120,120,.42);}
    &::-webkit-scrollbar-thumb:hover{background:rgba(120,120,120,.62);}
}
.qt-timezone-title {
    padding: 8px 10px; font-size: 11px; font-weight: 800;
    color: #6b7280; text-transform: uppercase;
}
.qt-timezone-menu button{position:relative;width:100%;height:34px;padding:0 10px 0 30px;border:0;border-radius:7px;background:transparent;color:#111827;font-size:13px;text-align:left;cursor:pointer;
    &:is(:hover, .active){background:#f1f3f6;color:#2962ff;}
    &.active::before{content:"\2713";position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#2962ff;font-weight:800;}
}
/* Standard scrollbar properties above, with the existing WebKit fallback. */
.symbol-delay-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ff9800;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
}
.symbol-coming-soon-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.25);
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
}

/* Final UX overrides: staged boot, neutral controls, compact timeframe menu */

body:is(.qt-booting,.qt-ready) .nav-ready-item{opacity:1!important;visibility:visible!important;}

.nav-section.brand{order:1!important;display:flex;align-items:center;color:#2962ff;font-size:12px;font-weight:800;letter-spacing:0.5px;}

.top-action-btn{margin-left:8px;background:transparent!important;border:1px solid transparent!important;color:#4b5563!important;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all 0.15s ease;
    &:hover{background:#f1f3f6!important;border-color:#e5e7eb!important;color:#111827!important;}
}

.tf-btn.active{background:transparent!important;color:#6b7280!important;font-weight:700;box-shadow:0 0 0 1px rgba(41,98,255,0.35);border-bottom:2px solid currentColor!important;}

.symbol-arrow{color:#6b7280;font-size:13px;display:none!important;}

.chart-history-limit-notice {
    position: absolute;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.chart-history-limit-card {
    box-shadow: 0 18px 48px rgba(0,0,0,.32);
    width: min(340px, calc(100vw - 32px));
    border-radius: 8px;
    padding: 22px 20px 18px;
    color: #f4f4f5;
    background: rgba(32, 32, 34, 0.96);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
    pointer-events: auto;
    text-align: center;
}

.chart-history-limit-close {
    float: right;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 4px;
    color: #d4d4d8;
    background: transparent;
    cursor: pointer;
}

.chart-history-limit-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 10px;
    border: 2px solid #d4d4d8;
    border-bottom: 0;
    color: #d4d4d8;
    font-weight: 800;
    line-height: 48px;
}

.chart-history-limit-card strong {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
}

.chart-history-limit-card p {
    margin: 0 0 14px;
    color: #d4d4d8;
    font-size: 13px;
    line-height: 1.45;
}

.chart-history-limit-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 8px;
    text-align: left;
}

.chart-history-limit-row.current {
    border-color: transparent;
    background: rgba(255,255,255,.08);
}

.chart-history-limit-row span {
    color: #a1a1aa;
    font-size: 12px;
}

.chart-history-limit-row b {
    color: #f4f4f5;
}

.chart-history-limit-action {
    margin-top: 16px;
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    color: #111827;
    background: #f4f4f5;
    cursor: pointer;
    font-weight: 600;
}

.chart-loading-screen {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    pointer-events: none;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
}

.chart-loading-stack {
    display: grid;
    justify-items: center;
    gap: 12px;
}

.chart-loading-candles span::before,
.chart-loading-candles span::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    background: rgba(41,98,255,0.38);
    transform: translateX(-50%);
}

.chart-loading-candles span::before {
    bottom: 100%;
    height: 14px;
}

.chart-loading-candles span::after {
    top: 100%;
    height: 18px;
}

.chart-loading-candles span:nth-child(2n) {
    animation-delay: 0.08s;
    background: linear-gradient(
        to top,
        rgba(8,153,129,0.18),
        rgba(8,153,129,0.82)
    );
}

.chart-loading-candles span:nth-child(3n) {
    animation-delay: 0.16s;
}

.chart-loading-candles span:nth-child(4n) {
    animation-delay: 0.24s;
}

@keyframes qt-candle-breathe {
    0%, 100% {
        transform: translateY(0) scaleY(0.9);
        opacity: 0.55;
    }
    50% {
        transform: translateY(-10px) scaleY(1.18);
        opacity: 1;
    }
}

.qt-boot-guard-message {
    display: none;
    max-width: 380px;
    padding: 8px 12px;
    border: 1px solid rgba(120, 128, 145, 0.35);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.92);
    color: #4b5563;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

body.qt-shell-timeout .qt-boot-guard-message,
body.qt-shell-offline .qt-boot-guard-message,
body.qt-chart-timeout .qt-boot-guard-message,
body.qt-data-timeout .qt-boot-guard-message,
body.qt-chart-failed .qt-boot-guard-message,
body.qt-data-failed .qt-boot-guard-message {
    display: block;
}

#qt-shell-retry-btn {
    margin-inline-start: 8px;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid currentColor;
    border-radius: 5px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 600;
}

#qt-shell-retry-btn[hidden] {
    display: none;
}

.qt-noscript-shell {
    position: absolute;
    left: 50%;
    top: 54px;
    z-index: 50;
    transform: translateX(-50%);
    max-width: 360px;
    padding: 8px 12px;
    border: 1px solid rgba(239, 68, 68, 0.35);
    border-radius: 6px;
    background: rgba(254, 242, 242, 0.96);
    color: #991b1b;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}

body.qt-booting #chart-loading-screen {
    opacity: 1 !important;
    visibility: visible !important;
}

body.qt-ready #chart-loading-screen {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Timeframe polish: compact hover/open states */

.tf-menu-item.loading {
	position: relative;
	opacity: 0.72;
	pointer-events: none;
}

.tf-menu-item.loading::after {
	content: '';
	width: 10px;
	height: 10px;
	margin-left: 6px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	display: inline-block;
	vertical-align: -1px;
	animation: qt-timeframe-spin 0.75s linear infinite;
}

@keyframes qt-timeframe-spin {
	to {
		transform: rotate(360deg);
	}
}

.tf-menu-item:hover{background:rgba(15,23,42,0.06)!important;}

.tf-menu-item.active{background:rgba(15,23,42,0.08)!important;color:#111827!important;font-weight:700;}

.left-toolbar-toggle {
    display: none !important;
}

body.tools-collapsed .left-toolbar-toggle {
    display: none !important;
}
html,
body{--qt-accent-color:#2962ff;width:100%;height:100%;background:#0c0d14;overflow:hidden;}

@media (max-width: 768px) {

.symbol-header,
.top-header,
.chart-header {
    height: 42px !important;
    min-height: 42px !important;
}

.price-label,
.scale-price-text {
    font-size: 11px !important;
}

#symbol-main {
    font-size: 14px !important;
}

#symbol-meta {
    font-size: 10px !important;
}

#footer-timezone,
.timezone-display {
    font-size: 11px !important;
}
}

html,
body,
#coreChart {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: none;
    overscroll-behavior: none;
}

#coreChart{display:block;}
.exfinx-chart-watermark {
    --exfinx-watermark-width: 310px;
    --exfinx-watermark-mobile-width: 214px;
    --exfinx-watermark-opacity: 1;
    --exfinx-watermark-left: 0px;
    --exfinx-watermark-right: 0px;
    --exfinx-watermark-top: 0px;
    --exfinx-watermark-bottom-extra: 0px;
    --exfinx-watermark-bottom: var(--exfinx-watermark-bottom-extra);
    position: absolute;
    z-index: 360;
    display: inline-flex;
    align-items: center;
    width: var(--exfinx-watermark-width);
    max-width:min(var(--exfinx-watermark-width), max(0px, calc(100% - var(--exfinx-watermark-left) - 96px)));
    pointer-events: none;
    user-select: none;
    opacity: var(--exfinx-watermark-opacity);
}

.exfinx-chart-watermark.is-disabled {
    display: none !important;
}

.exfinx-chart-watermark-bottom-left{inset:auto auto var(--exfinx-watermark-bottom) var(--exfinx-watermark-left);}
.exfinx-chart-watermark-bottom-right{inset:auto var(--exfinx-watermark-right) var(--exfinx-watermark-bottom) auto;}
.exfinx-chart-watermark-top-left{inset:var(--exfinx-watermark-top) auto auto var(--exfinx-watermark-left);}
.exfinx-chart-watermark-top-right{inset:var(--exfinx-watermark-top) var(--exfinx-watermark-right) auto auto;}

.exfinx-chart-watermark img {
    width: var(--exfinx-watermark-width);
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    image-rendering: auto;
    filter:
        drop-shadow(0 1px 0 rgba(255, 255, 255, 0.86))
        drop-shadow(0 2px 3px rgba(15, 23, 42, 0.42));
}

.exfinx-chart-watermark .exfinx-chart-watermark-img-dark,body.theme-dark .exfinx-chart-watermark .exfinx-chart-watermark-img-light,html.theme-dark .exfinx-chart-watermark .exfinx-chart-watermark-img-light{display:none;}

@media (max-width:768px){
    .exfinx-chart-watermark{height:70px;width:var(--exfinx-watermark-mobile-width);max-width:min(var(--exfinx-watermark-mobile-width), max(0px, calc(100% - var(--exfinx-watermark-left) - 96px)));}
    .exfinx-chart-watermark img{max-height:70px;width:var(--exfinx-watermark-mobile-width);}
    #qt-logo{height:28px!important;max-width:110px!important;}
    #status,#save-layout-btn,.account-name,.account-caret,.symbol-meta{display:none!important;}
    .symbol-main{font-size:12px!important;}
    .symbol-meta{font-size:9px!important;}
    .nav-section,
    .top-action-btn,
    .account-menu-wrap,
    .symbol-bar,
    .vertical-divider{flex-shrink:0!important;}
    #qt-logo{height:26px!important;width:auto!important;}
    .top-action-btn{font-size:11px!important;min-width:auto!important;padding:0 8px!important;}
    #symbol-selector-btn{padding:4px 8px!important;max-width:120px!important;min-width:130px!important;}
}

.qt-hairline-price,
.qt-reference-price-label {
    width: var(--qt-scale-width, 86px);
    font-family: var(--qt-scale-font-family);
    font-size: var(--qt-scale-font-size, 12px);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
    text-align: right;
    padding-left: var(--qt-scale-pad-x, 4px);
    padding-right: var(--qt-scale-pad-x, 4px);
    box-sizing: border-box;
    white-space: nowrap;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:is(#qt-hairline-price-label, [id^="qt-hairline-price-label--"]).is-left-scale .qt-hairline-price {
    text-align: left;
}

.qt-reference-price-label {
    position: absolute;
    transform: translateY(-50%);
    height: 18px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    z-index: 85;
    pointer-events: none;
    border-radius: 2px;
}

.qt-reference-price-label.is-left-scale {
    text-align: left;
}

.qt-hairline-plus{width:var(--qt-plus-width, 24px);height:var(--qt-label-height, 22px);background:#111827;color:transparent;display:inline-flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,0.75);box-sizing:border-box;cursor:pointer;pointer-events:auto;position:relative;font-size:0;transition:background-color 120ms ease,
        transform 120ms ease;
    &::before{content:"+";width:calc(var(--qt-label-height, 28px) * 0.68);height:calc(var(--qt-label-height, 28px) * 0.68);border:1px solid rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--qt-label-height, 28px) * 0.5);font-weight:400;line-height:1;color:#ffffff;}
    &:hover{background:#1f2937;}
    &:hover::before{border-color:#ffffff;background:rgba(255,255,255,0.10);box-shadow:0 0 0 2px rgba(255,255,255,0.10),
        0 0 8px rgba(255,255,255,0.12);transform:scale(1.06);}
}
.qt-hairline-price {
    height: var(--qt-label-height, 22px);
    background: #111827;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    pointer-events: none;
    font-size: var(--qt-scale-font-size, 12px);
}
/* EXFINX fixed scale rails - shell container owns toolbar geometry. */

/* EXFINX scale rail layering - final */

:is(#qt-hairline-price-label, [id^="qt-hairline-price-label--"]){position:absolute;transform:translateY(-50%);display:none;align-items:center;pointer-events:none;z-index:180!important;font-family:var(--qt-scale-font-family);font-weight:600;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";height:var(--qt-label-height, 22px);}

#qt-scale-corner-box{right:0!important;top:auto;width:var(--qt-scale-width, 84px)!important;height:var(--qt-time-scale-height, 28px)!important;background:#ffffff!important;border-left:1px solid rgba(15,23,42,0.10)!important;border-top:1px solid rgba(15,23,42,0.10)!important;z-index:160!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;bottom:auto!important;pointer-events:auto!important;
    :is(body.theme-dark,html.theme-dark) &{background:var(--ex-shell-surface)!important;}
    & #qt-scale-settings-btn{color:inherit;}
    &:hover{background:rgba(120,120,120,0.10)!important;}
}

.qt-header-replay-btn {
    margin-left: auto !important;
    white-space: nowrap;
}

#status{order:6!important;color:#ff9800;font-family:monospace;font-size:12px;}

.nav-spacer{order:10!important;flex:1 1 auto!important;min-width:24px;}

#theme-toggle-btn{order:11!important;}

#save-layout-btn {
    order: 12 !important;
}

/*
|--------------------------------------------------------------------------
| Header Compact + exScript Right Button (V35)
|--------------------------------------------------------------------------
| Safe UI-only patch: remove top-left logo space, start symbol/menu from the
| left edge, and replace the right-toolbar star slot with exScript.
*/
.nav-section.brand.qt-brand-removed {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

#qt-logo {
    display: none !important;
}

.symbol-bar{order:1!important;display:flex;align-items:center;position:relative;margin-left:0!important;margin-right:0!important;gap:0;}

.nav-section.timeframes{margin-left:2px;order:2!important;display:flex;align-items:center;height:38px;gap:6px;min-width:0;}

#chart-type-control {
    order: 3 !important;
}

#qt-exscript-right-btn.qt-right-exscript-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;font-weight:800!important;color:#2962ff!important;line-height:1!important;text-align:center!important;
    body.theme-dark &{color:#8ab4ff!important;}
    &:hover{border-color:rgba(41,98,255,0.55)!important;background:rgba(41,98,255,0.10)!important;}
}

.ex-zoom-selection-box {
	position: absolute;
	z-index: 260;
	box-sizing: border-box;
	border: 1px solid #2962ff;
	background: rgba(41, 98, 255, 0.25);
	pointer-events: none;
	will-change: transform, width, height;
}

.ex-zoom-selection-box[hidden] {
	display: none !important;
}
.account-menu-btn{width:var(--ex-shell-left-width, 52px)!important;min-width:var(--ex-shell-left-width, 52px)!important;height:38px!important;display:inline-flex;align-items:center;justify-content:center!important;gap:0;border:1px solid transparent;border-radius:0!important;background:transparent;color:#111827;padding:0!important;font-size:12px;font-weight:700;cursor:pointer;position:relative!important;}

.account-hamburger {
    width: 16px;
    height: 12px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
}

.account-hamburger span {
    display: block;
    width: 16px;
    height: 1.5px;
    border-radius: 999px;
    background: currentColor;
}

#navigation-top #account-menu-btn .account-avatar,
.account-avatar {
    width: 28px !important;
    height: 28px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    background: var(--qt-account-avatar-bg, #6ab0a5) !important;
    color: #ffffff !important;
}

.account-notification-badge{position:absolute;top:1px;right:0;min-width:17px;height:17px;padding:0 3px;display:none;align-items:center;justify-content:center;border-radius:999px;background:#ff334b;color:#ffffff;font-size:9px;font-weight:700;line-height:15px;box-shadow:0 0 0 2px #ffffff;pointer-events:none;
    body.theme-dark &,html.theme-dark &{box-shadow:0 0 0 2px #131722;}
    .account-menu-btn.has-notifications &,&:not([data-count="0"]):not([data-count=""]){display:inline-flex;}
    &::before{content:attr(data-count);}
}

#navigation-top #account-menu-btn.account-menu-btn:is(:hover,.open,[aria-expanded="true"]) {
    background: rgba(17, 24, 39, 0.08) !important;
    border-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

#navigation-top #account-menu-btn.account-menu-btn,
#navigation-top #account-menu-btn.account-menu-btn:focus,
#navigation-top #account-menu-btn.account-menu-btn:focus-visible,
#navigation-top #account-menu-btn.account-menu-btn:active,
#navigation-top #account-menu-btn.account-menu-btn.open,
#navigation-top #account-menu-btn.account-menu-btn[aria-expanded="true"],
#navigation-top .account-menu-wrap,
#navigation-top .account-menu-wrap:focus-within,
#navigation-top #account-menu-btn.account-menu-btn .account-avatar {
    border-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

:is(body.theme-dark,body.dark,html.theme-dark) #navigation-top #account-menu-btn.account-menu-btn:is(:hover,.open,[aria-expanded="true"]){background:rgba(248, 250, 252, 0.16)!important;border-color:transparent!important;}

#navigation-top #account-menu-btn.account-menu-btn .account-notification-badge::before {
    min-width: 1ch;
    text-align: center;
}
/* Account menu anchor fix */
.account-menu-wrap{order:13!important;position:relative!important;margin-left:8px;}

/* Account menu: align after hamburger, top of header */
#account-menu.account-menu {
    position: fixed !important;
    top: 0 !important;
    left: calc(var(--ex-shell-left-width, 52px) + 10px) !important;
    right: auto !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: min(260px, calc(100vw - var(--ex-shell-left-width, 52px) - 16px)) !important;
    transform: none !important;
}
/* Account trigger must stay at top-left */
#navigation-top > .account-menu-wrap {
    order: 0 !important;
    margin-left: calc(-1 * var(--ex-nav-pad, 8px)) !important;
    margin-right: 6px !important;
    position: relative !important;
}
.account-menu-brand{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px!important;font-size:18px!important;font-weight:800!important;color:#111827;border-bottom:1px solid rgba(15,23,42,.08);margin:-6px -6px 6px -6px;
    body.theme-dark &{color:#ffffff;border-bottom-color:rgba(255,255,255,.08);}
}

.account-menu-logo {
    font-size: 16px;
    letter-spacing: -4px;
    transform: skewX(-8deg);
}

.account-theme-toggle-row {
    display: grid !important;
    grid-template-columns: 22px 1fr auto;
    align-items: center;
    gap: 8px;
}

.account-switch{position:relative;width:38px;height:22px;
    & input{position:absolute;opacity:0;pointer-events:none;}
    & span{position:absolute;inset:0;border-radius:999px;background:#9ca3af;&::after{content:"";position:absolute;width:18px;height:18px;top:2px;left:2px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .16s ease;}}
    & input:checked + span{background:#111827;&::after{transform:translateX(16px);}}
}


/* =========================================================
| Exfinx Design System V1
| Universal typography + compact header
| ======================================================= */

/* Universal UI font */
html,
body,
button,
input,
select,
textarea,
label,
span,
div,
a {
    font-family: var(--cv-font-ui) !important;
    letter-spacing: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Design System V1 - Universal header buttons/dropdowns polish */

:root{--ex-shell-gutter-surface:#ebebeb;--cv-font-ui:-apple-system, BlinkMacSystemFont, "Trebuchet MS", Roboto, Ubuntu, sans-serif;--cv-header-height:38px;--cv-header-control-height:24px;--cv-header-font-size:14px;--cv-header-font-weight:400;--cv-header-font-weight-medium:600;--cv-header-line-height:18px;--cv-header-padding-x:7px;--cv-header-gap:4px;--cv-header-icon-size:16px;--cv-header-radius:5px;}

/*
|--------------------------------------------------------------------------
| RTL Language Geometry Guard
|--------------------------------------------------------------------------
| Urdu text can flow RTL, but the trading/chart shell uses physical chart
| geometry: left drawing toolbar, right rail/docks, and right-aligned account
| menus. Keep those surfaces LTR so language selection never moves controls
| off-screen or behind chart layers.
*/
body.qt-lang-rtl .account-menu-wrap,
body.qt-lang-rtl .account-menu {
    direction: ltr;
}

body.qt-lang-rtl .account-menu {
    left: auto !important;
    right: 0 !important;
    transform: translateX(0) !important;
}

body.qt-lang-rtl [data-i18n],
body.qt-lang-rtl [data-i18n-title],
body.qt-lang-rtl [data-i18n-placeholder],
body.qt-lang-rtl [data-i18n-tooltip] {
    unicode-bidi: plaintext;
}

/*
|--------------------------------------------------------------------------
| Language Direction Layer
|--------------------------------------------------------------------------
| Chart lanes stay physically stable, while menus/text surfaces follow the
| active language direction. Urdu uses RTL; English/Roman Urdu use LTR.
*/
body[data-qt-language-direction="ltr"] .account-menu {
    direction: ltr !important;
    text-align: left;
}

body[data-qt-language-direction="rtl"] .account-menu {
    direction: rtl !important;
    text-align: right;
}

body[data-qt-language-direction="rtl"] #account-menu.account-menu,
body.qt-lang-rtl #account-menu.account-menu {
    left: calc(100% + 6px) !important;
    right: auto !important;
    transform: none !important;
}

body[data-qt-language-direction="rtl"] #account-menu .ex-account-row {
    text-align: right !important;
}

body[data-qt-language-direction="rtl"] #account-menu .ex-account-language-button {
    justify-self: start !important;
}

/*
|--------------------------------------------------------------------------
| Full Shell Direction Mirror
|--------------------------------------------------------------------------
| In RTL language mode the whole chart shell mirrors: header order, tool rail,
| chart canvas lane, right dock/rail, and bottom toolbar. This is the final
| cascade layer for direction only.
*/

/* RTL header placement v004: final override after legacy account/header rules. */

body[data-qt-language-direction="rtl"] #navigation-top > .account-menu-wrap #account-menu.account-menu {
    left: auto !important;
    right: calc(100% + 6px) !important;
    top: 0 !important;
}

/* RTL header group order: chart/symbol stay on the right, action clusters move left. */
body[data-qt-language-direction="rtl"] #navigation-top > .top-header-right-zone{order:1!important;margin-left:0!important;margin-right:0!important;}

body[data-qt-language-direction="rtl"] #navigation-top > #status{order:2!important;}

body[data-qt-language-direction="rtl"] #navigation-top > .nav-section.timeframes{order:3!important;}

body[data-qt-language-direction="rtl"] #navigation-top > .nav-spacer{order:4!important;flex:1 1 auto!important;}

body[data-qt-language-direction="rtl"] #navigation-top > #symbol-bar{order:8!important;margin-left:8px!important;margin-right:0!important;}

body[data-qt-language-direction="rtl"] #navigation-top > #chart-type-control{order:9!important;}

/* TradingView-style account menu v227 */
#account-menu.ex-account-menu{left:55px!important;width:260px!important;min-width:260px!important;max-width:min(260px, calc(100vw - var(--ex-shell-left-width, 52px) - 16px))!important;padding:14px 8px 8px!important;border-radius:8px!important;border:1px solid rgba(15, 23, 42, 0.10)!important;background:#ffffff!important;color:#131722!important;box-shadow:0 8px 28px rgba(15, 23, 42, 0.18)!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.5) transparent;
    :is(body.theme-dark,html.theme-dark) &{background:#1f1f1f!important;border-color:#363a45!important;color:#f3f4f6!important;box-shadow:0 12px 32px rgba(0, 0, 0, 0.42)!important;}
}

#account-menu .ex-account-brand{min-height:44px!important;margin:0 0 10px!important;padding:0 10px 12px!important;border-bottom:1px solid rgba(15, 23, 42, 0.12)!important;display:flex!important;align-items:center!important;
    & .account-menu-logo{display:none!important;}
    & img{width:var(--account-menu-logo-width, 162px)!important;height:auto!important;display:block!important;color:currentColor!important;margin:var(--account-menu-logo-margin, 0)!important;opacity:var(--account-menu-logo-opacity, 1)!important;}
    &.is-logo-disabled img{display:none!important;}
    & .account-menu-brand-img-dark{display:none!important;}
}

.ex-auth-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483600 !important;
    display: none;
    padding: 24px !important;
    background: transparent !important;
    isolation: isolate !important;
    place-items: center !important;
}

.ex-auth-modal.open {
    display: grid !important;
}

.ex-auth-modal.is-preparing .ex-auth-modal-card {
    visibility: hidden !important;
}

.ex-auth-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
}

.ex-auth-modal-card {
    position: relative !important;
    z-index: 1 !important;
    width: min(var(--ex-auth-modal-width, 420px), calc(100vw - 32px)) !important;
    height: min(var(--ex-auth-modal-height, 680px), calc(100vh - 32px)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.18) !important;
}

.ex-auth-modal-frame {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block !important;
    background: #ffffff !important;
    opacity: 0 !important;
    transition: opacity 0.12s ease !important;
}

.ex-auth-modal.is-loaded .ex-auth-modal-frame {
    opacity: 1 !important;
}

.ex-auth-modal-loader {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: none !important;
    place-items: center !important;
    background: inherit !important;
}

.ex-auth-modal.is-loading .ex-auth-modal-loader {
    display: grid !important;
}

.ex-auth-modal.is-full {
    padding: 0 !important;
    z-index: 2147483647 !important;
}

.ex-auth-modal.is-full .ex-auth-modal-card {
    z-index: 2147483647 !important;
    width: 100vw !important;
    height: 100vh !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ex-auth-modal-close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 2 !important;
    width: 32px !important;
    height: 32px !important;
    display: inline-grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #374151 !important;
    cursor: pointer !important;
    transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
}

.ex-auth-modal-close:hover,
.ex-auth-modal-close:focus-visible {
    background: rgba(15, 23, 42, 0.08) !important;
    color: #111827 !important;
    outline: none !important;
}

.ex-auth-modal-close:focus-visible {
    box-shadow: 0 0 0 2px rgba(41, 98, 255, 0.22) !important;
}

.ex-auth-modal-close-icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    stroke-width: 1 !important;
}

body.theme-dark .ex-auth-modal-backdrop,
html.theme-dark .ex-auth-modal-backdrop {
    background: transparent;
}

body.theme-dark .ex-auth-modal-card,
html.theme-dark .ex-auth-modal-card {
    background: #111820;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.46) !important;
}

body.theme-dark .ex-auth-modal-close,
html.theme-dark .ex-auth-modal-close {
    background: transparent !important;
    color: #cbd5e1 !important;
}

body.theme-dark .ex-auth-modal-close:hover,
body.theme-dark .ex-auth-modal-close:focus-visible,
html.theme-dark .ex-auth-modal-close:hover,
html.theme-dark .ex-auth-modal-close:focus-visible {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #f8fafc !important;
}

html.ex-auth-modal-open,
body.ex-auth-modal-open {
    overflow: hidden;
}

html.ex-auth-modal-open #navigation-top,
html.ex-auth-modal-open #toolbar-left,
html.ex-auth-modal-open #qt-right-toolbar,
html.ex-auth-modal-open #qt-tooltip,
html.ex-auth-modal-open .exfinx-tooltip,
html.ex-auth-modal-open #account-menu,
body.ex-auth-modal-open #navigation-top,
body.ex-auth-modal-open #toolbar-left,
body.ex-auth-modal-open #qt-right-toolbar,
body.ex-auth-modal-open #qt-tooltip,
body.ex-auth-modal-open .exfinx-tooltip,
body.ex-auth-modal-open #account-menu {
    z-index: 0 !important;
    pointer-events: none !important;
}

html.ex-auth-modal-open #account-menu,
body.ex-auth-modal-open #account-menu {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ex-auth-modal.is-locked .ex-auth-modal-close {
    display: none !important;
}

.ex-universal-loader,
#qt-right-dock-slot .ex-alert-manager-loading span {
    width: var(--ex-loader-size, 34px) !important;
    height: var(--ex-loader-size, 34px) !important;
    display: inline-block !important;
    border: var(--ex-loader-stroke, 2px) solid var(--ex-loader-muted, rgba(17, 24, 39, 0.16)) !important;
    border-top-color: var(--ex-loader-active, #111827) !important;
    border-radius: 999px !important;
    background: transparent !important;
    animation: exUniversalSpin 0.78s linear infinite !important;
}

.chart-loading-candles{display:grid!important;gap:0!important;height:var(--ex-loader-size, 34px)!important;width:var(--ex-loader-size, 34px)!important;place-items:center!important;}

.chart-loading-candles::before {
    content: "" !important;
    width: var(--ex-loader-size, 34px) !important;
    height: var(--ex-loader-size, 34px) !important;
    border: var(--ex-loader-stroke, 2px) solid var(--ex-loader-muted, rgba(17, 24, 39, 0.16)) !important;
    border-top-color: var(--ex-loader-active, #111827) !important;
    border-radius: 999px !important;
    background: transparent !important;
    animation: exUniversalSpin 0.78s linear infinite !important;
}

.chart-loading-candles span{position:relative;width:10px;height:40px;border-radius:2px;background:linear-gradient( to top, rgba(41,98,255,0.22), rgba(41,98,255,0.78) );animation:qt-candle-breathe 1.05s ease-in-out infinite;display:none!important;}

@keyframes exUniversalSpin {
    to {
        transform: rotate(360deg);
    }
}

#account-menu .ex-account-brand{
    :is(body.theme-dark,html.theme-dark) & .account-menu-brand-img-light{display:none!important;}
    :is(body.theme-dark,html.theme-dark) & .account-menu-brand-img-dark,:is(body.theme-light,html.theme-light) & .account-menu-brand-img-light{display:block!important;}
    :is(body.theme-light,html.theme-light) & .account-menu-brand-img-dark{display:none!important;}
}

@media (max-width: 768px) {
    #account-menu .ex-account-brand img {
        width: var(--account-menu-logo-mobile-width, 150px) !important;
    }
}

#account-menu .ex-account-row{width:100%!important;min-height:40px!important;display:grid!important;grid-template-columns:26px minmax(0, 1fr) auto!important;align-items:center!important;gap:7px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:inherit!important;text-decoration:none!important;text-align:left!important;font-size:14px!important;font-weight:400!important;line-height:1!important;
    &:hover{background:rgba(15, 23, 42, 0.06)!important;}
    :is(body.theme-dark,html.theme-dark) &:hover{background:rgba(255, 255, 255, 0.08)!important;}
}

#account-menu .ex-account-row-icon {
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: currentColor !important;
    filter: none !important;
}

#account-menu img.ex-account-row-icon:not(.ex-account-row-avatar),
#account-menu img.ex-account-chevron,
#account-menu img.ex-account-external {
    color: inherit !important;
    object-fit: contain !important;
    opacity: .86 !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    filter: none !important;
}

body.theme-dark #account-menu img.ex-account-row-icon:not(.ex-account-row-avatar),
body.theme-dark #account-menu img.ex-account-chevron,
body.theme-dark #account-menu img.ex-account-external,
html.theme-dark #account-menu img.ex-account-row-icon:not(.ex-account-row-avatar),
html.theme-dark #account-menu img.ex-account-chevron,
html.theme-dark #account-menu img.ex-account-external {
    opacity: .94 !important;
    filter: invert(91%) sepia(7%) saturate(126%) hue-rotate(182deg) brightness(98%) contrast(96%) !important;
}

#account-menu{
    & .ex-account-row-avatar{width:26px!important;height:26px!important;border-radius:50%!important;background:var(--qt-account-avatar-bg, #6ab0a5)!important;color:#ffffff!important;font-size:17px!important;font-weight:500!important;}
    & .ex-account-row-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
    & .ex-account-chevron,& .ex-account-external{width:18px!important;height:18px!important;opacity:.72!important;color:currentColor!important;filter:none!important;}
    & .ex-account-menu-badge{min-width:20px!important;height:20px!important;padding:0 7px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#ff334b!important;color:#ffffff!important;font-size:12px!important;font-weight:700!important;}
    & .account-menu-separator{margin:10px 10px!important;background:rgba(15, 23, 42, 0.10)!important;:is(body.theme-dark,html.theme-dark) &{background:rgba(255, 255, 255, 0.10)!important;}}
    & .account-theme-toggle-row > span:not(.ex-account-row-label){display:none!important;}
    & .account-switch{width:38px!important;height:20px!important;& span{background:#9fa3aa!important;&::after{width:16px!important;height:16px!important;top:2px!important;left:2px!important;}}& input:checked + span{background:#2f3033!important;&::after{transform:translateX(18px)!important;}}}
    & .ex-account-language-row{cursor:pointer!important;}
    & .ex-account-language-row .ex-account-chevron{display:none!important;}
    & #account-language{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;}
    & .ex-account-language-button{justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:8px!important;height:32px!important;border:0!important;background:transparent!important;color:#707070!important;font:inherit!important;font-size:14px!important;cursor:pointer!important;}
}

.ex-account-language-menu{position:fixed!important;min-width:152px!important;padding:6px!important;border:1px solid rgba(15, 23, 42, 0.12)!important;border-radius:7px!important;background:#ffffff!important;box-shadow:0 8px 22px rgba(15, 23, 42, 0.16)!important;z-index:1300!important;
    &[hidden]{display:none!important;}
    & button{width:100%!important;min-height:34px!important;padding:0 10px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#131722!important;text-align:left!important;font-size:12px!important;cursor:pointer!important;&:hover{background:rgba(15, 23, 42, 0.08)!important;}}
    :is(body.theme-dark,html.theme-dark) &{background:#1f1f1f!important;border-color:#363a45!important;
        & button{color:#f3f4f6!important;}
    }
}

@media(max-width:768px){.ex-account-language-menu{position:absolute!important;left:auto!important;right:8px;white-space:normal;}}

#account-menu .ex-account-row-meta {
    color: #707070 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

#account-menu > button[data-account-panel="profile"]:not(.ex-account-profile-row) {
    display: none !important;
}

#account-menu > button[data-account-panel="settings"],
#account-menu > button[data-account-panel="security"],
#account-menu .account-profile-panel,
#account-menu .ex-account-profile-card,
#account-profile-panel.account-profile-panel,
#account-profile-panel.ex-account-profile-card {
    display: none !important;
}

#account-menu .ex-account-signout,#account-menu .ex-account-signin{min-height:36px!important;padding:0 8px!important;gap:8px!important;}
#account-menu .ex-account-signout{color:#ff334b!important;}
#account-menu .ex-account-signin{color:#2962ff!important;}

#account-menu .ex-account-signout::before {
    content: none !important;
    display: none !important;
}

#account-menu .ex-account-signout > svg.ex-account-row-icon,#account-menu .ex-account-signin > svg.ex-account-row-icon{display:inline-block!important;width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:1.4!important;}

#account-menu #shortcut-editor-open-btn:not(.ex-account-shortcut-placeholder) {
    display: none !important;
}

#account-menu .ex-account-profile-card {
    margin: 10px 0 0 !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    background: rgba(15, 23, 42, 0.04) !important;
}

#account-menu .ex-account-profile-card strong {
    font-size: 13px !important;
}

#account-menu .ex-account-profile-card small {
    font-size: 12px !important;
}

/* Final direction mirror override: keep this at the end of theme.css. */

body[data-qt-language-direction="rtl"] #navigation-top > .account-menu-wrap{order:10!important;position:relative!important;margin-left:6px!important;margin-right:0!important;}
