html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Profile menu in header */
.profile-name {
    font-size: 0.85rem;
    color: var(--rz-base-50);
}

.profile-avatar {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    margin-left: 8px;
    object-fit: cover;
    background-color: var(--rz-primary-darker);
}

.profile-avatar.anon {
    opacity: 0.7;
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e51230;
}

.validation-message {
    color: #e51230;
}

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

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

/* ?? Treemap tooltip ??????????????????????????????????????????????????????????? */
.treemap-tooltip {
    position:         absolute;
    pointer-events:   none;
    background:       rgba(15, 15, 20, 0.92);
    border:           1px solid rgba(255,255,255,0.15);
    border-radius:    6px;
    padding:          10px 14px;
    color:            #f0f0f0;
    font-size:        13px;
    min-width:        180px;
    box-shadow:       0 4px 16px rgba(0,0,0,0.5);
    z-index:          100;
    backdrop-filter:  blur(4px);
}

.treemap-tooltip .tt-symbol {
    font-size:   17px;
    font-weight: 700;
    color:       #fff;
    margin-bottom: 2px;
}

.treemap-tooltip .tt-name {
    font-size:     12px;
    color:         #aaa;
    margin-bottom: 8px;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
    max-width:     220px;
}

.treemap-tooltip .tt-row {
    display:         flex;
    justify-content: space-between;
    gap:             16px;
    padding:         2px 0;
}

.treemap-tooltip .tt-label {
    color:       #888;
    font-size:   12px;
    white-space: nowrap;
}

.treemap-tooltip .tt-up   { color: #4caf50; font-weight: 600; }
.treemap-tooltip .tt-down { color: #ef5350; font-weight: 600; }
.treemap-tooltip .tt-warn { color: #ffa726; font-weight: 600; }

.treemap-tooltip .tt-divider {
    border-top:  1px solid rgba(255,255,255,0.12);
    margin:      6px 0 4px;
}

.treemap-tooltip .tt-progress-track {
    display:          inline-block;
    width:            80px;
    height:           6px;
    background:       rgba(255,255,255,0.15);
    border-radius:    3px;
    overflow:         hidden;
    vertical-align:   middle;
}

.treemap-tooltip .tt-progress-fill {
    display:       block;
    height:        100%;
    border-radius: 3px;
    transition:    width 0.2s ease;
}

/* ?? Stock detail: volume chart label + chart spacing ?????????????????????????? */
.volume-chart-label {
    font-size:    11px;
    color:        #888;
    margin-top:   -4px;
}

/* Remove the top padding Radzen adds to the volume chart so it sits flush */
.volume-chart-label + .rz-chart {
    margin-top: 0 !important;
}


.timeline-bar {
    display:     flex;
    align-items: center;
    gap:         10px;
    padding:     8px 12px;
    background:  #f8f9fa;
    border:      1px solid rgba(0,0,0,.125);
    border-radius: 6px;
    flex-wrap:   wrap;
    position:    relative; /* anchor for the slider tooltip */
}

.timeline-play-btn {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           36px;
    height:          36px;
    border-radius:   50%;
    border:          none;
    background:      #1b6ec2;
    color:           #fff;
    font-size:       16px;
    cursor:          pointer;
    flex-shrink:     0;
    transition:      background 0.15s;
}

.timeline-play-btn:hover {
    background: #155a9e;
}

.timeline-slider {
    flex:        1;
    min-width:   120px;
    accent-color: #1b6ec2;
    cursor:      grab;
}

.timeline-slider:active {
    cursor: grabbing;
}

/* Floating date tooltip that appears above the slider thumb */
.slider-date-tip {
    display:          none;
    position:         absolute;
    top:              6px;
    transform:        translateY(-100%);
    background:       #fff;
    border:           1px solid rgba(0,0,0,.15);
    border-radius:    5px;
    padding:          4px 9px;
    color:            #333;
    font-size:        12px;
    font-weight:      600;
    white-space:      nowrap;
    pointer-events:   none;
    z-index:          300;
    box-shadow:       0 2px 6px rgba(0,0,0,0.12);
}

/* Small downward arrow on the tooltip */
.slider-date-tip::after {
    content:      '';
    position:     absolute;
    top:          100%;
    left:         50%;
    transform:    translateX(-50%);
    border:       5px solid transparent;
    border-top-color: rgba(0,0,0,.15);
}

/* ?? Weight slider drag tooltip (AI Score Settings) ?????????????????????????????? */
.weight-slider-tip {
    display:        none;
    position:       absolute;
    bottom:         calc(100% + 6px);
    background:     #1b1b2e;
    color:          #fff;
    border-radius:  5px;
    padding:        3px 10px;
    font-size:      12px;
    font-weight:    700;
    white-space:    nowrap;
    pointer-events: none;
    z-index:        300;
    box-shadow:     0 2px 6px rgba(0,0,0,0.18);
    transition:     opacity 0.1s ease;
}

.weight-slider-tip::after {
    content:   '';
    position:  absolute;
    top:       100%;
    left:      50%;
    transform: translateX(-50%);
    border:    5px solid transparent;
    border-top-color: #1b1b2e;
}

.weight-slider-tip[data-sign="pos"]::after  { border-top-color: #198754; }
.weight-slider-tip[data-sign="neg"]::after  { border-top-color: #dc3545; }
.weight-slider-tip[data-sign="zero"]::after { border-top-color: #6c757d; }

.timeline-date {
    font-size:   13px;
    font-weight: 600;
    color:       #333;
    white-space: nowrap;
}

/* ?? Stock Screener Panel ??????????????????????????????????????????????????????? */
.screener-panel {
    border:        1px solid rgba(0,0,0,.125);
    border-radius: 6px;
    background:    #fff;
    margin-bottom: 12px;
    overflow:      hidden;
}

/* Header: expand button + enable checkbox sit side-by-side */
.screener-header {
    display:     flex;
    align-items: center;
    background:  #f8f9fa;
}

.screener-toggle {
    display:     flex;
    align-items: center;
    gap:         6px;
    flex:        1;
    padding:     10px 14px;
    background:  #f8f9fa;
    border:      none;
    color:       #333;
    font-size:   14px;
    cursor:      pointer;
    text-align:  left;
    transition:  background 0.15s;
}
.screener-toggle:hover { background: #e9ecef; }

/* "Apply filters" checkbox — right side of the header */
.screener-enable-label {
    display:      flex;
    align-items:  center;
    gap:          6px;
    padding:      0 16px;
    color:        #555;
    font-size:    13px;
    cursor:       pointer;
    white-space:  nowrap;
    user-select:  none;
}
.screener-enable-cb {
    width:  15px;
    height: 15px;
    accent-color: #1b6ec2;
    cursor: pointer;
}

.screener-body {
    padding:    14px 16px 16px;
    border-top: 1px solid rgba(0,0,0,.08);
}

/* Fixed 4-column grid so all inputs align vertically */
.screener-grid {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   0 24px;
    margin-bottom:         14px;
    align-items:           start;
}
@media (max-width: 900px) {
    .screener-grid { grid-template-columns: repeat(2, 1fr); gap: 12px 20px; }
}
@media (max-width: 500px) {
    .screener-grid { grid-template-columns: 1fr; }
}

/* Each filter field: label (fixed height) + hint (fixed height) + input row */
.screener-field {
    display:               grid;
    grid-template-rows:    20px 18px auto;
    gap:                   4px;
}

.screener-field-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.screener-field-label {
    font-size:   12px;
    font-weight: 600;
    color:       #444;
    line-height: 20px;
}

.screener-field-enable {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: #666;
    cursor: pointer;
    user-select: none;
}

.screener-hint {
    font-size:   11px;
    color:       #888;
    line-height: 18px;
}

.screener-range {
    display:     flex;
    align-items: center;
    gap:         6px;
}

.screener-slider-group {
    display: grid;
    gap: 6px;
}

.screener-slider-group.is-disabled {
    opacity: .6;
}

.screener-slider-row {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    align-items: center;
    gap: 6px;
}

.screener-slider-tag {
    font-size: 11px;
    color: #666;
}

.screener-slider-row input[type="range"] {
    width: 100%;
}

.screener-slider-value {
    font-size: 11px;
    font-weight: 600;
    color: #444;
    min-width: 46px;
    text-align: right;
}

.screener-sep {
    color:     #666;
    font-size: 13px;
    flex-shrink: 0;
}

.screener-footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding-top:     12px;
    border-top:      1px solid rgba(0,0,0,.08);
}

.screener-match-count {
    font-size: 13px;
    color:     #666;
}

/* ?? Stock detail: AI report cards ???????????????????????????????????????????? */
.report-grid {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   14px;
}
@media (max-width: 768px) {
    .report-grid { grid-template-columns: 1fr; }
}

.report-card {
    border-radius: 6px;
    padding:       14px 16px;
    font-size:     13.5px;
    line-height:   1.6;
}
.report-card p { margin: 0; }
.report-card ul {
    margin:       0;
    padding-left: 18px;
}
.report-card ul li + li { margin-top: 5px; }

.report-card-title {
    font-size:      11px;
    font-weight:    700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom:  8px;
}

.report-card--overview {
    background:  #ffffff;
    border-left: 3px solid #888;
    color:       #000000;
}
.report-card--overview .report-card-title { color: #000000; }

.report-card--bull {
    background:  #ffffff;
    border-left: 3px solid #4caf50;
    color:       #000000;
}
.report-card--bull .report-card-title { color: #000000; }

.report-card--bear {
    background:  #ffffff;
    border-left: 3px solid #ef5350;
    color:       #000000;
}
.report-card--bear .report-card-title { color: #000000; }

.report-card--perf {
    grid-column:  1 / -1;   /* spans full width */
    background:   #ffffff;
    border-left:  3px solid #42a5f5;
    color:       #000000;
}
.report-card--perf .report-card-title { color: #000000; }

/* ?? AI Score breakdown card ??????????????????????????????????????????????????? */
.report-card--aiscore {
    grid-column:  1 / -1;
    background:   #ffffff;
    border-left:  3px solid #7c4dff;
    color:        #000;
}
.report-card--aiscore .report-card-title { color: #5e35b1; }

.aiscore-header {
    display:     flex;
    align-items: center;
    gap:         12px;
    margin-bottom: 12px;
}
.aiscore-value {
    font-size:   1.6rem;
    font-weight: 800;
    line-height: 1;
    min-width:   44px;
}
.aiscore-bar-wrap {
    flex:         1;
    height:       8px;
    background:   #e9ecef;
    border-radius: 4px;
    overflow:     hidden;
}
.aiscore-bar-fill {
    height:        100%;
    border-radius: 4px;
    transition:    width 0.4s ease;
}
.aiscore-peer-note {
    font-size:   11px;
    color:       #888;
    white-space: nowrap;
}

.aiscore-metrics {
    display:        flex;
    flex-direction: column;
    gap:            5px;
    margin-bottom:  10px;
}
.aiscore-metric-row {
    display:     grid;
    grid-template-columns: 160px 1fr 72px 70px 52px;
    align-items: center;
    gap:         8px;
    font-size:   12px;
}
@media (max-width: 640px) {
    .aiscore-metric-row { grid-template-columns: 130px 1fr 60px 60px 46px; }
}
.aiscore-metric-name {
    font-weight: 600;
    white-space: nowrap;
    overflow:    hidden;
    text-overflow: ellipsis;
}
.aiscore-metric-bar-track {
    height:        6px;
    background:    #e9ecef;
    border-radius: 3px;
    overflow:      hidden;
}
.aiscore-metric-bar-fill {
    height:        100%;
    background:    #7c4dff;
    border-radius: 3px;
}
.aiscore-metric-pct {
    color:      #555;
    font-size:  11px;
    text-align: right;
    white-space: nowrap;
}
.aiscore-metric-weight {
    color:       #888;
    font-size:   11px;
    text-align:  right;
    white-space: nowrap;
}
.aiscore-metric-contrib {
    font-weight: 700;
    font-size:   12px;
    text-align:  right;
    white-space: nowrap;
}
.aiscore-footnote {
    margin:    0;
    font-size: 11px;
    color:     #999;
    font-style: italic;
}

.report-disclaimer {
    margin-top: 12px;
    font-size:  11px;
    color:      #888;
}

/* ?? Stock detail: ticker breadcrumb dropdown ?????????????????????????????????? */
.ticker-breadcrumb-dd .rz-dropdown {
    background:    transparent;
    border:        none;
    border-bottom: 1px dashed rgba(255,255,255,0.25);
    border-radius: 0;
    padding:       0 20px 0 0;  /* room for the chevron */
    font-weight:   700;
    font-size:     1rem;
    color:         inherit;
    box-shadow:    none;
    min-height:    unset;
    line-height:   1.4;
}
.ticker-breadcrumb-dd .rz-dropdown:hover {
    border-bottom-color: rgba(255,255,255,0.6);
}
.ticker-breadcrumb-dd .rz-dropdown .rz-dropdown-label {
    padding: 0;
    font-weight: 700;
}

/* ?? Stock detail: MA toggle checkbox ?????????????????????????????????????????? */
.ma-toggle-label {
    display:     flex;
    align-items: center;
    gap:         5px;
    font-size:   12px;
    color:       #c8c8c8;
    cursor:      pointer;
    user-select: none;
    padding:     0 2px;
}
.ma-toggle-label--active { color: #4da6ff; }
.ma-toggle-label input[type=checkbox] {
    width:        14px;
    height:       14px;
    accent-color: #1b6ec2;
    cursor:       pointer;
}

/* ?? Stock detail: drag-to-zoom overlay ???????????????????????????????????????? */
.chart-zoom-overlay {
    position:       absolute;
    inset:          0;
    z-index:        5;
    pointer-events: none;   /* inactive — passes all events to Radzen chart beneath */
    border-radius:  4px;
}
.chart-zoom-overlay--active {
    cursor:         crosshair;
    pointer-events: all;    /* active — captures drag events */
}
/* Rubber-band selection highlight drawn by JS */
.czs {
    position:     absolute;
    top:          0;
    bottom:       0;
    background:   rgba(27, 110, 194, 0.15);
    border-left:  2px solid rgba(77, 166, 255, 0.8);
    border-right: 2px solid rgba(77, 166, 255, 0.8);
    pointer-events: none;
}

/* ?? Stock detail: Line / Candle chart-type toggle ??????????????????????? */
.chart-type-group {
    display:       flex;
    border:        1px solid #ced4da;
    border-radius: 4px;
    overflow:      hidden;
    flex-shrink:   0;
}
.chart-type-btn {
    background:  #fff;
    border:      none;
    padding:     3px 10px;
    font-size:   12px;
    cursor:      pointer;
    color:       #495057;
    line-height: 1.4;
    transition:  background 0.12s, color 0.12s;
}
.chart-type-btn:hover:not(.active) { background: #e9ecef; }
.chart-type-btn.active {
    background: #1b6ec2;
    color:      #fff;
}


a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e51230;
}

.validation-message {
    color: #e51230;
}

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

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}