:root {
    --bs-body-bg: #0d0d0d; --bs-body-color: #e0e0e0; --bs-primary: #00ff99; --bs-secondary: #999999; --bs-success: #00c97d; --bs-danger: #ff4d4d; --bs-warning: #f5c518;
    --bs-info: #00bfff; --bs-border-color: #2a2a2a; --bs-card-bg: #1a1a1a; --bs-link-color: #00bfff; --bs-link-hover-color: #33ccff; --bs-font-sans-serif: 'Montserrat', sans-serif !important;
}

html { scroll-behavior: smooth; scroll-padding-top: 120px; /* adjust based on your navbar height */ }

body { background-color: var(--bs-body-bg); color: var(--bs-body-color); font-family: var(--bs-font-sans-serif);font-weight: 400 !important; font-size: 1em !important; line-height: 1.6em !important; }

/* Headings */
h1, h2, h3, h4, h5, h6 { color: var(--bs-primary); border: none !important; outline: none !important; box-shadow: none !important;font-family: var(--bs-font-sans-serif);}
/* Headings */

/* Links */
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); text-decoration: underline; }

.btn {margin:1px!important}

/* tablex */
.tablex tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.05) !important; }
.tablex td { background-color: transparent !important; text-align: center !important; }
.tablex th { background-color: #444 !important; text-align: center !important; }

.table-bordered {border:1px solid #555!important}
/* tablex */
/* Buttons */
.btn-primary-green, .btn-primary-green:visited, .btn-primary-green:focus, .btn-primary-green:active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #000 !important;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}
.btn-primary-green:hover { background-color: #00cc7a !important; border-color: #00cc7a !important; color: #000 !important; }

.btn-primary-purple,.btn-primary-purple:visited,.btn-primary-purple:focus,.btn-primary-purple:active { background-color: #A162E8 !important; border-color: #A162E8 !important;color: #000 !important;text-decoration: none; box-shadow: none;outline: none; }
.btn-primary-purple:hover {background-color: #8e4ed6 !important; border-color: #8e4ed6 !important; color: #000 !important;}

.btn-primary-orange,.btn-primary-orange:visited,.btn-primary-orange:focus,.btn-primary-orange:active { background-color: #FFA726 !important; border-color: #FFA726 !important; color: #000 !important; text-decoration: none; box-shadow: none; outline: none; }
.btn-primary-orange:hover { background-color: #ff9800 !important; border-color: #ff9800 !important; color: #000 !important; }

/* Buttons Hover */
.btn:hover { opacity: 0.85; transition: opacity 0.2s ease-in-out; }
/* Buttons Hover */


.sidebar { background-image: linear-gradient(180deg, #232526 0%, #0D0F17 70%) !important; /*This is sentientx-theme background color*/}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}
.blazor-error-boundary::after { content: "An error has occurred."  }


/*navbar*/
/* ========== NAVBAR BASE ========== */
.navbar { background-color: #1a1a1a !important; border-bottom: 1px solid #0a0a0a; padding: 0.5rem 0; min-height: 80px; position: sticky;  top: 0; z-index: 1030;}
.navbar-nav .nav-link { white-space: nowrap; }
.navbar .nav-link:hover { opacity: 0.85; }
.navbar-nav .nav-link.pill-link { display: flex; align-items: center; justify-content: center; padding: 0.5rem 1rem; border-radius: 50px; background-color: transparent;
                            color: #e0e0e0; border: 1px solid #666; white-space: nowrap; transition: all 0.2s ease; }
.navbar-nav .nav-link.pill-link:hover { color: #00ff99; border-color: #00ff99; background-color: rgba(0, 255, 153, 0.05); }
.navbar-nav .nav-link.pill-signup { background-color: #ff5722; color: #fff;  border: none; margin:0 1px;}
.navbar-nav .nav-link.pill-signup:hover { background-color: #e64a19; color: #fff; }

.navbar-nav .nav-link.pill-signin { background-color: #00bcd4; color: #000; border: none; margin:0 1px; }
.navbar-nav .nav-link.pill-signin:hover { background-color: #00a0b3; color: #000; }


/*Show The Main Page Images*/
.fullwidth-image { width: 100%; max-height: 300px; object-fit: cover; display: block; margin: 0 auto; }
/*Show The Main Page Images*/


/* logo */
.logo { width: 120px !important; height: auto !important; padding: 0px !important;  margin: 0 !important; display: flex !important; align-items: center; }
.logo img { width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; margin: 0 !important;  }
@media screen and (max-width: 1024px) {.logo { width: 110px !important; } }
@media screen and (max-width: 768px), screen and (max-width: 480px) { .logo { width: 90px !important; } .logo img { max-height: 90px !important; }}


/* This is for AdminDashboard and Userdashboard*/
.nav-link {height:40px!important;padding-left:20px!important;border-bottom:1px solid #777!important; text-decoration:none!important}
/* This is for the Home page*/

.ul-no-bullet { list-style: none; padding-left: 0;  margin-left: 0; }

.hero { background-color: var(--bs-card-bg); border: 1px solid var(--bs-border-color); padding: 40px 20px; border-radius: 12px;box-shadow: 0 0 20px rgba(0, 255, 153, 0.05); }
.hero h1 { font-size: 3rem; color: var(--bs-primary); }
.hero p { color: #E0E3FF; font-size: 1.25rem; line-height:1.8em }
.hero-image { width: 100%; max-height: 220px; object-fit: cover; display: block; margin: 0 auto; }

.table-dark { background-color: #101010; }
.table-dark td{padding:7px 10px; border:1px solid #777; text-align:center}
.table-dark th { background: #00ff99; color: black; padding:7px 10px; text-align:center; border:1px solid #777 }


/* Dark Box */
.dark-box {  background-color: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 30px; color: #e0e0e0; box-shadow: 0 0 15px rgba(0, 255, 153, 0.05); transition: all 0.2s ease-in-out; }
.dark-box label { color: #cccccc;  font-weight: 500; }
.dark-box input.form-control,.dark-box select.form-select,.dark-box textarea.form-control { background-color: #111; border: 1px solid #444; color: #e0e0e0; }
.dark-box input.form-control:focus,.dark-box textarea.form-control:focus,.dark-box select.form-select:focus { background-color: #111; border-color: #00ff99; box-shadow: 0 0 0 0.15rem rgba(0, 255, 153, 0.25); }
.dark-box .btn-submit { background-color: #00ff99; color: #000; border: none; padding: 10px 20px; font-weight: bold; margin-top: 15px; border-radius: 4px; }
.dark-box .btn-submit:hover { background-color: #00cc7a; }
/* Dark Box */


/* Slate Box — lighter dark card */
.slate-box { background-color: #242424; border: 1px solid #444; border-radius: 8px; padding: 30px; color: #e8e8e8; box-shadow: 0 8px 24px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.03); transition: all .2s ease-in-out;}
.slate-box label { color: #d0d0d0; font-weight: 500; }
.slate-box input.form-control,.slate-box select.form-select,.slate-box textarea.form-control { background-color: #1c1c1c; border: 1px solid #555; color: #f0f0f0; }
.slate-box input.form-control:focus, .slate-box textarea.form-control:focus,.slate-box select.form-select:focus { background-color: #1c1c1c; border-color: #00ff99; box-shadow: 0 0 0 .15rem rgba(0,255,153,.25); }
.slate-box .btn-submit { background-color: #00ff99; color: #000; border: none; padding: 10px 20px; font-weight: 700; margin-top: 15px; border-radius: 4px; }
.slate-box .btn-submit:hover { background-color: #00cc7a; }


/* Dark Box Headers */
.dark-box:hover { box-shadow: 0 0 20px rgba(0, 255, 153, 0.1);  }
.dark-box h1.green-heading, .dark-box h2.green-heading, .dark-box h3.green-heading { color: #00ff99; margin-bottom: 20px; }
.dark-box h1.gray-heading, .dark-box h2.gray-heading,.dark-box h3.gray-heading, .dark-box h4.gray-heading { color: #d6d6d6; margin-bottom: 20px;}

.dark-box h1.blue-heading, .dark-box h2.blue-heading, .dark-box h3.blue-heading { color: #00D1FF; margin-bottom: 20px; }
.dark-box h1.purple-heading, .dark-box h2.purple-heading, .dark-box h3.purple-heading, h4.purple-heading, h5.purple-heading { color: #A162E8; margin-bottom: 20px; }
.dark-box h1.orange-heading, .dark-box h2.orange-heading, .dark-box h3.orange-heading, .dark-box h4.orange-heading, .dark-box h5.orange-heading{ color: #FFA726; margin-bottom: 20px; }
/* Dark Box Headers */

/* Blue Right Border -- Blue box shadow */
.dark-box-blue { background-color: #101010; border-left: 4px solid #00D1FF; padding: 20px; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 0 12px rgba(0, 209, 255, 0.08); transition: box-shadow 0.3s ease; }
.dark-box-blue:hover { box-shadow: 0 0 18px rgba(0, 209, 255, 0.2); }
.dark-box-blue .title { font-size: 1.25rem; font-weight: 600; color: #00D1FF; margin-bottom: 0.2rem; }
.dark-box-blue .subtitle { display: block; color: var(--bs-secondary); font-size: 0.95rem; margin-top: 0.2rem; margin-bottom: 0.8rem; padding-left: 30px; }
/* Blue Right Border -- Blue box shadow */

/* Green Right Border -- Green box shadow */
.dark-box-green { background-color: #101010; border-left: 4px solid var(--bs-primary); padding: 20px; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 255, 153, 0.04); }
.dark-box-green:hover { box-shadow: 0 0 15px rgba(0, 255, 153, 0.15); }
.dark-box-green .title { font-size: 1.25rem; font-weight: 600; color: var(--bs-primary); margin-bottom: 0.2rem; }
.dark-box-green .subtitle { display: block; color: var(--bs-secondary); font-size: 0.95rem; margin-top: 0.2rem; margin-bottom: 0.8rem; padding-left:30px; }
/* Green Right Border -- Green box shadow */

/* Purple Right Border -- purple box shadow */
.dark-box-purple { background-color: #101010; border-left: 4px solid #A162E8; padding: 20px; margin-bottom: 30px;border-radius: 8px;box-shadow: 0 0 10px rgba(161, 98, 232, 0.06); }
.dark-box-purple:hover { box-shadow: 0 0 15px rgba(161, 98, 232, 0.18); }
.dark-box-purple .title { font-size: 1.25rem; font-weight: 600; color: #A162E8; margin-bottom: 0.2rem; }
.dark-box-purple .subtitle { display: block; color: var(--bs-secondary); font-size: 0.95rem; margin-top: 0.2rem; margin-bottom: 0.8rem; padding-left: 30px; }
/* Purple Right Border -- purple box shadow */

/* Orange Left Border -- orange box shadow */
.dark-box-orange { background-color: #101010; border-left: 4px solid #FFA726; padding: 20px; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(255, 167, 38, 0.06);}
.dark-box-orange:hover { box-shadow: 0 0 15px rgba(255, 167, 38, 0.18); }
.dark-box-orange .title { font-size: 1.25rem; font-weight: 600; color: #FFA726; margin-bottom: 0.2rem; }
.dark-box-orange .subtitle { display: block;  color: var(--bs-secondary);  font-size: 0.95rem;  margin-top: 0.2rem; margin-bottom: 0.8rem; padding-left: 30px; }
/* Orange Left Border -- orange box shadow */

/* Red Right Border – Bearish */
.dark-box-red { background-color: #101010; border-left: 4px solid #FF6B6B; padding: 20px; margin-bottom: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(255, 107, 107, 0.06);}
.dark-box-red:hover { box-shadow: 0 0 15px rgba(255, 107, 107, 0.18); }
.dark-box-red .title { font-size: 1.25rem; font-weight: 600; color: #FF6B6B; margin-bottom: 0.2rem;}
.dark-box-red .subtitle { display: block; color: var(--bs-secondary); font-size: 0.95rem; margin-top: 0.2rem; margin-bottom: 0.8rem; padding-left: 30px; }


/* shared frame for all dark-box variants */
.dark-box-red, .dark-box-orange, .dark-box-purple, .dark-box-green, .dark-box-blue {
    border-top: 1px solid var(--bs-border-color);
    border-right: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    border-left-width: 4px !important;
    border-left-style: solid;
}

.dark-box-gray { background: #444; color: #f0f0f0;}
.dark-box-gray:hover { background: #4e4e4e; }

.dark-box-light-gray { background: #777; color: #111; }
.dark-box-light-gray:hover { background: #828282; }

.dark-box-lighter-gray { background: #aaa; color: #111; }
.dark-box-lighter-gray:hover { background: #b5b5b5; }

.dark-box-gray, .dark-box-light-gray, .dark-box-lighter-gray { border: 1px solid rgba(255,255,255,.18); border-left: 7px solid #d9d9d9; border-left-style: solid; border-radius: 8px; padding: 20px; box-shadow: 0 8px 24px rgba(0,0,0,.25);}
.dark-box-gray:focus-within, .dark-box-light-gray:focus-within, .dark-box-lighter-gray:focus-within { box-shadow: 0 0 0 .15rem rgba(255,255,255,.08), 0 10px 28px rgba(0,0,0,.35);  outline: none; }

.heading-gray {
    color: #d9d9d9!important;
}

/* Footer */
footer { background-color: #111; color: var(--bs-secondary); text-align: center; padding: 20px 0; font-size: 0.875rem;}
footer .nav-link:hover { text-decoration: underline; color: #00ff99; }
/* Footer */


.text-bullish       { color: #0ECB81!important; font-weight: bold; } /* Green */
.text-bearish       { color: #FF6B6B!important; font-weight: bold; } /* Red*/
.text-hold-orange   { color: #FFA726!important; font-weight: bold; } /* Orange */
.text-hold-purple   { color: #A162E8!important; font-weight: bold; } /* Purple */
.text-muted, .text-hold-gray     { color: #aaa!important; font-weight: bold; } /* Gray */
.text-subtle-purple { color: #E0E3FF!important; /* Pale periwinkle */ font-weight: bold;}
.text-accent-blue   { color: #00D1FF!important; /* Electric cyan */ font-weight: bold; }

.text-cherry-blossom { color: #FFB7C5 !important; }
.text-bright-green   { color: #4cff4c !important; }
.text-bright-red     { color: #ff4c4c !important; }
.text-cyan           { color: #00ffff!important; }

/*
.text-purple { color: #C5A3FF; font-weight: bold; }
.text-purple {
    color: #C0C0FF;
}
.text-step-description {
    color: #cccccc;
}
.text-lavender {
    color: #E0E3FF;
}
    */
/** Forms **/
.form-group, .input-group { margin-bottom: 0.7em !important; clear: both !important }
.form-group label { font-size: 14px !important;  margin-bottom: 1px !important; text-align: left !important }
.input-group label { font-size: 13px !important; margin-bottom: 1px !important; text-align: left !important; width: 100% !important; }
.input-group .required:before, .form-group .required:before { content: "\2605"; padding: 0 2px 0 0 !important; color: #c00 !important; }
/** Forms **/


/* ==================== OVERVIEW  ==================== */
#overview .cta-box { background: linear-gradient(135deg, rgba(10, 20, 30, 0.5) 0%, rgba(15, 30, 60, 0.9) 100%); border: 1px solid var(--border-color); border-radius: 8px;
            padding: 1.5rem; text-align: center; box-shadow: 0 4px 20px rgba(0, 102, 255, 0.15); margin: 2rem 0; position: relative; overflow: hidden; }
#overview .cta-box::before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle at center, rgba(0, 255, 153, 0.1) 0%, transparent 70%);
        animation: pulse 6s infinite linear; z-index: 0; }
#overview .cta-box > * { position: relative; z-index: 1; }
#overview .cta-box p { font-size: 1.1rem; color: var(--text-primary);  margin-bottom: 1.5rem;   font-style: italic; }
#overview .cta-box .btn { font-weight: 600; letter-spacing: 0.5px; padding: 0.75rem 2rem; font-size: 1rem; border: none; box-shadow: 0 4px 12px rgba(0, 102, 255, 0.3); transition: all 0.3s ease; }
#overview .cta-box .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 102, 255, 0.4); }
@keyframes pulse {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
/* ==================== OVERVIEW  ==================== */



/* Feature Boxes */
.feature-box { background-color: var(--bs-card-bg); padding: 30px; border: 1px solid var(--bs-border-color); border-radius: 8px; text-align: center; margin-bottom: 30px; }

/* Timeline / Step Box */
.step-box { border-left: 3px solid var(--bs-primary); padding-left: 20px; margin-bottom: 40px; position: relative;}
.step-box::before { content: ''; position: absolute; left: -10px; top: 0; width: 12px; height: 12px;  background-color: var(--bs-primary); border-radius: 50%; }

/* Output Sample */
.output-box { background-color: #121212; border: 1px solid #333; padding: 20px; font-family: 'Courier New', monospace; color: var(--bs-info); border-radius: 6px;  margin-top: 20px;}

/* Lighter toolbar for quil snow theme */
.ql-toolbar.ql-snow { background-color: #222; color: #eee; border: 1px solid #444;  }
.ql-toolbar .ql-picker, ql-toolbar .ql-picker-label, .ql-toolbar .ql-picker-options,.ql-toolbar .ql-stroke,.ql-toolbar .ql-fill { color: #ccc !important; stroke: #ccc !important; fill: #ccc !important; }
.ql-container.ql-snow { background-color: #1e1e1e; color: #fff; border: 1px solid #444; }
.ql-container {min-height: 200px; }
/* Lighter toolbar for quil snow theme */


/* To show Admin Detail-Summary */
.model_detail_row { border: 1px solid #ccc; border-radius: 4px; font-size: 0.95rem; background:#101010; }
.model_detail_row > div { padding: 4px 6px; border-right: 1px solid #eee; }
.model_detail_row > div:last-child { border-right: none;  }
.model_id { font-weight: bold; color: #777; }
.model_signal { font-weight: bold; color: #2a9d8f;}
.model_score { text-align: center;}
.model_final {font-style: italic; color: #eee; }
/* To show Admin Detail-Summary */

.bg_gray_bbb {background:#bbb!important}


/********* Trader Global Styling *************/

/* Layout container */
.trader-layout { display: flex; flex-direction: column; min-height: 100vh; background-color: #121212;}
.trader-layout main { flex: 1; }

/* Navigation grid (used in TraderDashboard) */
.dashboard-nav {  margin: 0 0 0 15px; }

/* Navigation buttons */
.dash-button { white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; background-color: #2c2c2c; color: #f0f0f0; border: 1px solid #444; border-radius: 6px; padding: 10px 7px;
    text-align: center; transition: background-color 0.2s ease, color 0.2s ease, transform 0.1s ease; margin-bottom:3px; font-size:0.85em; font-weight:600; }
.dash-button { width: 100%; min-height: 48px;}
.dash-button:hover { background-color: #00D1FF; color: #fff; border-color: #b3f0ff; }
.dash-button.active { background-color: #198754; color: #fff; border-color: #146c43; }
.dash-button:active { transform: scale(0.98); }

/* Header styling (used in TraderHeader.razor) */
.bg-dark-header { background-color: #222; padding: 10px 20px; border-bottom: 1px solid #333; }

/* Breadcrumb styling */
.sentientx-breadcrumb { color: #bbb; font-size: 0.95rem; }
.sentientx-breadcrumb a { color: #00D1FF; text-decoration: none; }
.sentientx-breadcrumb a:hover { color: #00ff99; text-decoration: none; }

/* Classical Tools */
.dropdown-tools { position: relative; }
.tools-dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 1000;  background-color: #2b2b2b; border: 1px solid #00f0ff; border-radius: 6px; min-width: 200px; max-width: 100%;
    white-space: nowrap; overflow-x: auto; padding: 0.5rem 0; box-shadow: 0 0 10px rgba(0, 240, 255, 0.3); font-size: 0.8em; font-weight: 600; color: #e0f7ff; }
.dropdown-tools:hover .tools-dropdown { display: block; }
.tools-dropdown .dropdown-item { background: transparent; border: none; padding: 10px 12px; color: #f0f0f0; font-size: 0.9rem; transition: background-color 0.2s ease; }
.tools-dropdown .dropdown-item:hover { background-color: #00D1FF; color: white; }
/* Classical Tools */

.fib-bias-strong-long { color: #00e676!important; font-weight: bold; }
.fib-bias-long        { color: #69f0ae!important; font-weight: bold; }
.fib-bias-strong-short{ color: #ff1744!important; font-weight: bold; }
.fib-bias-short       { color: #ff5252!important; font-weight: bold; }
.fib-bias-neutral     { color: #ffd600!important; font-weight: bold; }
.fib-bias-profit      { color: #29b6f6!important; font-weight: bold; }
.fib-bias-bounce      { color: #ab47bc!important; font-weight: bold; }

.conf-low    { color: #aaa!important; }
.conf-mid    { color: #42a5f5!important; font-weight: 600; }
.conf-high   { color: #fb8c00!important; font-weight: 600; }
.conf-strong { color: #00e676!important; font-weight: bold; }


/********* Trader Global Styling *************/

/*
    .sentientx-breadcrumb { background: none; font-size: 0.9rem; color: #ccc; font-weight:700; }
.sentientx-breadcrumb a { color: #aaa; text-decoration: none; }
.sentientx-breadcrumb a:hover { color: #00ff99; }
*/


/* Website */
.hero-video-container {
    position: relative;
    width: 100%;
    max-width: 960px;
    height: 360px; /* Adjust as needed */
    margin: 0 auto;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 0 30px rgba(0, 255, 170, 0.2);
    background: url("/images/hero-poster.jpg") center/cover no-repeat #000;
}

.hero-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 1rem;
}

@media (max-width: 768px) {
    .hero-video-container {
        height: 220px;
    }
}



/* Override for mobile (width < 768px) */
@media (max-width: 767.98px) {
    #overview,
    #ai_engine,
    #how-it-works,
    #strategies,
    #proof_section,
    #learn {
        scroll-margin-top: 260px;
    }
}



/* Website */

/* Accordion header in dark mode */
.accordion-button { background-color: #262626; color: #ffffff; font-weight: 600; border: 1px solid rgba(255,255,255,0.15);}
.accordion-button:not(.collapsed) { background-color: #2c2c2c; color: #00ffc3; box-shadow: none; }
.accordion-body { background-color: #121212; color: #e0e0e0; line-height: 1.6; padding: 1rem 1.25rem; border:1px solid #555 }
.accordion-button:focus { box-shadow: none; outline: none; }

#qaAccordion .accordion-item { margin-bottom: 1rem; border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 6px; }
.accordion-button:not(.collapsed) { background-color: #2c2c2c; color: #5ac8fa;}

#decisionAccordion .accordion-item:nth-child(1) .accordion-button { border-left: 4px solid #c792ea;}
#decisionAccordion .accordion-item:nth-child(2) .accordion-button { border-left: 4px solid #ff8c94;}
#decisionAccordion .accordion-item:nth-child(3) .accordion-button { border-left: 4px solid #ffd479; }
#decisionAccordion .accordion-item:nth-child(4) .accordion-button { border-left: 4px solid #66d9c2; }
#decisionAccordion .accordion-item:nth-child(5) .accordion-button { border-left: 4px solid #5ac8fa; }
#decisionAccordion .accordion-item { margin-bottom: 0.7rem; }

/* Ticker */
#tickerInput { background-color: var(--bs-card-bg) !important; color: var(--bs-body-color) !important; border-color: var(--bs-border-color) !important;}
#tickerInput::placeholder { color: #9aa0a6; }


/* Kill Blazor reconnect overlays (wrapper + variants) */
#components-reconnect-modal,
.components-reconnect-modal,
[class*="components-reconnect"],
[id*="reconnect-modal"],
[id*="blazor-reconnect"],
.blazor-reconnect-modal {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Kill Bootstrap/Offcanvas backdrops if they ever get stuck */
.modal-backdrop,
[data-bs-backdrop],
.offcanvas-backdrop {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


.analysis-openai {
    margin: 1rem auto;
    padding: 1.5rem;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    font-family: "Segoe UI", Roboto, sans-serif;
    color: #333;
    line-height: 1.6;
}

    /* REMOVE the p bullet tricks entirely */
    .analysis-openai p {
        margin: 0 0 1rem 0;
    }

    /* Real list styling */
    .analysis-openai ul {
        margin: 0 0 1rem 1.25rem; /* left indent for bullets */
        padding: 0;
    }

    .analysis-openai li {
        margin: 0.2rem 0;
    }

    /* Headers unchanged */
    .analysis-openai h3 {
        margin-top: 1rem;
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
        font-weight: 600;
        color: #2d3748;
        border-left: 4px solid #4caf50;
        padding-left: 0.5rem;
        display: flex;
        align-items: center;
        gap: 0.3rem;
    }

        .analysis-openai h3:first-of-type {
            margin-top: 0;
        }