:root {
    --header-total-height: 60px;
}

/* Center the label of the profile-page language Select. */
.profile-language-select-wrap .mantine-InputWrapper-label,
.profile-language-select-wrap label {
    display: block;
    width: 100%;
    text-align: center;
}

body {
    font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* margin-top: 120px; */
    margin-top: var(--header-total-height);
    /* Adjust this value to match the height of your header */
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; */
    letter-spacing: 0px;
    /* align-items: center; */
    /* position: absolute; */
    /* margin: 0px; */
    /* width: 100%; */
    /* padding: 0px; */
    /* max-width: 2000px; */
    /* background-color: #b05656; */
    /* color: var(--mantine-color-dark-4); */
    color: #55595c;
}

:root[data-mantine-color-scheme="dark"] {
    /* --mantine-color-text: var(--mantine-color-white); */
    --mantine-color-text: #eeeeee;
    --mantine-color-body: var(--mantine-color-dark-8);
}

[data-mantine-color-scheme='dark'] body {
    color: var(--mantine-color-text);
    /* color: var(--mantine-color-white); */
}

::selection {
    /* background: rgb(133, 210, 137); */
    /* background: #c1c1c1; */
    background: rgb(240, 240, 240);
}

[data-mantine-color-scheme='dark'] ::selection {
    /* color: var(--mantine-color-text); */
    /* border: 2px solid rgb(255, 255, 255); */
    background: var(--mantine-color-dark-4);
}

.dmc-container {
    /* border: 5px solid rgb(34, 34, 34); */
    /* background-color: #7f2d2d; */
}

.dmc-space {
    background-color: #b05656;
}

/* :focus {
    outline: none;
} */

#menu-btn:hover {
    background-color: #55595c;
}

#menu-btn {
    cursor: pointer;
    align-items: baseline;
    padding: 0.625rem 1rem;
}

.menu-left-icon i {
    color: #98ffb08e;
}



.footer-child {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* text-align: center; */
    /* width: 90%; */
    /* border: 1px solid #999; */
    /* Add a border to links */
    /* padding: 5px 5px; */
    /* Add padding for better spacing 5px top down 5px right left*/
}

[data-mantine-color-scheme='dark'] .footer-child {
    color: var(--mantine-color-text);
}

.footer-text {
    text-decoration: none;
    color: rgb(80, 80, 80);
    width: 80%;
    text-align: center;
    font-weight: 500;
    /* font-size: small; */
    /* font-size: medium; */
}

[data-mantine-color-scheme='dark'] .footer-text {
    color: var(--mantine-color-text);
}

.footer-child a:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
}

[data-mantine-color-scheme='dark'] .footer-child a:hover {
    color: var(--mantine-color-white);
}

.footer-stack {
    /* height: 50px; */
    /* border: 2px solid #c1c1c1; */
    width: 100%;
    /* outline: 2px solid rgb(133, 183, 8); */
}

.mantine-Tooltip-tooltip {
    /* color: rgb(80, 80, 80); */
    background-color: rgb(34, 34, 34);
}

.mantine-15lc8d2 {
    background-color: rgb(255, 255, 255);
    /* background-color: rgb(34, 34, 34); */
    color: rgb(34, 34, 34);
    /* font-size: small; */
    /* font-weight: 700; */
    border-radius: 0px;
    /* border: 1px solid rgb(80, 80, 80); */
    border: 1px solid #c1c1c1;
}

.mantine-1xkc0qs {
    /* background-color: rgb(255, 255, 255); */
    /* background-color: rgb(34, 34, 34); */
    /* color: rgb(34, 34, 34); */
    font-size: small;
    font-weight: 300;
    /* border-radius: 0px; */
    /* border: 1px solid rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
}

.mantine-5f6x53 {
    align-content: center;
}

.transactions-grid-element-center {
    flex-direction: column;
}

.tax-tables-accordion-element {
    min-height: 371px;
    align-items: start;
    display: grid;
}

.favourites-stack,
.change-password-stack {
    /* height: 500px; */
    min-height: 500px;
}

.login-stack {
    height: 250px;
}

.login-stack-google {
    height: 330px;
}

.register-stack {
    height: 330px;
}

/* .div-space {
    background-color: rgb(175, 69, 69);
} */

.header-top-text,
.register-anchor-text {
    color: rgb(255, 255, 255);
    letter-spacing: 0.5px;
    font-weight: 600 !important;
    padding-bottom: 6px;
    /* Matches the ≤1023px override so the title is consistently sized
       across all viewport widths. */
    font-size: larger;
    /* font-weight: bolder; */
}

[data-mantine-color-scheme='dark'] .header-top-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

[data-mantine-color-scheme='dark'] .register-anchor-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.header-top-text:hover,
.register-anchor-text:hover {
    /* color: rgb(133, 183, 8); */
    /* color: rgb(90, 159, 78); */
    color: rgb(0, 100, 50);
    /* color: rgb(134, 188, 37) */
    /* color: rgb(100, 160, 130); */
}

.header-top-anchor {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    top: 5px !important;
    /* Center the logo horizontally */
}

.header-top-anchor-landing {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    /* top: 5px !important; */
    /* Center the logo horizontally */
}

.header-top-anchor:hover,
.header-top-anchor-landing:hover {
    text-decoration: none;
    /* color: rgb(133, 183, 8); */
}

.header-top-center {
    /* background-color: rgb(80, 80, 80); */
    background-color: rgb(34, 34, 34);
    width: 100%;
    margin-left: 0%;
    padding-right: 0%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    /* Center items by default */
    /* position: relative;
    white-space: nowrap; */
    /* align-items: center; */
    /* margin: ; */
    /* padding-left: -15px; */
    /* margin-right: +100px; */
    /* width: max-content; */
    /* max-width: 100%; */
    /* margin-left: -15px; */
    /* margin-right: 30px; */
    /* width: auto; */

}

.chart-element {
    height: 600px;
    width: 100%;
    max-width: 1920px;
}

.chart-element-rsi {
    height: 400px;
    width: 100%;
    max-width: 1920px;
}

.portfolio-position-title {
    /* padding-top: 45px; */
    padding-bottom: 20px;
}

.portfolio-distribution-title {
    /* padding-top: 45px; */
    /* padding-bottom: 45px; */
}

.portfolio-distribution-stack {
    /* width: 400px; */
    height: 490px;
}

.portfolio-position-stack {
    /* width: 400px; */
}

.mantine-Group-root {
    /* align-items: start; */
    align-items: center;
}

/* The In-House Charts selectors (type / tickers / dates) are different heights,
   so top-align them rather than centering — overrides the global Group rule
   above. Compound selector for specificity, so source order doesn't matter. */
.mantine-Group-root.chart-options-group {
    align-items: start;
}

.header-top-group {
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(34, 34, 34); */
    background-color: rgb(33, 33, 33);
    width: 100%;
    margin-left: 0%;
    padding-right: 0%;
    align-items: center;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 1000;
    /* display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    /* Center items by default */
    /* position: relative;
    white-space: nowrap; */
    /* align-items: center; */
    /* margin: ; */
    /* padding-left: -15px; */
    /* margin-right: +100px; */
    /* width: max-content; */
    /* max-width: 100%; */
    /* margin-left: -15px; */
    /* margin-right: 30px; */
    /* width: auto; */
    background-color: rgba(31, 31, 31, 0.9);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

}

[data-mantine-color-scheme='dark'] .header-top-group {
    /* color: var(--mantine-color-text); */
    /* color:rgb(201, 201, 201); */
    /* color: rgb(130, 130, 130); */
    /* color: rgb(66, 66, 66); */
    /* border: 2px solid rgb(255, 255, 255); */
    /* background-color: var(--mantine-color-dark-8); */
    background-color: rgba(31, 31, 31, 0.80);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

}

.header {
    margin-top: 0px;
    height: 60px;
    position: fixed;
    top: 0px;
    width: 100%;
    /* z-index: 1000; */
    background-color: rgb(255, 255, 255);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* max-width: 80%; */
    /* margin-left: 100px;
    margin-right: 150px; */
    /* margin-left: 50px; */
    /* margin-right: 50px; */
    /* align-items: center; */
    /* border: 2px solid #c1c1c1; */
    align-content: center;
    /* padding-top: 20px; */
}

.header-row {
    align-items: center;
    /* background-color: rgb(80, 80, 80); */
}

.header-main-row {
    align-items: center;
    /* position: fixed; */
    /* top: 80; */
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(0, 100, 58); */
    /* border: 2px solid #c1c1c1; */
    /* position: fixed; */
    /* align-content: ; */
}

.header-user-menu-dropdown {
    z-index: 2000;
    /* width: 600px; */
}

.header-user-anchor,
.header-home a,
.header-about a,
.header-pricing a,
.header-sign-in-anchor a,
.header-sign-up-anchor a {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    letter-spacing: 0px;
    /* border: 2px solid #c1c1c1; */
    /* position: relative; */
    /* right: 0px; */
    /* outline: 2px solid #c1c1c1; */
    /* align-content: end; */
}

.header-user-anchor:hover,
.header-home a:hover,
.header-about a:hover,
.header-pricing a:hover,
.header-sign-in-anchor a:hover,
.header-sign-up-anchor a:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
    /* font-weight: 700; */
    cursor: pointer;
    /* border-radius: 40px; */
    /* border: 1px solid rgb(34, 34, 34); */
    /* outline: 1px solid rgb(34, 34, 34); */
}

/* .header-user-anchor .element {
    border: 2px solid #c1c1c1;
} */

.header-menu-button {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    background-color: rgb(255, 255, 255);
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    /* border: 2px solid #c1c1c1; */
    /* position: relative; */
    /* right: 0px; */
    /* outline: 2px solid #c1c1c1; */
    /* align-content: end; */
}

.header-menu-button:hover {
    text-decoration: none;
    color: rgb(34, 34, 34);
    background-color: rgb(255, 255, 255);
    /* font-weight: 700; */
    cursor: pointer;
    /* margin-left: 200px; */
    /* border-radius: 40px;
    border: 1px solid rgb(34, 34, 34); */
}

.header-menu-button:focus {
    /* outline: 1px solid rgb(80, 80, 80); */
    outline: 0px;
    border-radius: 0px;
    border: 1px solid rgb(80, 80, 80);
}

.header-user-menu-anchor {
    color: rgb(80, 80, 80);
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    /* font-size: large; */
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    text-align-last: center;
    align-items: center;
    align-content: center;
    align-self: center;
    /* margin-top: 0px; */
    margin-left: 30px;
    /* padding-top: 0px; */
    border: 2px solid #c1c1c1;
    /* position: relative; */
    /* right: 0px; */
    outline: 2px solid #9f3939;
    justify-content: right;
    justify-items: center;
    width: 100px;
    /* align-content: end; */

}

.header-user-menu-anchor:hover {
    outline: 0px;
    text-decoration: none;
    color: rgb(34, 34, 34);

}

.gif-grid {
    flex: auto;
    /* outline: 2px solid #c1c1c1; */
    /* outline: 2px solid rgb(80, 80, 80); */
}

.right-col {
    /* position: ; */
    justify-content: right;
    border: 2px solid rgb(80, 80, 80);
    align-items: right;
    width: 20px;
    align-content: end;

}

.right-group {
    align-items: right;
    border: 2px solid rgb(80, 80, 80);
    width: 600px;
    position: absolute;
    right: 50px;
    align-content: end;
}

.menu-dropdown {
    background-color: rgb(184, 108, 108);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    /* margin-left: 50%; */
    align-self: center;
    /* position: static; */
    /* padding-left: 250px; */
    /* outline: 2px solid rgb(15, 66, 219); */
}

.menu {
    background-color: rgb(133, 183, 8);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    outline: 2px solid rgb(15, 66, 219);
    /* margin-left: 200px; */
}

.center-menu {
    background-color: rgb(133, 183, 8);
    border: 2px solid rgb(80, 80, 80);
    align-items: center;
    align-content: center;
    outline: 2px solid rgb(15, 66, 219);
    /* margin-left: 200px; */
}

.mantine-Tabs-tabLabel {
    font-weight: 600;
    font-size: 17px;
    /* color: var(--mantine-color-text); */
}

.mantine-Tabs-tab {
    height: 48px;
    /* font-weight: 600; */
    /* font-size: 16px; */
    /* color: var(--mantine-color-text); */
    color: oklch(0.4 0 0);
    /* font-size: 17px; */
    /* border: 2px solid rgb(80, 80, 80); */
}

.mantine-Tabs-tab[data-active] {
    /* background-color: rgb(100, 160, 130); */
    /* background-color: rgb(0, 100, 50); */
    /* color: rgb(80, 80, 80); */
    /* border: 1px solid #c1c1c1; */
    border: 1px solid oklch(0.92 0 0);
    border-bottom: none;
}

[data-mantine-color-scheme='dark'] .mantine-Tabs-tab {
    color: var(--mantine-color-text);
    font-size: 17px;
}

[data-mantine-color-scheme='dark'] .mantine-Tabs-tab[data-active] {
    background-color: var(--mantine-color-dark-7);
    color: var(--mantine-color-text);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: none;
}

[data-mantine-color-scheme='dark'] .mantine-Tabs-tab:hover {
    color: var(--mantine-color-white);
    /* background-color: var(--mantine-color-dark-5); */
    /* background-color: none; */
}

[data-mantine-color-scheme='dark'] .mantine-Tabs-tabLabel {
    /* color: var(--mantine-color-text); */
    /* font-size: 17px; */
    /* font-weight: 600; */
}

.mantine-SegmentedControl-root {
    background-color: light-dark(rgb(242, 242, 242), var(--mantine-color-dark-6)) !important;
}

.mantine-SegmentedControl-indicator {
    background-color: light-dark(rgb(255, 255, 255), var(--mantine-color-dark-4)) !important
}

/* set the background color of many elements across the grid */
/* .ag-theme-alpine:hover {
    --ag-background-color: rgb(80, 80, 80) !important;
} */
/* change the font style of a single UI component */
.ag-theme-alpine {
    --ag-header-background-color: rgb(255, 255, 255) !important;
    --ag-odd-row-background-color: rgb(242, 242, 242) !important;
    --ag-alpine-active-color: rgb(80, 80, 80) !important;
    --ag-row-hover-color: rgb(235, 235, 235) !important;
    --ag-border-radius: 0px !important;
    --ag-border-color: oklch(0.92 0 0) !important;
    --ag-borders-input: solid 1px !important;
    --ag-foreground-color: oklch(0.5 0 0) !important;
    --ag-input-focus-box-shadow: none !important;
    --ag-input-focus-border-color: rgb(80, 80, 80) !important;
    --ag-icon-font-family: agGridMaterial !important;
    --ag-checkbox-checked-color: rgb(100, 160, 130) !important;
    --ag-cell-horizontal-border: solid transparent !important;
    --ag-font-size: 13px !important;
    --ag-row-height: 42px !important;
    --ag-header-height: 48px !important;
    /* --ag-filter-row-height: 30px !important; */
}

.ag-header-row {
    font-weight: 400 !important;
    /* color: rgb(80, 80, 80) !important; */
    /* border-radius: 0px !important; */
}

.ag-header-cell-label {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: oklch(0.4 0 0) !important;
    border-radius: 0px !important;
    /* text-transform: uppercase; */
    letter-spacing: 0.04em;
}

.ag-header-cell-label:hover {
    color: rgb(34, 34, 34) !important;
}

.ag-row {
    font-weight: 500 !important;
    color: oklch(0.4 0 0) !important;
    font-size: 14px !important;
    border: 0px solid #c1c1c1 !important;
    letter-spacing: 0.04em;
}

.ag-root-wrapper {
    border-radius: 0px !important;
    /* border: 1px solid #c1c1c1 !important; */
    border: 1px solid oklch(0.92 0 0) !important;
    width: 100%;
}

.main-grid-wrapper {
    padding: 0 2px 0 1px;
    height: 585px;
    min-height: 500px;
    max-height: 90vh;
    resize: vertical;
    overflow: auto;
    width: 100%;
    /* background: linear-gradient(135deg, transparent calc(100% - 14px), #4a90e2 calc(100% - 14px)); */
}

.main-grid-wrapper::-webkit-resizer {
    background-color: light-dark(#777777, var(--mantine-color-dark-2)) !important;
    border-radius: 0px;
}

.tv-chart-wrapper {
    height: 600px;
    min-height: 600px;
    max-height: 90vh;
    resize: vertical;
    overflow: hidden;
    width: 100%;
}

.tv-chart-wrapper::-webkit-resizer {
    background-color: light-dark(#777777, var(--mantine-color-dark-2)) !important;
    border-radius: 0px;
}

.main-grid-wrapper .ag-theme-alpine {
    max-width: 100% !important;
}

/* Wrapper for grids that are wider than the viewport on purpose
   (RSI, performance — they set an inline 1960px width so all column
   widths can show). Same edge-to-edge behavior as .main-grid-wrapper
   on mobile, but the grid inside is NOT clamped to the wrapper width
   — instead the wrapper itself scrolls horizontally. */
.wide-grid-wrapper {
    padding: 0 2px 0 1px;
    height: 585px;
    min-height: 500px;
    max-height: 90vh;
    resize: vertical;
    overflow: auto;
    width: 100%;
    /* Center the grid horizontally when the viewport is wider than the
       grid's intrinsic width; `safe` falls back to start-aligned when
       the grid overflows so horizontal scrolling still reaches the
       leftmost column. */
    display: flex;
    justify-content: safe center;
}

.wide-grid-wrapper::-webkit-resizer {
    background-color: light-dark(#777777, var(--mantine-color-dark-2)) !important;
    border-radius: 0px;
}

.wide-grid-wrapper .ag-theme-alpine {
    /* Let the grid keep its inline width (e.g., 1960px) so all columns
       are visible; the wrapper provides the horizontal scroll. */
    max-width: none !important;
}

[data-mantine-color-scheme='dark'] .ag-theme-alpine {
    --ag-background-color: var(--mantine-color-dark-8) !important;
    --ag-header-background-color: var(--mantine-color-dark-8) !important;
    --ag-odd-row-background-color: var(--mantine-color-dark-7) !important;
    --ag-alpine-active-color: var(--mantine-color-text) !important;
    --ag-row-hover-color: rgba(255, 255, 255, 0.1) !important;
    --ag-border-radius: 0px !important;
    --ag-borders-input: solid 1px !important;
    --ag-input-focus-box-shadow: none !important;
    --ag-input-focus-border-color: #ffffff !important;
    --ag-input-background-color: var(--mantine-color-dark-8) !important;
    --ag-icon-font-family: agGridMaterial !important;
    --ag-font-color: var(--mantine-color-text) !important;
    --ag-border-color: rgba(255, 255, 255, 0.1) !important;
    /* --ag-cell-horizontal-border: solid transparent !important; */
    /* --ag-font-size: 13px !important;
    --ag-row-height: 42px !important;
    --ag-header-height: 48px !important; */
    /* --ag-filter-row-height: 30px !important; */
}




[data-mantine-color-scheme='dark'] .ag-row {
    /* font-weight: 400 !important; */
    color: var(--mantine-color-text) !important;
    /* font-size: 13px !important; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    /* letter-spacing: 0.04em; */
}

[data-mantine-color-scheme='dark'] .ag-header-cell-label {
    color: var(--mantine-color-text) !important;
    /* font-size: 17px !important;
    font-weight: 600 !important; */
    /* text-transform: uppercase; */
    /* letter-spacing: 0.04em; */
}

[data-mantine-color-scheme='dark'] .ag-header-cell-label:hover {
    color: rgb(255, 255, 255) !important;
}

[data-mantine-color-scheme='dark'] input[class^="ag-"] {
    background-color: var(--mantine-color-dark-8) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-paging-panel {
    background-color: var(--mantine-color-dark-8) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-tooltip {
    background-color: var(--mantine-color-dark-8) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-root-wrapper {
    /* border-radius: 0px !important; */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-body {
    background-color: var(--mantine-color-dark-8) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon-menu {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-filter-wrapper {
    background-color: var(--mantine-color-dark-8) !important;
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-icon-filter {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-select {
    /* background-color: var(--mantine-color-dark-6) !important; */
    color: var(--mantine-color-text) !important;
}

[data-mantine-color-scheme='dark'] .ag-ltr {
    color: #c1c1c1 !important;
}

[data-mantine-color-scheme='dark'] .ag-popup {
    color: #c1c1c1 !important;
}

/* [data-mantine-color-scheme='dark'] .ag-popup {
    color: #c1c1c1 !important;
} */

/* .year_change {
    background-color: #7f2d2d;
    font-size: x-large;
} */

/* .ag-paging-panel {
    margin: 0px;
} */
.grid-ticker-input-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* Centers the MultiSelect horizontally */
    /* margin-top: -55px; */
    margin-top: -10px;
}

/* Row above the central-dashboard grid: desktop layout is row, below
   810px viewport width it collapses to a column (toggles on top,
   multiselect below). Custom px threshold via media query because
   Mantine's responsive props are tied to its named theme breakpoints. */
.grid-toggles-row {
    flex-direction: row;
}

input[type=email] {
    width: 100%;
    padding: 6px 20px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 2px solid #c1c1c1;
    -webkit-transition: 0.5s;
    transition: 0.5s ease;
    outline: none;
    border-radius: 0px;
    color: rgb(80, 80, 80);
    font-weight: 600;
    text-align: center;
}

input[type=email]:focus {
    border: 2px solid rgb(80, 80, 80);
}

/* input[type=password] {
    width: 100%;
    padding: 6px 20px;
    margin: 5px 0px;
    box-sizing: border-box;
    border: 2px solid #c1c1c1;
    -webkit-transition: 0.5s;
    transition: 0.5s ease;
    outline: none;
    border-radius: 0px;
    color: rgb(80, 80, 80);
    font-weight: 600;
    text-align: center;
} */

/* input[type=password]:focus {
    border: 2px solid rgb(80, 80, 80);
} */

/* .input:focus-visible {
    border: 2px solid rgb(80, 80, 80);
    background-color: rgb(68, 169, 56);
} */
/* .mantine-Text-root {
    font-weight: 800;
} */
input:checked+.mantine-bphvxq {
    /* background-color: rgb(90, 159, 78); */
    /* background-color: rgb(0, 100, 50); */
    background-color: rgb(100, 160, 130);
    border-color: rgb(255, 255, 255);
}

input:focus+.mantine-bphvxq {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    outline: 1px solid rgb(80, 80, 80);
}

/* a:focus {
    outline: none;
} */

.mantine-Container-root {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
    /* background-color: #55595c; */
}

.mantine-focus-auto {
    outline: none;
}

[data-mantine-color-scheme='dark'] .mantine-focus-auto:focus-visible {
    outline: none;
}

.fs-card-years {
    width: 490px;
    margin-top: var(--mantine-spacing-lg);
}

.rsi-ticker-multiselect {
    max-width: 820px;
    width: 75vw;
}

/* .ai-textinput {
    min-height: 800px;
} */
/* .mantine-Textarea-input {

} */

/* .m_2415a157{
    --sg-cols: 2;
} */
/* .__m__-r6g {
    --sg-cols: 2;
} */

@media (max-width: 940px) {
    .ai-textarea {
        margin-left: 10px;
        margin-right: 10px;
        /* min-height: 300px; */
    }

}

/* @media (min-width: 75em) {
    .mantine-hidden-from-lg {
        display: none !important;
    }
} */
@media (min-width: 1024px) {
    .mantine-hidden-from-lg {
        display: none !important;
        /* left: 0px; */
    }

    .rsi-ticker-multiselect {
        width: 56vw !important;
        max-width: 1960px !important;
    }

    /* .ag-theme-alpine {
        max-width: 98vw;
    } */
}

@media (max-width: 1023px) {
    .header {
        display: none !important;
    }

    .desktop-menu-icon {
        display: none !important;
    }

    .register-anchor {
        display: none !important;
    }

    .login-anchor {
        display: none !important;
    }

    .header-genikos-group {
        /* display: none !important; */
        height: 22px !important;
        /* Sum of child widths in this breakpoint is ~346px; leave
           headroom for font-metric variation so the row never wraps. */
        width: 380px !important;
        top: 31px !important;
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    .header-top-anchor {
        top: 5px !important;
    }

    /* .header-top-anchor-landing {
        top: 5px !important;
    } */

    .header-top-text {
        font-size: larger !important;
    }

    .genikos-constant-text {
        /* display: none !important; */
        font-size: 12px !important;
        width: 116px !important;
        /* width: 166px !important; */
    }

    .genikos-header-date {
        /* display: none !important; */
        font-size: 12px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
        width: 35px !important;
        /* width: 70px !important; */
        text-align: center !important;
    }

    .genikos-header-turnover {
        /* display: none !important; */
        font-size: 12px !important;
        width: 116px !important;
        /* width: 104px !important; */
        padding-top: 4px !important;
        margin-top: 0px !important;
        text-align: center !important;
    }

    .genikos-header-close {
        width: 120px !important;
        font-size: 12px !important;
        padding-top: 4px !important;
        margin-top: 0px !important;
        text-align: center !important;
        /* position: absolute;
        right: 20px; */
    }

    .ag-theme-alpine {
        max-width: 97vw;
    }

    .grid-toggles-row {
        flex-direction: column;
    }

    /* The -55px margin-top above is a desktop-only nudge to align the
       multiselect's description with the toggles on the same row. In
       column mode it would pull the multiselect up over the toggles. */
    .grid-ticker-input-box {
        margin-top: -10px;
        width: 100%;
    }

    /* Match the grid width (.ag-theme-alpine { max-width: 97vw } above). */
    .grid-ticker-input-box .rsi-ticker-multiselect {
        width: 97vw;
        max-width: 97vw;
    }
}

@media (max-width: 900px) {
    .chart-options-group {
        display: grid;
        justify-content: center;
        margin-top: 10px;
    }

    .grid-ticker-input-box {
        margin-top: -10px;
    }
}

@media (min-width: 901px) {
    .ag-theme-alpine {
        max-width: 98vw;
    }
}

@media (min-width: 800px) {

    .mantine-Drawer-overlay,
    .mantine-Drawer-content,
    .mantine-Drawer-inner {
        width: 350px;
        /* justify-self: right; */
        /* right: 0px; */
    }
}

@media (min-width: 800px) {
    .menu-drawer {
        width: 350px;
        /* justify-self: right; */
        /* right: 0px; */
    }
}

@media (max-width: 840px) {

    .portfolio-distribution-stack,
    .portfolio-position-stack {
        width: 100%;
        /* justify-content: center !important; */
        /* right: 0px; */
    }
}

@media (min-width: 841px) {

    .portfolio-distribution-stack,
    .portfolio-position-stack {
        width: 400px;
        /* justify-content: center !important; */
        /* right: 0px; */
    }
}

@media (min-width: 641px) {

    /* .ag-theme-alpine {
        max-width: 97vw;
    } */
}



@media (max-width: 640px) {
    .header-genikos-group {
        width: 250px !important;
        margin-left: 0px !important;
        left: 52%;
        /* width: 194px !important;
        margin-left: 4px; */
    }

    .genikos-constant-text-mobile {
        /* display: block !important; */
        font-size: 12px !important;
        width: 100px !important;
        /* width: 16px !important; */
        padding-top: 4px !important;
        margin-top: 0px !important;
    }

    .genikos-header-date {
        width: 39px !important;
        text-align: center !important;
    }

    .genikos-header-close {
        width: 90px !important;
        text-align: center !important;
    }

    .genikos-constant-text {
        /* display: none !important; */
        width: 103px !important;
        text-align: center !important;
    }

    .genikos-header-turnover {
        display: none !important;
    }

    .dashboard-state-group {
        display: grid;
        justify-content: center;
        margin-top: 10px;
    }

    .m_2415a157 {
        --sg-cols: 1 !important;
    }

    .fs-card-years {
        width: 100% !important;
    }

    /* .__m__-r6g {
        --sg-cols: 1 !important;
    } */
    .ag-theme-alpine {
        max-width: 96vw;
    }

    .rsi-ticker-multiselect {
        max-width: 96vw !important;
        width: 96vw !important;
    }

    .ticker-tape-toggle-btn {
        right: 10px !important;
        left: none !important;
    }
}

.mantine-AreaChart-root {
    --chart-text-color: var(--mantine-color-text);
    /* --chart-grid-color: var(--mantine-color-text); */
}

.mantine-AreaChart-axisLabel {
    font-size: large;
    fill: var(--mantine-color-text);
    /* offset: -20px; */
    /* color: var(--mantine-color-text); */
}

.mantine-ChartLegend-legend {
    justify-content: center;
}

/* .mantine-AreaChart-axis {
    size: 5px;
    fill: rgb(240, 240, 240);
    width: 5px;

}

.recharts-xAxis {
    size: 10px;
    width: 10px;
    fill: #7f2d2d;
} */

.register-anchor {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 15px;
    /* top: 9px; */
    white-space: nowrap;
}

.register-anchor:hover {
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
}

.login-anchor {
    color: rgb(255, 255, 255);
    position: absolute;
    right: 110px;
    /* top: 9px; */
    white-space: nowrap;
}

.login-anchor:hover {
    text-decoration: none;
    /* font-weight: 600; */
    /* color: rgb(80, 80, 80); */
}

.header-genikos-group {
    /* Centered horizontally and pinned below the "The Bespoke Investor"
       title (which is itself centered in the header). Same pattern is
       reused — with tighter sizes — at the ≤1023px breakpoint. */
    position: absolute;
    top: 31px;
    left: 50%;
    transform: translateX(-50%);
    height: 22px;
    /* Matches the ≤1023px override — sized to fit the 12px-font child
       widths (sum ≈ 346px) with headroom for Greek glyph fallbacks. */
    width: 400px;
    background-color: transparent;
    font-size: 24px;
    color: rgb(255, 255, 255);
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    /* --group-gap: 0px; */
}

/* Children must not shrink or wrap inside themselves — any overflow is
   clipped by the container instead of restacking the row. */
.header-genikos-group>* {
    flex-shrink: 0;
    white-space: nowrap;
}

[data-mantine-color-scheme='dark'] .header-genikos-group {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.genikos-constant-text {
    /* Sizes match the ≤1023px override so the header info row renders
       at the same compact scale at all viewport widths. */
    width: 116px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding-top: 4px;
}

.genikos-constant-text-mobile {
    display: none;
    width: 220px;
    /* align-items: center; */
    /* left: 70px; */
    /* padding-left: 8px; */
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: left;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    padding-top: 4px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.genikos-header-date {
    /* Sizes match the ≤1023px override. */
    width: 35px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding-top: 4px;
}

.genikos-header-close {
    /* Sizes match the ≤1023px override. */
    width: 120px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding-top: 4px;
}

.genikos-header-turnover {
    /* Sizes match the ≤1023px override. */
    width: 116px;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding-top: 4px;
    margin-top: 0px;
}

.desktop-menu-icon {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(255, 255, 255); */
    /* outline: 2px solid rgb(34, 34, 34); */
    /* border-radius: 0; */
    /* margin-left: 5px; */
    /* margin-right: 10px; */
    /* justify-self: left; */
    position: absolute;
    left: 15px;
    top: 9px;
    /* left: 15px; */
    /* Space from the right edge */
    /* display: none; Hidden by default */
    /* height: 44px;
    width: 44px; */
    background-color: transparent;
    /* border: none; */
    font-size: 24px;
    /* cursor: pointer; */
}

.desktop-menu-icon:hover {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.mobile-menu-icon {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(255, 255, 255); */
    /* outline: 2px solid rgb(34, 34, 34); */
    /* border-radius: 0; */
    /* margin-left: 5px; */
    /* margin-right: 10px; */
    /* justify-self: left; */
    position: absolute;
    left: 15px;
    /* left: 15px; */
    /* Space from the right edge */
    /* display: none; Hidden by default */
    /* height: 44px;
    width: 44px; */
    background-color: transparent;
    /* border: none; */
    font-size: 24px;
    /* cursor: pointer; */
}

.mobile-menu-icon:hover {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.mobile-menu-icon:active {
    /* color: rgb(80, 80, 80); */
    /* color: rgb(34, 34, 34); */
    color: rgb(255, 255, 255);
    /* color: rgb(90, 159, 78); */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(34, 34, 34); */
    background-color: transparent;
    /* border-radius: 0; */
    /* margin-left: 5px; */
}

.menu-drawer {
    margin-top: 60px;
    /* max-width: 300px; */
}

[data-mantine-color-scheme='dark'] .mobile-menu-icon:focus {
    border: 0px;
    outline: 0px;

}

.mantine-Drawer-inner {
    margin-top: 60px;
}

.mantine-Overlay-root {
    /* margin-top: 60px; */
}

.menu-drawer-navlink-first {
    /* font-weight: 600;
    font-size: x-large;
    size: x-large;
    color: rgb(80, 80, 80);
    letter-spacing: 1px; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 40px; */
    color: rgb(80, 80, 80);
    /* color: rgba(100, 160, 130, 0.15); */
}

[data-mantine-color-scheme='dark'] .menu-drawer-navlink-first {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

/* Selected page in the mobile menu drawer — Mantine sets [data-active]
   on the active NavLink. Default fill is the theme's primary color,
   which is too dark; replace with a subtle tint of the app's signature
   green rgb(100, 160, 130). Dark mode follows the same approach as
   .mantine-Tabs-tab[data-active]. */
.menu-drawer-navlink-first[data-active] {
    background-color: rgba(240, 240, 240, 1);
}

[data-mantine-color-scheme='dark'] .menu-drawer-navlink-first[data-active] {
    background-color: var(--mantine-color-dark-6);
}

.mantine-NavLink-root {
    /* border: 2px solid rgb(80, 80, 80); */
    outline: none;
    /* text-decoration: none; */
    /* border-radius: 0px; */
    /* outline: 2px solid rgb(80, 80, 80); */
    /* background-color: rgb(34, 34, 34); */
}

.mantine-NavLink-root:focus {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    /* text-decoration: none; */
    /* border-radius: 0px; */
    outline: 2px solid rgb(80, 80, 80);
    /* background-color: rgb(34, 34, 34); */
}

.menu-drawer-navlink-first-text {
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* color: rgb(255, 255, 255); */
    /* padding: 10px 10px; */
    font-size: large;
    font-weight: 600;
    /* margin: 0px 20px; */
    /* padding: 6px 20px; */
    /* box-sizing: border-box; */
    white-space: nowrap;
    margin-top: 0px;
    padding-top: 0px;
    letter-spacing: 0px;
}

[data-mantine-color-scheme='dark'] .menu-drawer-navlink-first-text {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

/* .mantine-Container-root.header {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
} */

.mantine-ActionIcon-root:focus {
    /* border: 1px solid #c1c1c1; */
    outline: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: #7f2d2d; */
}

.m_f0824112 {
    --nl-hover: var(--mantine-color-dark-6);
}

/* navlink active */
.m_f0824112:where([data-active], [aria-current="page"]) {
    background-color: var(--mantine-color-dark-8);
}

/* .mantine-Button-root {
    background-color: white;
    color: rgb(80, 80, 80);
    font-size: large;
    font-weight: 600;
    text-decoration: none;
    transition: 0s;
} */
.mantine-Button-label {
    margin-bottom: 2px;
}

.mantine-Button-root:hover {
    background-color: white;
    color: rgb(34, 34, 34);
}

.mantine-Button-root:focus {
    outline: 0px;
    border: 1px solid rgb(80, 80, 80);
    border-radius: 0px;
}

.mantine-Button-root:active {
    outline: 0px;
    border: 0px;
    /* transition: 3s;
/* }

.favourites-list {
    border: 2px solid rgb(80, 80, 80);
    color: rgb(80, 80, 80);
    outline: 1px solid rgb(80, 80, 80);
}

.wiki-accordion {
    /* border: 1px solid #c1c1c1; */
    border-radius: 0px;
    color: rgb(80, 80, 80);
}

.mantine-List-root {
    /* border: 2px solid #c1c1c1; */
    /* width: 200px; */
    /* justify-self: center; */
}

.mantine-List-item {
    color: rgb(80, 80, 80);
    /* font-weight: 800; */
    /* font-size: xx-large; */
    /* border: 1px solid #4230cb; */
    /* justify-content: center;
    justify-items: center;
    justify-self: center;
    text-justify: center;
    justify-tracks: center; */
}

[data-mantine-color-scheme='dark'] .mantine-List-item {
    color: var(--mantine-color-text);
}

.favourites-list-item-text {
    font-weight: 600;
    font-size: small;
    /* border: 1px solid #b52323; */
}

.mantine-ThemeIcon-root {
    /* color: rgb(204, 39, 188); */
    color: rgb(34, 34, 34);
}

.m_fe19b709 {
    border-bottom: 0px solid var(--item-border-color);
}

.mantine-Accordion-root {
    /* border: 1px solid rgb(158, 132, 0); */
    /* border */
    /* outline: 1px solid var(--mantine-color-dark-2); */
    border-left: 1px solid oklch(0.92 0 0);
    border-right: 1px solid oklch(0.92 0 0);
    border-top: 1px solid oklch(0.92 0 0);
    /* border-bottom: 2px solid #c1c1c1; */
    max-width: 95vw;
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-root {
    /* border: 2px solid rgb(128, 128, 128); */
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    /* border-bottom: 2px solid rgb(128, 128, 128); */
}

.mantine-Accordion-item-bottom {
    /* border: 1px solid #c1c1c1; */
    /* border-bottom: 2px solid #c1c1c1; */
    border-bottom: 1px solid oklch(0.92 0 0);
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-item-bottom {
    /* border: 2px solid rgb(128, 128, 128); */
    /* border-bottom: 2px solid rgb(128, 128, 128); */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mantine-Accordion-item[data-active] {
    background-color: rgb(250, 250, 250);
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-item[data-active] {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
    background-color: var(--mantine-color-dark-7);
}


/* data-active */
.mantine-Accordion-panel {
    font-weight: 500;
    font-size: 14px;
    color: rgb(80, 80, 80);
    /* border-bottom: 2px solid #c1c1c1; */
    /* color: rgb(142, 23, 23); */
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-panel {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.mantine-Accordion-label {
    font-weight: 600;
    color: rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-label {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
}

.mantine-Accordion-content {
    padding: None;
}


.mantine-Accordion-control:hover {
    /* outline: 2px solid #9f3939; */
    background-color: rgb(245, 245, 245);
    /* font-weight: 500; */
    /* color: rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
}

[data-mantine-color-scheme='dark'] .mantine-Accordion-control:hover {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(128, 128, 128); */
    background-color: var(--mantine-color-dark-6);
}

[data-mantine-color-scheme='dark'] .mantine-Loader-root {
    --loader-color: var(--mantine-color-text) !important;
}

.mantine-Menu-label {
    /* border: 2px solid #c1c1c1; */
}

.mantine-Menu-dropdown {
    border: 2px solid #c1c1c1;
    /* border: 0px; */
    border-radius: 0px;
    font-weight: 600;
    /* width: 700px; */
    /* text-decoration: none; */
    /* color: rgb(80, 80, 80); */
    /* font-size: large; */
    /* align-items: center; */
    /* align-content: center; */
    /* border: 2px solid #c1c1c1; */
    /* font-weight: 600; */
    /* color: rgb(80, 80, 80); */
    /* text-align: center; */
    /* text-align-last: center; */
    /* transition: 0.5s ease; */
    /* padding-left: 25px; */
    /* border-radius: 0px; */
    /* outline: 1px solid rgb(80, 80, 80); */
    /* padding: 0; */
    /* left: 0 !important; */
    /* margin-left: 42px; */
}

[data-mantine-color-scheme='dark'] .mantine-Menu-dropdown {
    /* color: var(--mantine-color-text); */
    background-color: var(--mantine-color-dark-8);
    border: 1px solid rgb(128, 128, 128);
    border-left: 0px;
    /* border-top: 1px solid rgb(128, 128, 128); */
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    transition-property: all;
}

.mantine-Menu-item {
    align-items: center;
    align-content: center;
    /* text-align: center; */
    /* text-align-last: center; */
    color: rgb(80, 80, 80);
    align-self: center;
    letter-spacing: 1px;
    font-size: small;
}

[data-mantine-color-scheme='dark'] .mantine-Menu-item {
    color: var(--mantine-color-text);
    /* border: 2px solid rgb(255, 255, 255); */
}

.mantine-Menu-item[data-hovered] {
    background-color: rgb(240, 240, 240);
    /* background-color: white; */
    color: rgb(34, 34, 34);
}

[data-mantine-color-scheme='dark'] .mantine-Menu-item[data-hovered] {
    /* color: var(--mantine-color-text); */
    color: white;
    background-color: var(--mantine-color-dark-5);
    transition-duration: 150ms;
}

.mantine-Anchor-root {
    /* border: 2px solid #c1c1c1; */
    color: light-dark(rgb(80, 80, 80), var(--mantine-color-text));
    font-weight: 600;
    text-decoration: none;
    /* outline: 1px solid rgb(80, 80, 80); */
}

.mantine-Anchor-root:focus {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
}

.mantine-Anchor-root:focus-visible {
    /* border: 2px solid #c1c1c1; */
    outline: 1px solid rgb(80, 80, 80);
}


.mantine-Anchor-root:hover {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
}

[data-mantine-color-scheme='dark'] .mantine-Anchor-root-switch {
    /* border: 2px solid #c1c1c1; */
    outline: none;
    text-decoration: none;
    color: var(--mantine-color-text);
}

.mantine-Checkbox-input {
    border-radius: 0px;
}

.mantine-DatePickerInput-input {
    border: 2px solid #c1c1c1;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    color: rgb(80, 80, 80);
    /* padding-left: 30px; */
}

[data-mantine-color-scheme='dark'] .mantine-DatePickerInput-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

.mantine-DatePickerInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-DatePickerInput-input:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

.mantine-DatePickerInput-dropdown {
    border: 2px solid #c1c1c1;
    border-radius: 0px;
}

.mantine-DatePickerInput-day[data-selected] {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    background-color: rgb(240, 240, 240);
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-monthsListCell[data-selected] {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    background-color: rgb(240, 240, 240);
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-day:focus,
.mantine-DatePickerInput-month:focus,
.mantine-DatePickerInput-monthsListControl:focus-visible,
.mantine-DatePickerInput-yearsListControl:focus-visible {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    /* background-color: rgb(80, 80, 80); */
    /* background-color: rgb(133, 210, 137); */
    /* background-color: #c1c1c1; */
    /* background-color: rgb(240, 240, 240); */
    color: rgb(80, 80, 80);
}

.mantine-DatePickerInput-calendarHeaderLevel:focus,
.mantine-DatePickerInput-calendarHeaderControl:focus {
    /* background-color: #7f2d2d; */
    outline: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
}

.mantine-DatePicker-monthPickerControlActive {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.mantine-DatePicker-monthPickerControlActive:hover {
    background-color: rgb(240, 240, 240);
}

.mantine-DatePicker-monthPickerControl:focus {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;

}

.mantine-DatePicker-yearPickerControlActive {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
    background-color: rgb(240, 240, 240);
    color: rgb(0, 0, 0);
}

.mantine-DatePicker-yearPickerControlActive:hover {
    background-color: rgb(240, 240, 240);
}

.mantine-DatePicker-yearPickerControl:focus {
    border: 2px solid rgb(80, 80, 80);
    border-radius: 0px;
    outline: 0px;
}

.mantine-NumberInput-input {
    border: 2px solid #c1c1c1;
    /* border: 2px solid oklch(0.92 0 0); */
    font-weight: 600;
    text-decoration: none;
    /* color: rgb(80, 80, 80); */
    text-align: center;
    /* text-align-last: center; */
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    color: rgb(80, 80, 80);
    /* text-shadow: none; */
    /* padding-left: 15px; */
}

[data-mantine-color-scheme='dark'] .mantine-NumberInput-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

.mantine-NumberInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-NumberInput-input:focus {
    border: 2px solid rgb(255, 255, 255);
}

.mantine-PasswordInput-innerInput {
    text-align: center;
}

.mantine-PasswordInput-input,
.mantine-TextInput-input {
    /* border: 2px solid #c1c1c1; */
    border: 2px solid oklch(0.92 0 0);
    font-weight: 600;
    text-decoration: none;
    color: rgb(80, 80, 80);
    /* text-align: left; */
    text-align: center;
    /* text-align-last: center; */
    transition: 0.5s ease;
    border-radius: 0px;
    outline: none;
    /* text-shadow: none; */
    /* padding-left: 15px; */
    padding: 6px 20px;
    resize: none;
}

[data-mantine-color-scheme='dark'] .mantine-TextInput-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

.mantine-PasswordInput-input:focus,
.mantine-TextInput-input:focus {
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .mantine-TextInput-input:focus {
    border: 2px solid #ffffff;
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input:focus-within {
    border: 2px solid #ffffff;
}

[data-mantine-color-scheme='dark'] .mantine-PasswordInput-input:focus {
    border: 2px solid #ffffff;
}

.mantine-Switch-track {
    /* background-color: rgb(68, 169, 56); */
    /* background-color: var(--mantine-color-red-filled); */
    /* color: #7f2d2d; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* flood-color: #7f2d2d; */
    /* accent-color: #7f2d2d; */
    /* border-radius: 0px; */
    /* box-sizing: border-box; */
    /* opacity: 0.7; */

}

.mantine-Select-input,
.mantine-MultiSelect-input {
    /* background-color: red; */
    border: 2px solid #c1c1c1;
    font-weight: 600;
    color: rgb(80, 80, 80);
    text-align: center;
    text-align-last: center;
    transition: 0.5s ease;
    padding-left: 25px;
    border-radius: 0px;
    /* border-radius: 20px; */
}

[data-mantine-color-scheme='dark'] .mantine-Select-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-input {
    color: var(--mantine-color-text);
    border: 2px solid oklch(0.70 0 0);
}

.mantine-MultiSelect-searchInput {
    /* color: rgb(80, 80, 80); */
    /* font-size: 14px; */
    font-weight: 600;
    /* padding-left: 20px; */
    /* background-color: none; */
    padding-right: 20px;
    /* border-radius: 20px; */
}

.mantine-MultiSelect-values {
    /* color: rgb(80, 80, 80); */
    /* font-size: 14px; */
    font-weight: 600;
    padding-left: 20px;
    /* background-color: none; */
    /* padding-left: 25px; */
}

.mantine-MultiSelect-value {
    color: rgb(80, 80, 80);
    font-size: 14px;
    font-weight: 600;
    background-color: rgb(255, 255, 255);
    padding-left: 9px;
    /* max-width: None; */
    max-width: calc(100% - 5px);
    /* background-color: rgb(241, 243, 245); */
    /* padding-left: 25px; */
}


.mantine-Select-input:focus {
    border: 2px solid rgb(80, 80, 80);
    /* border-radius: 20px; */
}

[data-mantine-color-scheme='dark'] .mantine-Select-input:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-wrapper:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

.mantine-zunujd:focus,
.mantine-zunujd:focus-within {
    outline: none;
    border: 2px solid rgb(80, 80, 80);
}

/* .mantine-Select-option, */
.m_8fb7ebe7:focus,
.m_8fb7ebe7:focus-within {
    outline: none;
    border: 2px solid rgb(80, 80, 80);
    --input-bd: rgb(80, 80, 80);
    /* border-radius: 20px; */
    /* background-color: rgb(80, 80, 80); */
}

[data-mantine-color-scheme='dark'] .m_8fb7ebe7:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme='dark'] .m_8fb7ebe7:focus-within {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
}

[data-mantine-color-scheme="light"] .m_9307d992 {
    --switch-bg: rgb(80, 80, 80);
}

.m_9307d992 {
    --switch-bg: rgb(80, 80, 80);
    /* --switch-bg: rgb(100, 160, 130); */
    --switch-bd: none !important;
    --switch-text-color: var(--mantine-color-white);
}

.m_9307d992:checked {
    --switch-bg: rgb(100, 160, 130) !important;

}

.m_926b4011:checked {
    /* --switch-bg: rgb(0, 100, 50); */
    --switch-bg: rgb(100, 160, 130) !important;
    --switch-bd: none !important;
    --switch-text-color: var(--mantine-color-white);
}

[data-mantine-color-scheme='dark'] .m_9307d992 {
    --switch-bg: var(--mantine-color-dark-4);
    --switch-bd: none !important;
}

[data-mantine-color-scheme='dark'] .m_926b4011:checked {
    --switch-bg: var(--mantine-color-dark-4);
    --switch-bd: none !important;
}

.mantine-Select-option {
    justify-content: center;
    /* border-radius: 20px; */
}

.mantine-Select-option[data-combobox-selected] {
    text-align: center;
    /* border-radius: 20px; */
}

.mantine-Popover-dropdown,
.mantine-Select-dropdown,
.mantine-MultiSelect-dropdown {
    text-align-last: center;
    font-weight: 500;
    align-items: center;
    /* border: 2px solid rgb(80, 80, 80); */
    border: 2px solid #c1c1c1;
    border-radius: 0px;
    /* border-radius: 20px; */
    /* transition: 0.5s ease; */
}


.mantine-Select-option:hover,
.mantine-Select-item:hover {
    /* background-color: #c1c1c1; */
    /* border-radius: 0px; */
}

[data-mantine-color-scheme='dark'] .mantine-Select-option:hover {
    background-color: var(--mantine-color-dark-5);
}

.mantine-Select-option:focus,
.mantine-Select-item:focus {
    /* background-color: #c1c1c1; */
}

.mantine-Select-option[data-combobox-active],
.mantine-Select-item[data-selected] {
    background-color: rgb(80, 80, 80);
    color: white;
}

[data-mantine-color-scheme='dark'] .mantine-Select-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
}

.mantine-Select-option[data-combobox-selected] {
    background-color: #c1c1c1;
}

/* .mantine-Select-option[data-combobox-active]:hover, */
/* .mantine-Select-item[data-selected]:hover {
    background-color: rgb(80, 80, 80);
} */

.mantine-Select-description,
.mantine-MultiSelect-description {
    text-align: center;
}

.mantine-MultiSelect-option {
    justify-content: center;
}

.mantine-MultiSelect-option[data-combobox-selected] {
    background-color: #c1c1c1;
    /* text-align: center; */
    justify-content: center;
    /* justify-items: center; */
    /* justify-self: center; */
}

.mantine-MultiSelect-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
    /* color: rgb(59, 59, 59); */
    /* color: rgb(105, 105, 105); */
    /* color: rgb(31, 31, 31); */
    /* color: rgb(20, 20, 20); */
    color: white
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-option:hover {
    background-color: var(--mantine-color-dark-5);
}

[data-mantine-color-scheme='dark'] .mantine-MultiSelect-option[data-combobox-active] {
    background-color: rgb(80, 80, 80);
}

.mantine-ScrollArea-root {
    text-align: center;
    outline: 2px solid rgb(80, 80, 80);

}

.ai-textinput-center {
    /* height: 600px; */
}

.mantine-InputWrapper-root {
    height: none;
}

/* .m_8fb7ebe7 {
    resize: vertical;
} */

.mantine-Textarea-input {
    /* outline: 2px solid #c1c1c1; */
    text-decoration: none;
    /* text-align: center; */
    /* text-align-last: center; */
    transition: 0.5s ease;
    color: light-dark(rgb(80, 80, 80), var(--mantine-color-text));
    border: 2px solid #c1c1c1;
    border-radius: 0px;
    outline: none;
    font-weight: 400;
    /* min-height: 150px; */
    /* letter-spacing: 1px; */
}

.mantine-Textarea-input:focus {
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.mantine-MultiSelect-pill {
    margin-left: 20px;
    color: light-dark(rgb(80, 80, 80), var(--mantine-color-text));
}

.mantine-MultiSelect-pillsList {
    /* padding-left: 5px; */
}

[data-mantine-color-scheme='dark'] .dash-graph {
    /* color: var(--mantine-color-text); */
    /* outline: 1px solid rgb(80, 80, 80); */
    /* border: 1px solid var(--mantine-color-text); */
}

.portfolio-dividend-year-input {
    width: 90px;
    height: 26px;
    margin-bottom: 9px;
}

.portfolio-total-value-text {
    color: rgb(80, 80, 80);
    outline: 1px solid #c1c1c1;
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    box-sizing: border-box;
    /* text-align: center; */
    white-space: nowrap;
    /* justify-self: start; */
    /* margin-top: 10px; */
    /* margin-left: 200px; */
    /* padding-top: 5px; */
    display: flex;
    flex-wrap: nowrap;
    /* Prevents wrapping */
    align-items: center;
    /* Vertically centers child */
    /* justify-content: center; (Optional) Centers child horizontally */
    height: 100%;
    /* Ensures the parent has full height */
    /* font-size: 15px; */
}

[data-mantine-color-scheme='dark'] .portfolio-total-value-text {
    color: var(--mantine-color-text);
    /* outline: 1px solid var(--mantine-color-dark-2); */
    outline: 1px solid rgba(255, 255, 255, 0.2);
}


.portfolio-total-text {
    width: 180px;
    /* align-items: center; */
    /* left: 70px; */
    padding-left: 8px;
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: left;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.portfolio-total-number {
    width: 80px;
    /* left: 70px; */
    padding-right: 2px;
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    text-align: right;
    font-weight: 600;
    /* font-size: medium; */
    font-size: 14px;
    /* border: 2px solid rgb(80, 80, 80); */
}

.available-tokens-element {
    color: rgb(80, 80, 80);
    /* outline: 2px solid #c1c1c1; */
    border-radius: 0px;
    font-weight: 600;
    font-size: 14px;
    box-sizing: border-box;
    /* text-align: center; */
    white-space: nowrap;
    /* justify-self: start; */
    /* margin-top: 10px; */
    /* margin-left: 200px; */
    /* padding-top: 5px; */
    display: flex;
    flex-wrap: nowrap;
    /* Prevents wrapping */
    /* align-items: center; */
    /* text-align: center; */
    /* Vertically centers child */
    /* justify-content: center; (Optional) Centers child horizontally */
    height: 100%;
    /* Ensures the parent has full height */
    /* font-size: 15px; */
}

.available-tokens-text {
    /* width: 160px; */
    align-items: center;
    text-align: center;
    outline: 2px solid #c1c1c1;
    justify-items: center;
    text-justify: center;
    padding-top: 5px;
    letter-spacing: 0px;
    /* height: 100%; */
    /* text-shadow: #7f2d2d; */
    /* left: 70px; */
    /* padding-left: 8px; */
    /* outline: 2px solid #c1c1c1; */
    /* justify-content: left; */
    /* text-align: left; */
    /* border: 2px solid rgb(80, 80, 80); */
}

/* input:invalid {
    outline: none !important;
} */
.select-multiselect {
    /* color: rgb(80, 80, 80); */
    border-radius: 0px;
    /* font-weight: 500; */
    /* box-sizing: border-box; */
    /* width: 100%; */
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    /* transition: 0.5s; */
    /* border-radius: 0px; */
    /* color: rgb(80, 80, 80); */
    /* font-weight: 600; */
    text-align: center;
    text-align-last: center;
}

.select-multiselect:focus {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.select-multiselect:active {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

.select-multiselect::placeholder {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(240, 240, 240); */
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: none; */
    text-align: center;
}

.sign-in-up-buttons {
    color: rgb(100, 100, 100);
    border-radius: 0px;
    font-weight: 600;
    box-sizing: border-box;
    width: 80px;
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(100, 100, 100); */
    margin: 5px 4px;
    /* -webkit-transition: 0.3s; */
    transition: 0.3s;
}

.sign-in-up-buttons:hover {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(255, 255, 255);
    /* font-weight: 600; */
    /* border: 2px solid rgb(34, 34, 34); */
}

.login-home-logo:focus {
    outline: none;
    /* border: 2px solid #808080; */
    /* transition: 0.2s; */
}


.login-sign-in-button {
    /* color: rgb(80, 80, 80); */
    color: oklch(0.5 0 0);
    border-radius: 20px;
    font-weight: 600;
    box-sizing: border-box;
    /* width: 100%; */
    background-color: rgb(255, 255, 255);
    /* border: 2px solid rgb(80, 80, 80); */
    /* border: 2px solid #c1c1c1; */
    border: 2px solid oklch(0.92 0 0);
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    transition: 0.5s;
}

[data-mantine-color-scheme='dark'] .login-sign-in-button {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
    border: 2px solid oklch(0.70 0 0);
}

.login-sign-in-button:hover {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    color: rgb(80, 80, 80);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .login-sign-in-button:hover {
    background-color: var(--mantine-color-dark-6);
    /* background-color: var(--mantine-color-dark-5); */
    color: white;
    border: 2px solid rgb(255, 255, 255);
}

.login-sign-in-button:focus {
    /* background-color: rgb(245, 245, 245); */
    background-color: rgb(240, 240, 240);
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    border-radius: 20px;
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-sign-in-button:focus {
    background-color: var(--mantine-color-dark-6);
    border: 2px solid rgb(255, 255, 255);
    color: white;
}

.info-icon {
    color: oklch(0.70 0 0);
    transition: 0.5s;
}

.info-icon:hover {
    color: rgb(80, 80, 80);
}

[data-mantine-color-scheme='dark'] .info-icon {
    color: oklch(0.70 0 0);
}

[data-mantine-color-scheme='dark'] .info-icon:hover {
    color: rgb(255, 255, 255);
}

.login-sign-in-text {
    font-weight: 600;
    /* width: 95%; */
    /* font-size: x-large; */
    color: rgb(80, 80, 80);
    letter-spacing: 0px;
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 40px; */
}

[data-mantine-color-scheme='dark'] .login-sign-in-text {
    color: var(--mantine-color-text);
}

.login-new-to-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* padding-bottom: 30rem; */
}

[data-mantine-color-scheme='dark'] .login-new-to-text {
    color: var(--mantine-color-text);
}

.login-forgot-password-anchor {
    color: rgb(80, 80, 80);
    border-radius: 0px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    /* font-size: 14px; */
    box-sizing: border-box;
    align-items: baseline;
    width: 80px;
    /* height: 60px; */
    /* height: 80px; */
    background-color: rgb(255, 255, 255);
    /* padding-top: 5px; */
    /* border: 2px solid rgb(100, 100, 100); */
    /* margin: 5px 0px; */
    /* -webkit-transition: 0.3s; */
    transition: 0.2s;
    /* border: 2px solid #c1c1c1; */
}

[data-mantine-color-scheme='dark'] .login-forgot-password-anchor {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-8);
}

.login-forgot-password-anchor:hover {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    /* background-color: rgb(240, 240, 240); */
    /* text-align: center; */
    text-decoration: none;
    /* color: rgb(0, 0, 0); */
    /* font-weight: 650; */
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
}

.login-forgot-password-anchor:focus {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* text-align: center; */
    text-decoration: none;
    /* color: rgb(0, 0, 0); */
    /* font-weight: 650; */
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-forgot-password-anchor:focus {
    color: var(--mantine-color-text);
    border: 2px solid rgb(255, 255, 255);
    background-color: var(--mantine-color-dark-6);
}

.login-sign-up-anchor {
    color: rgb(80, 80, 80);
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    /* font-size: 14px; */
    box-sizing: border-box;
    align-items: baseline;
    width: 80px;
    letter-spacing: 0px;
    /* height: 60px; */
    /* height: 80px; */
    background-color: rgb(255, 255, 255);
    padding-top: 5px;
    /* border: 2px solid rgb(100, 100, 100); */
    margin: 5px 0px;
    /* -webkit-transition: 0.3s; */
    transition: 0.5s;
    /* border: 2px solid #c1c1c1; */
    border: 2px solid oklch(0.92 0 0);
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
    border: 2px solid oklch(0.70 0 0);
}

.login-sign-up-anchor:hover {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* background-color: rgb(90, 159, 78); */
    /* text-align: center; */
    text-decoration: none;
    letter-spacing: 0px;
    /* font-weight: 600; */
    border: 2px solid rgb(80, 80, 80);
    /* border: 2px solid rgb(90, 159, 78); */
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor:hover {
    color: var(--mantine-color-text);
    background-color: var(--mantine-color-dark-6);
    border: 2px solid rgb(255, 255, 255);
    color: white;
}

.login-sign-up-anchor:focus {
    /* background-color: rgb(245, 245, 245); */
    /* background-color: rgb(255, 255, 255); */
    background-color: rgb(240, 240, 240);
    /* text-align: center; */
    text-decoration: none;
    letter-spacing: 0px;
    /* font-weight: 600; */
    /* border: 2px solid rgb(80, 80, 80); */
    border: 2px solid rgb(80, 80, 80);
    outline: none;
}

[data-mantine-color-scheme='dark'] .login-sign-up-anchor:focus {
    /* color: var(--mantine-color-text); */
    color: white;
    background-color: var(--mantine-color-dark-6);
    border: 2px solid rgb(255, 255, 255);
}

.login-wrong-credentials-modal-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    margin-bottom: 45px;
}

[data-mantine-color-scheme='dark'] .login-wrong-credentials-modal-text {
    color: var(--mantine-color-text);
    /* background-color: var(--mantine-color-dark-5); */
}

.modal-input-text {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    /* margin-bottom: 45px; */
}

[data-mantine-color-scheme='dark'] .modal-input-text {
    color: var(--mantine-color-text);
}

.dividend-modal-title {
    font-weight: 600;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
    margin-bottom: 35px;
    /* margin-left: 114px; */
    width: 385px;
}

[data-mantine-color-scheme='dark'] .dividend-modal-title {
    color: var(--mantine-color-text);
}

.dividend-modal-inputs-stack {
    margin-bottom: 30px;
}

.transaction-mmodal-inputs-stack {
    margin-bottom: 45px;
    margin-left: 75px;
}

.transaction-modal {
    height: 600px;
}

.login-wrong-credentials-modal {
    /* border: 2px solid rgb(80, 80, 80); */
    /* outline: 2px solid rgb(80, 80, 80); */
    text-align: center;
    align-items: center;
    justify-content: center;
    /* z-index: 500; */
    /* height: 1000px; */
    /* height: 100vh;
    display: flex;
    margin-bottom: 100px; */
    /* border-radius: 0px; */
    /* transition: 0.5s; */
    /* background-color: rgb(200, 72, 72); */
}

.transaction-date-input {
    /* z-index: 10; */
}

/* .login-user-pass-stack {
    border: 2px solid rgb(80, 80, 80);
    height: 600px;
} */

/* .login-sign-in-button:active { */
/* background-color: rgb(245, 245, 245); */
/* background-color: rgb(240, 240, 240); */
/* outline: none; */
/* font-weight: 600; */
/* border: 2px solid rgb(34, 34, 34); */
/* } */


.header-usernamed {
    /* border: 2px solid #ff0000; */
    /* Red border color */
    padding: 10px 20px;
    /* font-size: x-large; */
    font-weight: 500;
    outline: none;
    border-color: transparent;
}

.header-usernamed:focus {
    border: 3px solid #555;
    /* border-color: rgb(34, 34, 34); */
    /* Red border color */
    /* padding: 10px 10px; */
    /* font-size: x-large; */
    /* font-weight: 500; */
    /* border-color: transparent; */
    /* border-bottom: 2px solid #c91c1c; */
}

.accordion-panel-text-markdown {
    font-weight: 500;
    font-size: var(--mantine-font-size-md);
    /* color: rgb(80, 80, 80); */
    letter-spacing: 0px;
    padding: var(--mantine-spacing-md);
}

.accordion-panel-text {
    font-weight: 500;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    /* width: 95%; */
    /* width: auto; */
    text-align: center;
    letter-spacing: 0px;
    padding: var(--mantine-spacing-md);
    /* padding-top: 50px; */
    /* margin-bottom: 50px; */
}

[data-mantine-color-scheme='dark'] .accordion-panel-text {
    color: var(--mantine-color-text);
}

.home-text {
    font-weight: 500;
    /* font-size: large; */
    color: rgb(80, 80, 80);
    width: 95%;
    /* width: auto; */
    text-align: center;
    letter-spacing: 0px;
    /* padding-top: 50px; */
    /* margin-bottom: 50px; */
}

[data-mantine-color-scheme='dark'] .home-text {
    color: var(--mantine-color-text);
}

.app-picture {
    /* flex: none !important; */
    /* width: 60%; */
    /* height: 400px; */
    /* text-align: center; */
    /* align-items: right; */
    /* border: 1px solid rgb(80, 80, 80); */

}

.landing-page-card {
    border: 1px solid rgb(80, 80, 80);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
    /* background-color: rgb(100, 160, 130); */
    /* border-radius: 0; */
    /* box-shadow: springgreen; */
}

.ai-textinput-center {
    /* border: 2px solid rgb(80, 80, 80); */
    /* width: 60%; */
}

/* .grid-mrt {
    background-color: #7f2d2d;
    width: 100rem;
    border: 2px solid rgb(34, 34, 34);
} */
.mantineTableHeadCellProps {
    font-weight: 400;
    color: rgb(147, 20, 20);
}

.mantineTableProps {
    background-color: #7f2d2d;
    font-weight: 600;
    color: rgb(80, 80, 80);
    /* border: 2px solid rgb(80, 80, 80); */
}

.mantinePaperProps {
    border: 2px solid rgb(34, 34, 34);
}


.graph-hidden {
    visibility: hidden;
}

/* .header { */
/* position: fixed; */
/* top: 0; */
/* width: 100%; */
/* background-color: #79a97a; */
/* Set the background color as needed */
/* Add other styling properties as needed */
/* left: 0; */
/* height: 10px; */
/* margin-left: 10px; */
/* } */

/* ── Ticker Tape ─────────────────────────────── */
#ticker-tape-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    height: 90px;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 150;
    display: none;
    /* background-color: rgba(31, 31, 31, 0.8); */
    background-color: light-dark(rgb(255, 255, 255), rgba(31, 31, 31, 0.8));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.ticker-tape-toggle-btn {
    position: absolute;
    left: 60px;
    margin-left: auto;
    /* opacity: 0.75; */
    transition: opacity 0.2s ease;
}

.ticker-tape-toggle-btn:hover {
    opacity: 1;
    /* color: var(--mantine-color-green-9); */
    /* color: rgb(0, 100, 50) !important; */
    /* color: rgb(100, 160, 130) !important; */
}

.ticker-tape-toggle-btn[data-tape-active="true"] {
    opacity: 1;
    /* color: rgb(0, 100, 50) !important; */
    /* color: rgb(100, 160, 130) !important; */
    color: var(--mantine-color-green-9);
}

/* News card titles are links; in dark mode the default anchor colour is hard
   to read, so match the regular body text. Light mode is already fine. */
[data-mantine-color-scheme='dark'] .news-card-title {
    color: var(--mantine-color-text);
}

/* Source badges share one neutral surface (the favicon distinguishes them):
   the badge background matches the app background so it blends into the card,
   with the default text colour. Drives the Badge's own --badge-bg /
   --badge-color vars so no specificity fight. */
.news-source-badge {
    --badge-bg: var(--mantine-color-white);
    --badge-color: rgb(80, 80, 80);
    /* Drop the left padding so the favicon sits flush at the badge's left edge,
       lining up vertically with the card title. The bg matches the app
       background, so this padding was just invisible dead space. */
    padding-left: 0;
}

[data-mantine-color-scheme='dark'] .news-source-badge {
    --badge-bg: var(--mantine-color-dark-8);
    --badge-color: var(--mantine-color-text);
}

/* Fix the date-row badge label to the widest source (naftemporiki.gr ~103px)
   so the date that follows the badge lines up vertically across cards. Favicon
   and padding are constant, so equal label widths give equal badge widths. Not
   applied to the "also covered:" chips, where uniform width would look odd. */
.news-source-badge-fixed .mantine-Badge-label {
    min-width: 104px;
    text-align: left;
}

/* Stock (ticker) chips: the app has no blue, so override Mantine's default
   blue badge with the RSI-heatmap greens — deep green in light mode, the
   lighter sage (used on the switches) in dark mode. */
.news-ticker-badge {
    /* --badge-bg: rgb(0, 100, 50); */
    --badge-bg: rgba(50, 100, 70, 0.2);
    /* --badge-color: #ffffff; */
    --badge-color: oklch(0.4 0 0);
}

[data-mantine-color-scheme='dark'] .news-ticker-badge {
    /* --badge-bg: rgb(100, 160, 130); */
    /* --badge-bg: rgb(0, 100, 50); */
    --badge-bg: rgba(50, 100, 70, 0.5);
    --badge-color: var(--mantine-color-white);
}

/* The global .mantine-Container-root forces max-width:100%; override (higher
   specificity) so the news panel is a centered, capped-width single column. */
.mantine-Container-root.home-news-panel {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* EXPERIMENT: news cards' TradingView ticker tags. pointer-events:none
   suppresses the hover popup (and click). Remove to restore interactivity. */
.news-tv-ticker tv-ticker-tag {
    pointer-events: none;
}

/* News paginator: no blue. Active page = outlined only (border in the current
   text colour, no fill); hover = a subtle fill (dark-4 in dark, light grey in
   light). The compound selector beats Mantine's default control styles. */
.home-news-pagination .mantine-Pagination-control[data-active] {
    background-color: light-dark(var(--mantine-color-dark-4), var(--mantine-color-dark-4));
    border: 1px solid light-dark(transparent, var(--mantine-color-dark-4));
    color: light-dark(var(--mantine-color-white), var(--mantine-color-text));
}

.home-news-pagination .mantine-Pagination-control:not([data-active]):hover {
    background-color: var(--mantine-color-gray-2);
}

[data-mantine-color-scheme='dark'] .home-news-pagination .mantine-Pagination-control:not([data-active]):hover {
    background-color: var(--mantine-color-dark-3);
}