: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;
}


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; }

html {scroll-behavior: smooth;}
main {}
/* 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: #ddd; text-decoration: underline; }

/*
.btn {margin:1px 1px 8px 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; color: #ccc;}
.tablex th { background-color: #444 !important; text-align: center !important; color: #ffffff !important;}
.tablex .td-label { width: 170px;vertical-align: middle !important; white-space: nowrap; }
.ind-note {
    display: block;
    font-size: 0.80rem;
    margin-top: 2px;
    line-height: 1.2;
}
.table-bordered {border:1px solid #555!important}

/* Sortable Table */
.sortable-table th {
    cursor: pointer;
    user-select: none;
}

    /* default */
    .sortable-table th::after {
        content: "";
    }

    /* hover (always for sortable) */
    .sortable-table th:not(.no-sort):hover::after {
        content: " ▲";
        opacity: 0.4;
        margin-left: 4px;
        font-size: 10px;
        color: #eee;
    }

    /* active ascending (override hover) */
    .sortable-table th:not(.no-sort)[data-sort-dir="asc"]::after {
        content: " ▲";
        opacity: 1;
    }

    /* active descending (override hover) */
    .sortable-table th:not(.no-sort)[data-sort-dir="desc"]::after {
        content: " ▼";
        opacity: 1;
    }
/* Sortable Table*/

/* tablex */

/**** Select2 ****/
.select2-container .select2-selection--single { background-color: #111 !important; border: 1px solid #555 !important; color: #fff !important; height: 38px !important; }
.select2-container .select2-selection__rendered { color: #fff !important; line-height: 36px !important; }
.select2-dropdown { background-color: #1a1a1a !important; border: 1px solid #555 !important; border-radius: 6px !important;}
.select2-results__options { padding: 4px 0 !important; }
.select2-results__option { padding: 8px 12px !important; color: #ddd !important; line-height: 1.4 !important; }
.select2-results__option--highlighted { background-color: #444 !important; color: #fff !important; }
.select2-selection__clear { color: #fff !important; }
/**** Select2 ****/







/* 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; }

.btn-outline-primary-green,
.btn-outline-primary-green:visited,
.btn-outline-primary-green:focus,
.btn-outline-primary-green:active { color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; background: transparent !important; text-decoration: none; box-shadow: none; outline: none;}
.btn-outline-primary-green:hover { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: #000 !important; }

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

/*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 */
.logox { display:flex; align-items:center; gap:6px; text-decoration:none; }
.logox img { height:75px; display:block; }
.logox-text { font-family:"Space Grotesk","Inter",system-ui,-apple-system,sans-serif; font-size:20px; font-weight:800; letter-spacing:0.4px; padding-right:16px; 
     display:inline-flex; align-items:center; white-space:nowrap; background:linear-gradient(135deg,#eef1f6 0%,#d9dee7 25%,#c7ceda 50%,#e6eaf1 75%,#bfc6d3 100%); 
     -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 1px 1px rgba(0,0,0,0.45),0 0 3px rgba(255,255,255,0.10); line-height:1; }
@media (max-width: 768px) { .logox img { height:58px; } .logox-text { font-size:17px; padding-right:8px; } }
@media (max-width: 480px) { .logox img { height:48px; } .logox-text { font-size:15px; letter-spacing:0.2px; padding-right:4px; } }
/* logo */

/* 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: 20px; 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 input.form-control,.dark-box select.form-select,.dark-box textarea.form-control { background-color: #111; border: 1px solid #444; color: #e0e0e0;border-radius: 4px;padding: 8px 10px;}
.dark-box input::placeholder,.dark-box textarea::placeholder {color: #777;}
.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);color: #ffffff;}
.dark-box input:disabled,.dark-box select:disabled,.dark-box textarea:disabled,.dark-box input[readonly],.dark-box textarea[readonly] {background-color: #0d0d0d;border-color: #2a2a2a;color: #666;cursor: not-allowed;}
/* Dark Box */

/* 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 h1.red-heading, .dark-box h2.red-heading, .dark-box h3.red-heading { color: #FF6B6B; 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;
}
.text-bearish                   { color: #FF6B6B!important;  } /* Red*/
.text-hold-orange               { color: #FFA726!important;  } /* Orange */
.text-hold-purple               { color: #A162E8!important;  } /* Purple */
.text-muted, .text-hold-gray    { color: #aaa!important;  } /* Gray */
.text-subtle-purple             { color: #E0E3FF!important; } /* Pale periwinkle */ 
.text-accent-blue               { color: #00D1FF!important;  } /* Electric cyan */ 
.text-neutral                   { color: #cfcfcf!important;  }
.text-bullish                   { color: #0ECB81!important;  }
.text-cherry-blossom { color: #FFB7C5 !important; }
.text-bright-green   { color: #4cff4c !important; }
.text-bright-red     { color: #ff4c4c !important; }
.text-cyan           { color: #00ffff!important; }

/** Forms **/
.form-group, .input-group { margin-bottom: 0.7em !important; clear: both !important }
.form-group label { font-size: 14px !important;  margin-bottom: 1px !important; }
.input-group label { font-size: 13px !important; margin-bottom: 1px !important; width: 100% !important; }
.input-group .required:before, .form-group .required:before { content: "\2605"; padding: 0 2px 0 0 !important; color: #c00 !important; }
/** Forms **/


/* 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; }


/* 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; }

/******** OpenAI Result ***********/
.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; }
.analysis-openai p { margin: 0 0 1rem 0; }
.analysis-openai ul { margin: 0 0 1rem 1.25rem; padding: 0; }
.analysis-openai li { margin: 0.2rem 0; }
.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; }
/******** OpenAI Result ***********/

/***** Radio Bigger Buttons ******/
.bigger-radio, .bigger-checkbox {transform: scale(1.3);margin-right: 6px;border: 1px solid #bbb;vertical-align: middle;cursor: pointer;}
.bigger-switch {transform: scale(1.4); margin-right: 10px; border: 1px solid #bbb; }

.form-check-input {border:1px solid #bbb}
/***** Radio Bigger Buttons ******/


/********** File Browse ************/
input[type="file"]::file-selector-button { background: #444; color: white; border: none;  padding: 6px 12px; border-radius: 4px;  cursor: pointer;}
/********** File Browse ************/


/************* FOOTER **************/
footer { width: 100%; background-color: #0a0e14; border-top: 1px solid rgba(255,255,255,0.08); text-align: center; padding: 20px 0; font-size: 0.875rem; color: #9aa4b2; }
footer a { color: #ccc !important; text-decoration: none; margin: 0 10px; display: inline-block; font-weight: 500; }
footer a:hover { color: #00D1FF !important; text-decoration: underline; }
footer .text-secondary { color: #6f7a88 !important;}
/************* FOOTER **************/


/**** quill css dark ***/
.ql-toolbar.ql-snow{background:#1a1a1a;border:1px solid #333!important;border-bottom:none!important;}
.ql-container.ql-snow{border:1px solid #333!important;background:#111;}
.ql-editor{background:#111;color:#e0e0e0;min-height:250px;font-size:14px;}
.ql-editor.ql-blank::before{color:#777!important;}
.ql-snow .ql-stroke{stroke:#bbb!important;}
.ql-snow .ql-fill{fill:#bbb!important;}
.ql-snow .ql-picker{color:#bbb!important;}
.ql-snow .ql-picker-options{background:#1e1e1e!important;border:1px solid #333!important;}
.ql-snow button:hover,.ql-snow button:focus{color:#00D1FF!important;}
.ql-snow button:hover .ql-stroke,.ql-snow button.ql-active .ql-stroke{stroke:#00D1FF!important;}
.ql-snow button:hover .ql-fill,.ql-snow button.ql-active .ql-fill{fill:#00D1FF!important;}
/**** quill css dark ***/

/*
.engine-button-min {width:200px; margin-bottom:10px}
.engine-button-mid {width:300px; margin-bottom:10px}
.engine-button-max {width:400px; margin-bottom:10px}
    */

/****** Guide *******/
.guide-group-header { margin-top: 1.7rem; margin-bottom: 1rem; }
.guide-group-header h4 { color: #E0E3FF; font-weight: 700; letter-spacing: .5px; }
.guide-item { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: .75rem 1rem;}
.guide-summary { cursor: pointer; color: #e5e5e5; font-weight: 600;}
.guide-detail { color: #d0d0d0; line-height: 1.7; padding-top: .5rem;}
.guide-item:hover { border-color: rgba(255,255,255,.20);}
/****** Guide *******/