/* /Components/Elements/AafTree.razor.rz.scp.css */
.main-container[b-c36a8mwld4] {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.9)), url("img/LoginBackground6.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: calc(100%+20px);
    margin: -20px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 2px solid var(--LogoGrey);
    box-shadow: 0 -20px 40px -10px rgba(0, 0, 0, 0.3);
}

.heading-container[b-c36a8mwld4] {
    background-color: white;
    width: 40%;
    height: auto;
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.heading[b-c36a8mwld4] {
    font-family: var(--font-family-base);
    font-size: 2.0rem;
    font-weight: 200;
    color: var(--LogoGreen);
    letter-spacing: 2px;
}

.line[b-c36a8mwld4] {
    border: 1px solid var(--LogoGrey);
    width: 80%
}

.text[b-c36a8mwld4] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    text-align: center;
    margin: 5px;
}

.text-bold[b-c36a8mwld4] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGold);
}

.company-name[b-c36a8mwld4] {
    font-family: var(--font-family-base);
    font-size: var(--MediumFont);
    font-weight: 500;
    color: var(--LogoGreen);
    letter-spacing: 2px;
    margin: 0px;
}

.tree-container[b-c36a8mwld4] {
    position: relative;
    width: 80%;
    aspect-ratio: 10/8;
}

.center[b-c36a8mwld4] {
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 200px 200px rgba(0, 0, 0, 0.2);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin: -15%;
    overflow: hidden;
}

    .center img[b-c36a8mwld4] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.company[b-c36a8mwld4] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: white;
    border: 2px solid var(--LogoGreen);
    width: 12%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    margin: -6%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.4s ease-in-out; /* Transition the box-shadow */
}

    .company:hover[b-c36a8mwld4] {
        box-shadow: 0 0 80px 40px rgba(255, 255, 255, 0.8);
    }

    .company img[b-c36a8mwld4] {
        width: 75%;
        height: 75%;
        object-fit: contain;
        display: block;
    }

    .company > :last-child[b-c36a8mwld4] {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    .company:hover > :last-child[b-c36a8mwld4] {
        opacity: 1;
    }

.company-per-share[b-c36a8mwld4] {
    display: flex;
    align-content: center;
    justify-items: center;
    background-color: var(--LogoGrey);
    border: 2px solid var(--LogoGreen);
    width: 40%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    margin: -20%;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.2);
}

.company-fair-value-per-share-text[b-c36a8mwld4] {
    font-size: var(--SmallMediumFont);
    color: white;
}

.company-information-desktop[b-c36a8mwld4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    position: absolute;
    border-radius: 40%;
    width: 180%;
    border: 2px solid var(--LogoGold);
    aspect-ratio: 1 / 1;
    background-color: white;
    pointer-events: none; /* Exclude this element from hover area */
}

.leaf[b-c36a8mwld4] {
    display: flex;
    align-content: center;
    justify-items: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5%;
    aspect-ratio: 1/1;
    margin: -2.5%;
}

    .leaf img[b-c36a8mwld4] {
        width: 40%;
        height: 40%;
        object-fit: cover;
        display: block;
    }

/* /Components/Elements/AafTreeMobile.razor.rz.scp.css */
.portfolio-mobile-container[b-tfesldn0c2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 16px;
}

.portfolio-mobile-title[b-tfesldn0c2] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0;
}

.portfolio-mobile-subtitle[b-tfesldn0c2] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 4px;
}

.portfolio-company-card[b-tfesldn0c2] {
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 16px;
    box-sizing: border-box;
}

.portfolio-company-header[b-tfesldn0c2] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.portfolio-company-logo[b-tfesldn0c2] {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    object-fit: contain;
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 10px;
    background-color: white;
}

.portfolio-company-name[b-tfesldn0c2] {
    font-family: var(--font-family-base);
    font-size: var(--MediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0;
}

.portfolio-company-notes[b-tfesldn0c2] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    line-height: 1.5;
    margin: 0 0 12px;
}

.portfolio-company-divider[b-tfesldn0c2] {
    border: none;
    border-top: 1px solid var(--LogoLightGrey);
    margin: 0 0 12px;
}

.portfolio-company-stats[b-tfesldn0c2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.portfolio-company-stat[b-tfesldn0c2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.portfolio-company-stat-label[b-tfesldn0c2] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}

.portfolio-company-stat-value[b-tfesldn0c2] {
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--LogoGold);
}
/* /Components/Elements/DividendHistoryTable.razor.rz.scp.css */
.dividend-history-empty[b-su1zfaypd2] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    text-align: center;
    margin: 20px 0;
}

.grid-mobile-wrapper[b-su1zfaypd2] {
    position: relative;
}

.grid-scroll-inner[b-su1zfaypd2] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .grid-scroll-inner[b-su1zfaypd2]::-webkit-scrollbar {
        height: 6px;
    }

    .grid-scroll-inner[b-su1zfaypd2]::-webkit-scrollbar-thumb {
        background: var(--LogoGreen);
        border-radius: 3px;
    }

    .grid-scroll-inner[b-su1zfaypd2]::-webkit-scrollbar-track {
        background: var(--PageBackground);
    }

@media (max-width: 1000px) {
    .grid-mobile-wrapper[b-su1zfaypd2]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6px;
        width: 28px;
        background: linear-gradient(to right, transparent, #ffffff);
        pointer-events: none;
    }
}

/* Dividend status: Paid (received), Recorded (record date passed, awaiting payment),
   Upcoming (declared, estimated on today's holding) */
.status-pill[b-su1zfaypd2] {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 2px 8px;
}

    .status-pill.paid[b-su1zfaypd2] {
        color: #0F6E56;
        background: rgba(15, 110, 86, 0.12);
    }

    .status-pill.recorded[b-su1zfaypd2] {
        color: #8A6A20;
        background: rgba(178, 141, 53, 0.18);
    }

    .status-pill.upcoming[b-su1zfaypd2] {
        color: #475749;
        background: #E9F0EF;
    }
/* /Components/Elements/DocumentSelector.razor.rz.scp.css */
.document-selector-card[b-n1exmzziua] {
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 16px;
    margin-bottom: 16px;
}

.document-selector-title[b-n1exmzziua] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.document-selector-subtitle[b-n1exmzziua] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.document-selection-container[b-n1exmzziua] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .document-selection-container[b-n1exmzziua]  .e-dropdownlist {
        flex: 1;
        min-width: 0;
    }

@media (max-width: 1000px) {
    .document-selection-container[b-n1exmzziua] {
        flex-direction: column;
        align-items: stretch;
    }
}

.view-document-link[b-n1exmzziua] {
    box-sizing: border-box;
    padding: 0 18px;
    text-decoration: none;
    white-space: nowrap;
}
/* /Components/Elements/FinancialCards.razor.rz.scp.css */
.text-container[b-gfy96tar4w] {
    display: flex;
    align-items: baseline; 
}

.a[b-gfy96tar4w] {
    font-size: var(--LargeFont);
    color: var(--LogoGold);
}

.b[b-gfy96tar4w] {
    font-size: var(--LargeFont);
}

.c[b-gfy96tar4w] {
    font-size: var(--MediumFont);
    color: var(--LogoGold);
}

.FinancialCardContainer[b-gfy96tar4w] {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    height: 120px;
    width: 100%;
}

@media (max-width: 1000px) {
    .FinancialCardContainer[b-gfy96tar4w] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        height: auto;
        width: 100%;
    }
}
@media (max-width: 600px) {
    .FinancialCardContainer[b-gfy96tar4w] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        height: auto;
        width: 100%;
    }
}
/* /Components/Elements/ImportantDatesNews.razor.rz.scp.css */
.main-container[b-iymydc33fk] {
    margin-top: 16px;
    width: 100%;
}

.dates-news-card[b-iymydc33fk] {
    display: flex;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 16px;
    gap: 24px;
}

.news-panel[b-iymydc33fk] {
    flex: 1.4;
    min-width: 0;
    border-right: 1px solid var(--LogoLightGrey);
    padding-right: 24px;
}

.dates-panel[b-iymydc33fk] {
    flex: 1;
    min-width: 0;
}

.panel-title[b-iymydc33fk] {
    font-family: var(--font-family-base);
    font-size: var(--MediumFont);
    font-weight: 500;
    color: var(--LogoGreen);
    margin: 0 0 10px;
}

.empty-message[b-iymydc33fk] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0;
}

/* news list */
.news-list[b-iymydc33fk] {
    border-top: 1px solid var(--LogoLightGrey);
}

.news-row[b-iymydc33fk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid var(--LogoLightGrey);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .news-row:hover[b-iymydc33fk] {
        background-color: rgba(18, 67, 62, 0.04);
    }

.news-row-title[b-iymydc33fk] {
    font-size: var(--SmallMediumFont);
    color: var(--AAFRoyalBlue);
}

.news-row-chevron[b-iymydc33fk] {
    width: 12px;
    flex-shrink: 0;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

    .news-row-chevron.expanded[b-iymydc33fk] {
        transform: rotate(90deg);
    }

.news-row-body[b-iymydc33fk] {
    background-color: rgba(178, 141, 53, 0.08);
    border-left: 2px solid var(--LogoGold);
    padding: 10px 12px;
    margin: 4px 0;
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
}

/* dates timeline */
.dates-timeline[b-iymydc33fk] {
    position: relative;
    padding-left: 20px;
}

    .dates-timeline[b-iymydc33fk]::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 4px;
        bottom: 4px;
        width: 2px;
        background-color: var(--LogoLightGrey);
    }

.timeline-item[b-iymydc33fk] {
    position: relative;
    margin-bottom: 16px;
}

    .timeline-item:last-child[b-iymydc33fk] {
        margin-bottom: 0;
    }

.timeline-dot[b-iymydc33fk] {
    position: absolute;
    left: -17px;
    top: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--LogoGrey);
}

.timeline-item.next .timeline-dot[b-iymydc33fk] {
    background-color: var(--LogoGold);
}

.timeline-date[b-iymydc33fk] {
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.timeline-description[b-iymydc33fk] {
    font-size: var(--SmallFont);
    color: var(--DarkGreen);
    margin-top: 2px;
}

@media (max-width: 1000px) {
    .dates-news-card[b-iymydc33fk] {
        flex-direction: column;
    }

    .news-panel[b-iymydc33fk] {
        border-right: none;
        border-bottom: 1px solid var(--LogoLightGrey);
        padding-right: 0;
        padding-bottom: 16px;
    }
}
/* /Components/Elements/InfoCards.razor.rz.scp.css */
[b-bjc9ncv1m0] .e-card-clickable-top.e-card,
[b-bjc9ncv1m0] .e-card-non-clickable-top.e-card {
    background-color: var(--surface);
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    transition: box-shadow 0.15s ease;
}

    [b-bjc9ncv1m0] .e-card-clickable-top.e-card:hover {
        cursor: pointer;
        box-shadow: var(--card-shadow-hover);
    }

[b-bjc9ncv1m0] .e-card-header-title {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGrey);
}

.text-container[b-bjc9ncv1m0] {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.a[b-bjc9ncv1m0] {
    font-size: var(--MediumFont);
    color: var(--LogoGold);
}

.b[b-bjc9ncv1m0] {
    font-size: var(--MediumFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
}

.c[b-bjc9ncv1m0] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGold);
}

.info-card-top-container[b-bjc9ncv1m0] {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 120px;
    gap: 16px;
    margin-bottom: 16px;
}

.table-container[b-bjc9ncv1m0] {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
    margin-top: 16px;
    background-color: var(--TextColour);
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    overflow: hidden;
}

.heading[b-bjc9ncv1m0] {
    font-family: 'Montserrat', sans-serif;
    font-size: var(--SmallMediumFont);
    font-weight: 300; /* medium weight for modern look */
    letter-spacing: 0.5px;
    color: var(--LogoGreen);
    margin: 8px;
}

.info-card-bottom-container[b-bjc9ncv1m0] {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 280px;
    gap: 16px;
    margin-bottom: 16px;
}

/*div card*/
.dividend-card-master-container[b-bjc9ncv1m0]{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.dividend-spark-graph-container[b-bjc9ncv1m0] {
    width: 60%;
    height: 100%;
    border-right: 2px solid #F0F0F0;
}

.dividend-text-container[b-bjc9ncv1m0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 40%;
    height: 100%;
}

.divider[b-bjc9ncv1m0] {
    border: none;
    border-bottom: 2px solid #F0F0F0;
    width: 80%;
    margin: 10px 0;
}

/*nav card*/
.nav-card-master-container[b-bjc9ncv1m0] {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.nav-spark-graph-container[b-bjc9ncv1m0] {
    width: 60%;
    height: 100%;
    border-left: 2px solid #F0F0F0;
}

.nav-text-container[b-bjc9ncv1m0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 40%;
    height: 100%;
}

@media (max-width: 1000px) {
    .info-card-top-container[b-bjc9ncv1m0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        height: auto;
    }

    .dividend-card-master-container[b-bjc9ncv1m0] {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }

    .dividend-spark-graph-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 60%;
        border-right: 0px;
    }

    .dividend-text-container[b-bjc9ncv1m0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 40%;
    }

    .divider[b-bjc9ncv1m0] {
        border: none;
        border-bottom: 2px solid #F0F0F0;
        width: 0%;
        margin: 10px 0;
    }

    .nav-card-master-container[b-bjc9ncv1m0] {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }

    .nav-spark-graph-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 60%;
        border-right: 0px;
    }

    .nav-text-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 40%;
    }

    .info-card-bottom-container[b-bjc9ncv1m0] {
        height: 400px;
    }
}

@media (max-width: 800px) {
    .info-card-top-container[b-bjc9ncv1m0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        height: auto;
    }
    .info-card-bottom-container[b-bjc9ncv1m0] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        height: auto;
    }

    .dividend-card-master-container[b-bjc9ncv1m0] {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }

    .dividend-spark-graph-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 70%;
        border-right: 0px;
    }

    .dividend-text-container[b-bjc9ncv1m0] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 30%;
    }

    .divider[b-bjc9ncv1m0] {
        border: none;
        border-bottom: 2px solid #F0F0F0;
        width: 0%;
        margin: 10px 0;
    }

    .nav-card-master-container[b-bjc9ncv1m0] {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: space-evenly;
    }

    .nav-spark-graph-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 70%;
        border-right: 0px;
    }

    .nav-text-container[b-bjc9ncv1m0] {
        width: 100%;
        height: 30%;
    }

    .info-card-bottom-container[b-bjc9ncv1m0] {
        height: 800px;
    }

    [b-bjc9ncv1m0] .e-card-clickable-top .e-card-header .e-card-header-caption .e-card-header-title,
    [b-bjc9ncv1m0] .e-card-non-clickable-top .e-card-header .e-card-header-caption .e-card-header-title {
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
        line-height: 1.2;
    }

    [b-bjc9ncv1m0] .e-card-clickable-top .e-card-header,
    [b-bjc9ncv1m0] .e-card-non-clickable-top .e-card-header {
        height: auto;
        min-height: 40%;
        padding-bottom: 4px;
    }
}

/* /Components/Elements/InvestmentPerformance.razor.rz.scp.css */
.investment-summary-row[b-bt8tucl2n4] {
    display: flex;
    gap: 16px;
    width: 100%;
    margin-bottom: 16px;
}

.investment-summary-card[b-bt8tucl2n4] {
    flex: 1;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 16px 20px;
    box-sizing: border-box;
}

.investment-summary-label[b-bt8tucl2n4] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGrey);
    margin: 0 0 6px;
}

.investment-summary-value[b-bt8tucl2n4] {
    font-size: var(--MediumFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    margin: 0;
}

.investment-summary-unit[b-bt8tucl2n4] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGold);
}

.investment-graph-container[b-bt8tucl2n4] {
    width: 100%;
    height: 760px;
    background-color: white;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.investment-callout[b-bt8tucl2n4] {
    margin-bottom: 8px;
}

.investment-callout-label[b-bt8tucl2n4] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 4px;
}

.investment-callout-value-row[b-bt8tucl2n4] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.investment-callout-value[b-bt8tucl2n4] {
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.investment-callout-badge[b-bt8tucl2n4] {
    font-size: var(--SmallFont);
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
}

    .investment-callout-badge.positive[b-bt8tucl2n4] {
        color: var(--LogoGreen);
        background-color: rgba(18, 67, 62, 0.08);
    }

    .investment-callout-badge.negative[b-bt8tucl2n4] {
        color: var(--danger-color);
        background-color: var(--danger-bg);
    }

.investment-callout-note[b-bt8tucl2n4] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    margin: 4px 0 0;
}

.investment-custom-legend[b-bt8tucl2n4] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 4px;
}

.investment-legend-item[b-bt8tucl2n4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--SmallFont);
    color: var(--DarkGreen);
}

.investment-legend-dot[b-bt8tucl2n4] {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.investment-chart-wrapper[b-bt8tucl2n4] {
    flex: 1;
    min-height: 0;
}

.investment-movement-heading[b-bt8tucl2n4] {
    flex-shrink: 0;
    text-align: center;
    margin-top: 4px;
}

.investment-movement-title[b-bt8tucl2n4] {
    font-family: var(--font-family-base);
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 2px;
}

.investment-movement-subtitle[b-bt8tucl2n4] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    margin: 0;
}

.field-highlight[b-bt8tucl2n4] {
    color: var(--LogoGold);
    font-weight: 600;
}

.not-a-shareholder-container[b-bt8tucl2n4] {
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.not-a-shareholder-icon-badge[b-bt8tucl2n4] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(178, 141, 53, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.not-a-shareholder-icon[b-bt8tucl2n4] {
    width: 26px;
    height: 26px;
    opacity: 0.8;
}

.not-a-shareholder-title[b-bt8tucl2n4] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 8px;
}

.not-a-shareholder-text[b-bt8tucl2n4] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    max-width: 420px;
    line-height: 1.5;
    margin: 0 0 20px;
}

.not-a-shareholder-container .e-btn-primary-autowidth[b-bt8tucl2n4] {
    height: 36px;
    padding: 0 18px;
    font-size: var(--SmallMediumFont);
    text-decoration: none;
    box-sizing: border-box;
}

@media (max-width: 1000px) {
    .investment-summary-row[b-bt8tucl2n4] {
        flex-direction: column;
    }

    .investment-graph-container[b-bt8tucl2n4] {
        height: 580px;
    }

    .investment-callout-value[b-bt8tucl2n4] {
        font-size: var(--LargeFont);
    }
}
/* /Components/Elements/NAVHistoryGrid.razor.rz.scp.css */
.grid-mobile-wrapper[b-szv7ervvar] {
    position: relative;
}

.grid-scroll-inner[b-szv7ervvar] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .grid-scroll-inner[b-szv7ervvar]::-webkit-scrollbar {
        height: 6px;
    }

    .grid-scroll-inner[b-szv7ervvar]::-webkit-scrollbar-thumb {
        background: var(--LogoGreen);
        border-radius: 3px;
    }

    .grid-scroll-inner[b-szv7ervvar]::-webkit-scrollbar-track {
        background: var(--PageBackground);
    }

@media (max-width: 1000px) {
    .grid-mobile-wrapper[b-szv7ervvar]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6px;
        width: 28px;
        background: linear-gradient(to right, transparent, #ffffff);
        pointer-events: none;
    }
}
/* /Components/Elements/OrderBook.razor.rz.scp.css */
.order-book-card[b-0q0e43h3fi] {
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 16px;
    margin-top: 16px;
}

.order-book-card-header[b-0q0e43h3fi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order-book-title[b-0q0e43h3fi] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.order-book-actions[b-0q0e43h3fi] {
    display: flex;
    gap: 8px;
}

    .order-book-actions[b-0q0e43h3fi]  .e-btn {
        width: auto;
        min-width: 72px;
        height: 36px;
        padding: 0 20px;
        border-radius: 8px;
    }

.recent-transaction-buttons-container[b-0q0e43h3fi] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.link-button[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}

.order-book-container[b-0q0e43h3fi] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
}

    .order-book-container[b-0q0e43h3fi]  .e-grid {
        flex: 1;
        min-width: 0;
    }

/* flatten the default Syncfusion grid chrome to match the card */
[b-0q0e43h3fi] .depth-grid.e-grid {
    border: none;
    background: transparent;
}

    [b-0q0e43h3fi] .depth-grid .e-gridheader {
        background: transparent;
        border-bottom: 1px solid var(--LogoLightGrey);
        padding: 0;
    }

    [b-0q0e43h3fi] .depth-grid .e-headercell {
        background: transparent;
        color: var(--DarkGreen);
        font-weight: 500;
        font-size: var(--SmallFont);
        border: none;
    }

    [b-0q0e43h3fi] .depth-grid .e-content {
        background: transparent;
    }

    [b-0q0e43h3fi] .depth-grid .e-rowcell {
        border: none;
        border-bottom: 1px solid var(--LogoLightGrey);
        font-size: var(--SmallMediumFont);
        font-weight: 500;
        color: var(--AAFRoyalBlue);
        padding: 0;
    }

    [b-0q0e43h3fi] .depth-grid .e-row:hover .e-rowcell {
        background-color: rgba(18, 67, 62, 0.04);
    }

.depth-cell[b-0q0e43h3fi] {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    font-size: var(--SmallMediumFont);
    font-weight: 700;
}

.depth-cell-bid[b-0q0e43h3fi] {
    justify-content: flex-end;
    color: var(--LogoGreen);
}

.depth-cell-offer[b-0q0e43h3fi] {
    justify-content: flex-start;
    color: var(--LogoGold);
}

.grid-mobile-wrapper[b-0q0e43h3fi] {
    position: relative;
}

.grid-scroll-inner[b-0q0e43h3fi] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .grid-scroll-inner[b-0q0e43h3fi]::-webkit-scrollbar {
        height: 6px;
    }

    .grid-scroll-inner[b-0q0e43h3fi]::-webkit-scrollbar-thumb {
        background: var(--LogoGreen);
        border-radius: 3px;
    }

    .grid-scroll-inner[b-0q0e43h3fi]::-webkit-scrollbar-track {
        background: var(--PageBackground);
    }

@media (max-width: 1000px) {
    .grid-mobile-wrapper[b-0q0e43h3fi]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6px;
        width: 28px;
        background: linear-gradient(to right, transparent, #ffffff);
        pointer-events: none;
    }
}

.order-book-footnote[b-0q0e43h3fi] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    margin: 20px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--LogoLightGrey);
}

.order-section-label[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--LogoGreen);
    margin: 24px 0 10px;
}

    .order-section-label:first-child[b-0q0e43h3fi] {
        margin-top: 0;
    }

.not-a-shareholder-container[b-0q0e43h3fi] {
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    margin-top: 16px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.not-a-shareholder-icon-badge[b-0q0e43h3fi] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: rgba(178, 141, 53, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.not-a-shareholder-icon[b-0q0e43h3fi] {
    width: 26px;
    height: 26px;
    opacity: 0.8;
}

.not-a-shareholder-title[b-0q0e43h3fi] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 8px;
}

.not-a-shareholder-text[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    max-width: 420px;
    line-height: 1.5;
    margin: 0 0 20px;
}

.not-a-shareholder-container .e-btn-primary-autowidth[b-0q0e43h3fi] {
    height: 36px;
    padding: 0 18px;
    font-size: var(--SmallMediumFont);
    text-decoration: none;
    box-sizing: border-box;
}

/* 2x2 grid so the open and pending rows line up across the buy and sell sides */
.user-orders-container[b-0q0e43h3fi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
        "open-buy open-sell"
        "pending-buy pending-sell";
    column-gap: 20px;
    row-gap: 24px;
    align-items: start;
    width: 100%;
}

.orders-open-buy[b-0q0e43h3fi] { grid-area: open-buy; }
.orders-pending-buy[b-0q0e43h3fi] { grid-area: pending-buy; }
.orders-open-sell[b-0q0e43h3fi] { grid-area: open-sell; }
.orders-pending-sell[b-0q0e43h3fi] { grid-area: pending-sell; }

/*CSS for the post bid dialog box*/
.message[b-0q0e43h3fi] {
    font-size: 0.9em;
    color: var(--LogoGreen);
    text-align: center;
}

/* CSS for the place bid / place offer dialogs, matching the established dialog pattern */
.dialog-title[b-0q0e43h3fi] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.dialog-subtitle[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.field-group[b-0q0e43h3fi] {
    margin-bottom: 14px;
}

.field-label[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    margin: 0 0 6px;
}

.field-highlight[b-0q0e43h3fi] {
    color: var(--LogoGold);
    font-weight: 600;
}

.field-hint[b-0q0e43h3fi] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    font-style: italic;
    margin: 6px 0 0;
}

.cost-summary[b-0q0e43h3fi] {
    margin: 4px 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
}

.cost-summary-row[b-0q0e43h3fi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--SmallMediumFont);
    color: var(--AAFRoyalBlue);
}

.cost-summary-value[b-0q0e43h3fi] {
    font-weight: 600;
    color: var(--LogoGreen);
}

.cost-summary-note[b-0q0e43h3fi] {
    font-size: var(--SmallFont);
    color: var(--DarkGreen);
    margin: 8px 0 0;
}

.dialog-success-banner[b-0q0e43h3fi] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid var(--LogoGreen);
    border-radius: 8px;
    background-color: rgba(18, 67, 62, 0.06);
}

    .dialog-success-banner p[b-0q0e43h3fi] {
        margin: 0;
        font-size: var(--SmallMediumFont);
        color: var(--LogoGreen);
    }

.dialog-actions[b-0q0e43h3fi] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

    .dialog-actions[b-0q0e43h3fi]  .e-btn {
        padding: 6px 22px;
    }

/*CSS for the cancel order dialog box*/

.form-container > *:last-child[b-0q0e43h3fi] {
    margin-top: auto;
}

.button-container[b-0q0e43h3fi] {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 480px) {
    .order-book-container[b-0q0e43h3fi] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        justify-content: flex-start;
    }
    .recent-transaction-buttons-container[b-0q0e43h3fi] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}
@media (max-width: 1500px) {
    /* stack into one column: buy side first, then sell side */
    .user-orders-container[b-0q0e43h3fi] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "open-buy"
            "pending-buy"
            "open-sell"
            "pending-sell";
    }

    .order-book-title[b-0q0e43h3fi] {
        font-size: var(--MediumFont);
    }
}
.dealings-note[b-0q0e43h3fi] {
    font-size: 0.8rem;
    color: var(--text-muted);
    margin: 0 0 0.75rem 0;
}

/* CSS for the recent share transactions dialog */
.tx-toolbar[b-0q0e43h3fi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.tx-filters[b-0q0e43h3fi] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.tx-chip[b-0q0e43h3fi] {
    font-family: var(--font-family-base);
    font-size: 0.8rem;
    padding: 4px 14px;
    border-radius: 999px;
    border: 1px solid var(--LogoLightGrey);
    background-color: white;
    color: var(--DarkGreen);
    cursor: pointer;
}

    .tx-chip:hover[b-0q0e43h3fi] {
        border-color: var(--LogoGrey);
    }

.tx-chip-active[b-0q0e43h3fi],
.tx-chip-active:hover[b-0q0e43h3fi] {
    background-color: var(--LogoGreen);
    border-color: var(--LogoGreen);
    color: white;
}

/* flatten the default Syncfusion grid chrome */
.tx-panel[b-0q0e43h3fi]  .tx-grid.e-grid {
    border: none;
    font-variant-numeric: tabular-nums;
}

.tx-panel[b-0q0e43h3fi]  .tx-grid .e-gridheader {
    border-bottom: 1px solid var(--LogoLightGrey);
}

.tx-panel[b-0q0e43h3fi]  .tx-grid .e-headercell {
    background: transparent;
    color: var(--LogoGrey);
    font-size: var(--SmallFont);
    font-weight: 500;
}

.tx-panel[b-0q0e43h3fi]  .tx-grid .e-rowcell {
    border-color: #F1F4F3;
    font-size: 0.85rem;
    color: var(--AAFRoyalBlue);
}

.tx-panel[b-0q0e43h3fi]  .tx-grid .e-row:hover .e-rowcell {
    background-color: rgba(18, 67, 62, 0.04);
}

/* related party rows: sand tint, gold edge, greyed-out figures */
.tx-panel[b-0q0e43h3fi]  .tx-grid .tx-related-row .e-rowcell {
    background-color: #FBF8EF;
}

.tx-panel[b-0q0e43h3fi]  .tx-grid .tx-related-row .e-rowcell:first-child {
    box-shadow: inset 3px 0 0 var(--LogoGold);
}

.tx-panel[b-0q0e43h3fi]  .tx-related-row .tx-price,
.tx-panel[b-0q0e43h3fi]  .tx-related-row .tx-value {
    color: var(--LogoGrey);
}

.tx-panel[b-0q0e43h3fi]  .tx-trade-date {
    font-weight: 600;
}

.tx-panel[b-0q0e43h3fi]  .tx-muted {
    color: var(--LogoGrey);
}

.tx-panel[b-0q0e43h3fi]  .tx-price {
    font-weight: 600;
}

.tx-panel[b-0q0e43h3fi]  .tx-value {
    color: var(--DarkGreen);
}

.tx-panel[b-0q0e43h3fi]  .tx-move {
    font-size: 0.65rem;
    margin-right: 4px;
}

.tx-panel[b-0q0e43h3fi]  .tx-move-up {
    color: var(--LogoGreen);
}

.tx-panel[b-0q0e43h3fi]  .tx-move-down {
    color: var(--danger-color);
}

.tx-panel[b-0q0e43h3fi]  .tx-pill {
    display: inline-block;
    font-size: 0.72rem;
    padding: 2px 10px;
    border-radius: 999px;
    white-space: nowrap;
}

.tx-panel[b-0q0e43h3fi]  .tx-pill-market {
    background-color: var(--LogoLightGrey);
    color: var(--LogoGreen);
}

.tx-panel[b-0q0e43h3fi]  .tx-pill-offmarket {
    background-color: #F3EEDB;
    color: #7A5F1F;
}

.tx-panel[b-0q0e43h3fi]  .tx-pill-related {
    background-color: var(--LogoGold);
    color: white;
}

/* directors dealings: buy / sell pills with an optional muted detail, e.g. "Mutual agreement" */
.tx-panel[b-0q0e43h3fi]  .tx-pill-buy {
    background-color: var(--LogoLightGrey);
    color: var(--LogoGreen);
}

.tx-panel[b-0q0e43h3fi]  .tx-pill-sell {
    background-color: #F3EEDB;
    color: #7A5F1F;
}

.tx-panel[b-0q0e43h3fi]  .tx-detail {
    font-size: 0.75rem;
    margin-left: 6px;
}

/* shown in place of an order grid when the account has no orders of that kind */
.order-empty[b-0q0e43h3fi] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--LogoLightGrey);
}

/* Tender offer notice under the order book */
.tender-notice[b-0q0e43h3fi] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 16px;
    background: var(--warning-bg);
    border: 1px solid var(--warning-border);
    border-radius: 8px;
}

.tender-notice-icon[b-0q0e43h3fi] {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--LogoGold);
}

.tender-notice-title[b-0q0e43h3fi] {
    margin: 0 0 2px;
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.tender-notice-body[b-0q0e43h3fi] {
    margin: 0;
    font-size: var(--SmallFont);
    line-height: 1.5;
    color: var(--DarkGreen);
}
/* /Components/Elements/ShareHistoryGrid.razor.rz.scp.css */
.grid-mobile-wrapper[b-6rmn5fp64k] {
    position: relative;
}

.grid-scroll-inner[b-6rmn5fp64k] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .grid-scroll-inner[b-6rmn5fp64k]::-webkit-scrollbar {
        height: 6px;
    }

    .grid-scroll-inner[b-6rmn5fp64k]::-webkit-scrollbar-thumb {
        background: var(--LogoGreen);
        border-radius: 3px;
    }

    .grid-scroll-inner[b-6rmn5fp64k]::-webkit-scrollbar-track {
        background: var(--PageBackground);
    }

@media (max-width: 1000px) {
    .grid-mobile-wrapper[b-6rmn5fp64k]::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 6px;
        width: 28px;
        background: linear-gradient(to right, transparent, #ffffff);
        pointer-events: none;
    }
}
/* /Components/Elements/ShareholderIdSelector.razor.rz.scp.css */
.main-container[b-wucgb7zirq] {
    display: flex;
    align-items: stretch;
    width: fit-content;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    overflow: hidden;
    margin-bottom: 4px;
}

.account-segment[b-wucgb7zirq] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    border-right: 1px solid var(--LogoLightGrey);
}

.account-segment-btn[b-wucgb7zirq] {
    display: flex;
    align-items: center;
    padding: 0 12px;
}

.seperator-line[b-wucgb7zirq] {
    border: none;
    height: 1px;
    background-color: var(--LogoLightGrey);
    margin: 8px 0;
    width: 100%;
}

.heading[b-wucgb7zirq] {
    font-family: var(--font-family-base);
    font-size: var(--SmallFont);
    font-weight: 400;
    color: var(--LogoGreen);
    text-align: center;
    letter-spacing: 0.4px;
    margin: 0 0 2px;
}

.acount-heading[b-wucgb7zirq] {
    font-family: var(--font-family-base);
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--AAFRoyalBlue);
    text-align: center;
    margin: 0;
}

.value-chip[b-wucgb7zirq] {
    background-color: var(--LogoSand);
    border-radius: 4px;
    padding: 1px 8px;
}

/*Dialog box styling*/

.main-dialog-container[b-wucgb7zirq] {
    width: 90vw;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    padding: 4px 2px;
}

.dialog-title[b-wucgb7zirq] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.dialog-subtitle[b-wucgb7zirq] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.account-option-list[b-wucgb7zirq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 280px;
    overflow-y: auto;
    margin-bottom: 16px;
}

.account-option[b-wucgb7zirq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

    .account-option:hover[b-wucgb7zirq] {
        background-color: rgba(18, 67, 62, 0.05);
    }

    .account-option.selected[b-wucgb7zirq] {
        border-color: var(--LogoGold);
        background-color: rgba(178, 141, 53, 0.12);
    }

.account-option-radio[b-wucgb7zirq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid var(--LogoGrey);
    flex-shrink: 0;
    transition: border-color 0.2s ease;
}

    .account-option.selected .account-option-radio[b-wucgb7zirq] {
        border-color: var(--LogoGreen);
    }

    .account-option.selected .account-option-radio[b-wucgb7zirq]::after {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--LogoGreen);
    }

.account-option-text[b-wucgb7zirq] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.account-option-name[b-wucgb7zirq] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--AAFRoyalBlue);
}

.account-option-id[b-wucgb7zirq] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}

.dialog-actions[b-wucgb7zirq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

@media (max-width: 1000px) {
    .main-container[b-wucgb7zirq] {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .account-segment-hide-mobile[b-wucgb7zirq] {
        display: none;
    }
}
/* /Components/Elements/SiteAdministration/DirectorsDealingsTable.razor.rz.scp.css */
.form-container[b-jr30tfj51g] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-jr30tfj51g] {
        margin-top: auto;
    }

.grid-container[b-jr30tfj51g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0px;
}

.button-container[b-jr30tfj51g] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Elements/SiteAdministration/DividendsTable.razor.rz.scp.css */
.form-container[b-djnib8ccl2] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-djnib8ccl2] {
        margin-top: auto;
    }

.grid-container[b-djnib8ccl2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 0px;
}

.button-container[b-djnib8ccl2] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Elements/SiteAdministration/FinancialInformationTable.razor.rz.scp.css */
.form-container[b-ubhmiit941] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-ubhmiit941] {
        margin-top: auto;
    }

.grid-container[b-ubhmiit941] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 0px;
}

.button-container[b-ubhmiit941] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Elements/SiteAdministration/ImportantDatesTable.razor.rz.scp.css */
.form-container[b-w7g06xjvk1] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-w7g06xjvk1] {
        margin-top: auto;
    }

.column-container[b-w7g06xjvk1] {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.button-container[b-w7g06xjvk1] {
    display: flex;
    justify-content: space-between;
}

.action-button-container[b-w7g06xjvk1] {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

@media (max-width: 1500px) {
    .action-button-container[b-w7g06xjvk1] {
        flex-direction: column;
    }
}
/* /Components/Elements/SiteAdministration/RecentNewsTable.razor.rz.scp.css */
.form-container[b-2zjwt0rchy] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-2zjwt0rchy] {
        margin-top: auto;
    }

.column-container[b-2zjwt0rchy] {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.button-container[b-2zjwt0rchy] {
    display: flex;
    justify-content: space-between;
}

.action-button-container[b-2zjwt0rchy] {
    display: flex;
    flex-direction: row;
    gap: 4px;
}

@media (max-width: 1500px) {
    .action-button-container[b-2zjwt0rchy] {
        flex-direction: column;
    }
}
/* /Components/Elements/SiteAdministration/RolesTable.razor.rz.scp.css */
.edit-container[b-d9qf34wjrp] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.label[b-d9qf34wjrp] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    font-weight: 500;
}

.role-container[b-d9qf34wjrp] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.btn-container[b-d9qf34wjrp] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
/* /Components/Elements/SiteAdministration/ShareholderLinkingReconTable.razor.rz.scp.css */
.grid-container[b-ajs6vkrjj1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    align-items: center;
}

.form-container[b-ajs6vkrjj1] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-ajs6vkrjj1] {
        margin-top: auto;
    }

.button-container[b-ajs6vkrjj1] {
    display: flex;
    justify-content: space-between;
}

h4[b-ajs6vkrjj1] {
    font-size: 1rem;
    font-weight: 600;
    margin: 12px 0 6px;
    color: var(--LogoGreen);
}

p[b-ajs6vkrjj1] {
    margin: 2px 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.switch-container[b-ajs6vkrjj1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* space between label and switch */
    margin: 1rem 0;
}

.switch-container label[b-ajs6vkrjj1] {
    font-weight: 500;
    font-size: 1rem;
    color: #333;
}
/* /Components/Elements/SiteAdministration/TicksReconTable.razor.rz.scp.css */
.grid-container[b-xzm2q2e8p7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    align-items: center;
}

.form-container[b-xzm2q2e8p7] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-xzm2q2e8p7] {
        margin-top: auto;
    }

.button-container[b-xzm2q2e8p7] {
    display: flex;
    justify-content: space-between;
}

h4[b-xzm2q2e8p7] {
    font-size: 1rem;
    font-weight: 600;
    margin: 12px 0 6px;
    color: var(--LogoGreen);
}

p[b-xzm2q2e8p7] {
    margin: 2px 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.switch-container[b-xzm2q2e8p7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* space between label and switch */
    margin: 1rem 0;
}

.switch-container label[b-xzm2q2e8p7] {
    font-weight: 500;
    font-size: 1rem;
    color: #333;
}
/* /Components/Elements/SiteAdministration/UsersTable.razor.rz.scp.css */
.grid-container[b-guup53i2ly] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    align-items: center;
}

.form-container[b-guup53i2ly] {
    display: flex;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

    .form-container > *:last-child[b-guup53i2ly] {
        margin-top: auto;
    }

.button-container[b-guup53i2ly] {
    display: flex;
    justify-content: space-between;
}

h4[b-guup53i2ly] {
    font-size: 1rem;
    font-weight: 600;
    margin: 12px 0 6px;
    color: var(--LogoGreen);
}

p[b-guup53i2ly] {
    margin: 2px 0;
    font-size: 0.9rem;
    font-weight: 500;
}

.switch-container[b-guup53i2ly] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* space between label and switch */
    margin: 1rem 0;
}

.switch-container label[b-guup53i2ly] {
    font-weight: 500;
    font-size: 1rem;
    color: #333;
}

/* Passkey column */
.passkey-pill[b-guup53i2ly] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: var(--SmallFont);
    font-weight: 500;
}

    .passkey-pill.has-passkey[b-guup53i2ly] {
        background: var(--success-bg);
        color: var(--success-color);
    }

    .passkey-pill.no-passkey[b-guup53i2ly] {
        background: #F1F3F2;
        color: var(--LogoGrey);
    }
/* /Components/Graphing/NAVGraph.razor.rz.scp.css */
.nav-graph-container[b-eqo1ig0i8i] {
    width: 100%;
    height: 580px;
    background-color: white;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    margin: 0px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.nav-callout[b-eqo1ig0i8i] {
    margin-bottom: 8px;
}

.nav-chart-wrapper[b-eqo1ig0i8i] {
    flex: 1;
    min-height: 0;
}

.nav-callout-label[b-eqo1ig0i8i] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 4px;
}

.nav-callout-value-row[b-eqo1ig0i8i] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.nav-callout-value[b-eqo1ig0i8i] {
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.nav-callout-badge[b-eqo1ig0i8i] {
    font-size: var(--SmallFont);
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 10px;
}

    .nav-callout-badge.positive[b-eqo1ig0i8i] {
        color: var(--LogoGreen);
        background-color: rgba(18, 67, 62, 0.08);
    }

    .nav-callout-badge.negative[b-eqo1ig0i8i] {
        color: #C62828;
        background-color: rgba(198, 40, 40, 0.08);
    }

@media (max-width: 1000px) {
    .nav-graph-container[b-eqo1ig0i8i] {
        height: 420px;
    }

    .nav-callout-value[b-eqo1ig0i8i] {
        font-size: var(--LargeFont);
    }
}
/* /Components/Graphing/SharePriceGraph.razor.rz.scp.css */
.share-price-graph-container[b-ajsp6zfbcr] {
    width: 100%;
    height: 450px;
    background-color: white;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
    box-shadow: var(--card-shadow);
    margin: 0px;
}

.message[b-ajsp6zfbcr] {
    font-size: 0.7em;
    color: var(--LogoGreen);
    text-align: center;
}


@media (max-width: 1000px) {
    .share-price-graph-container[b-ajsp6zfbcr] {
        width: 100%;
        height: 400px;
    }
}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   GLOBAL LAYOUT
   ------------------------------------------------------------ */
main[b-nejv9rxppd] {
    flex: 1;
    min-width: 0;
}

.page[b-nejv9rxppd] {
    position: relative;
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    height: 100%;
    background: var(--PageBackground);
}

.content[b-nejv9rxppd] {
    padding: 24px;
}


/* ============================================================
   DESKTOP SIDEBAR
   Light, collapsible, grouped left navigation
   ------------------------------------------------------------ */
.sidebar[b-nejv9rxppd] {
    width: 260px;
    min-width: 260px;
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background-color: var(--LogoLightGrey);
    border-right: 1px solid rgba(18, 67, 62, 0.1);
    padding: 0px 14px;
    box-sizing: border-box;
    transition: width 0.2s ease, min-width 0.2s ease;
}

    .sidebar.collapsed[b-nejv9rxppd] {
        width: 76px;
        min-width: 76px;
        padding: 20px 10px;
    }

.sidebar-header[b-nejv9rxppd] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.sidebar.collapsed .sidebar-header[b-nejv9rxppd] {
    flex-direction: column;
    gap: 10px;
}

.sidebar-brand[b-nejv9rxppd] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.sidebar-brand-mark[b-nejv9rxppd] {
    width: 118px;
    height: 118px;
    object-fit: contain;
    flex-shrink: 0;
    transition: width 0.2s ease, height 0.2s ease;
}

.sidebar.collapsed .sidebar-brand-mark[b-nejv9rxppd] {
    width: 36px;
    height: 36px;
}

.sidebar-brand-mark-collapsed[b-nejv9rxppd] {
    display: none;
}

.sidebar.collapsed .sidebar-brand-mark-expanded[b-nejv9rxppd] {
    display: none;
}

.sidebar.collapsed .sidebar-brand-mark-collapsed[b-nejv9rxppd] {
    display: block;
}

.sidebar-toggle[b-nejv9rxppd] {
    margin-left: auto;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    border-radius: 6px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sidebar.collapsed .sidebar-toggle[b-nejv9rxppd] {
    margin-left: 0;
}

    .sidebar-toggle img[b-nejv9rxppd] {
        width: 14px;
        transition: transform 0.2s ease;
    }

    .sidebar-toggle:hover[b-nejv9rxppd] {
        background-color: rgba(18, 67, 62, 0.08);
    }

.sidebar.collapsed .sidebar-toggle img[b-nejv9rxppd] {
    transform: rotate(180deg);
}


/* ---------- Nav sections ---------- */
.main-nav-desktop[b-nejv9rxppd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav-section-label[b-nejv9rxppd] {
    font-size: var(--SmallFont);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--LogoGrey);
    margin: 12px 8px 4px;
    white-space: nowrap;
    overflow: hidden;
}

    .nav-section-label:first-child[b-nejv9rxppd] {
        margin-top: 0;
    }

.sidebar.collapsed .nav-section-label[b-nejv9rxppd] {
    height: 1px;
    margin: 10px 4px;
    background: rgba(18, 67, 62, 0.12);
    color: transparent;
    overflow: hidden;
}

.nav-item-main[b-nejv9rxppd] {
    font-size: var(--SmallMediumFont);
}

    .nav-item-main[b-nejv9rxppd]  .nav-link-main {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 10px;
        border-radius: 8px;
        color: var(--DarkGreen);
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    }

    .nav-item-main[b-nejv9rxppd]  a.active {
        background-color: #FFFFFF;
        color: var(--LogoGreen);
        box-shadow: 0 1px 3px rgba(18, 67, 62, 0.15);
        border-left: 3px solid var(--LogoGreen);
        padding-left: 7px;
    }

    .nav-item-main[b-nejv9rxppd]  .nav-link-main:hover {
        background-color: rgba(18, 67, 62, 0.08);
        color: var(--LogoGreen);
    }

.nav-link-text[b-nejv9rxppd] {
    white-space: nowrap;
    overflow: hidden;
}

.sidebar.collapsed .nav-link-text[b-nejv9rxppd] {
    display: none;
}

.sidebar.collapsed .nav-item-main[b-nejv9rxppd]  .nav-link-main {
    justify-content: center;
    padding: 9px;
}

.sidebar.collapsed .nav-item-main[b-nejv9rxppd]  a.active {
    padding-left: 6px;
}

.sidebar-spacer[b-nejv9rxppd] {
    flex: 1;
}


/* ---------- Folded-in account footer ---------- */
.sidebar-quick-links[b-nejv9rxppd] {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding-bottom: 10px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(18, 67, 62, 0.12);
}

.sidebar.collapsed .sidebar-quick-links[b-nejv9rxppd] {
    flex-direction: column;
    align-items: center;
}

.sidebar-quick-links[b-nejv9rxppd]  .sidebar-quick-link {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

    .sidebar-quick-links[b-nejv9rxppd]  .sidebar-quick-link img {
        width: 28px;
        opacity: 0.8;
    }

    .sidebar-quick-links[b-nejv9rxppd]  .sidebar-quick-link:hover {
        background-color: rgba(18, 67, 62, 0.08);
    }

.sidebar[b-nejv9rxppd]  .sidebar-profile,
.sidebar[b-nejv9rxppd]  .sidebar-profile:hover,
.sidebar[b-nejv9rxppd]  .sidebar-profile:focus,
.sidebar[b-nejv9rxppd]  .sidebar-profile:visited {
    text-decoration: none;
}

.sidebar[b-nejv9rxppd]  .sidebar-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 10px 6px;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

    .sidebar[b-nejv9rxppd]  .sidebar-profile:hover {
        background-color: rgba(18, 67, 62, 0.08);
    }

.sidebar-profile-avatar[b-nejv9rxppd] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--LogoGold);
    color: var(--TextColour);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    flex-shrink: 0;
    text-decoration: none;
}

.sidebar-profile-name[b-nejv9rxppd] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.sidebar.collapsed .sidebar-profile-name[b-nejv9rxppd] {
    display: none;
}


/* ============================================================
   MOBILE NAV (default hidden)
   ------------------------------------------------------------ */
.main-nav-mobile[b-nejv9rxppd] {
    display: none;
}

.top-header-mobile[b-nejv9rxppd] {
    display: none;
}

.top-header-mobile[b-nejv9rxppd]  .top-header-profile,
.top-header-mobile[b-nejv9rxppd]  .top-header-profile:hover,
.top-header-mobile[b-nejv9rxppd]  .top-header-profile:visited {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 6px 10px 6px 6px;
    border-radius: 20px;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

    .top-header-mobile[b-nejv9rxppd]  .top-header-profile:hover {
        background-color: rgba(18, 67, 62, 0.08);
    }

.top-header-avatar[b-nejv9rxppd] {
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: var(--LogoGold);
    color: var(--TextColour);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--SmallMediumFont);
    font-weight: 600;
}

.top-header-greeting[b-nejv9rxppd] {
    font-size: var(--MediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-header-actions[b-nejv9rxppd] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.top-header-icons[b-nejv9rxppd] {
    height: 44px;
    width: 44px;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .top-header-icons:hover[b-nejv9rxppd] {
        background-color: rgba(18, 67, 62, 0.08);
    }

    .top-header-icons[b-nejv9rxppd]  .top-header-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .top-header-icons img[b-nejv9rxppd] {
        width: 24px;
        display: block;
    }

.terms-and-conditions-text[b-nejv9rxppd] {
    font-size: var(--SmallMediumFont);
    color: black;
    text-decoration: none;
}

/* ============================================================
   ICON CLASSES
   ------------------------------------------------------------ */
.bi[b-nejv9rxppd] {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    flex-shrink: 0;
}

.bi-home-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/home.svg");
}

.bi-trade-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/trade.svg");
}

.bi-investment-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/trending-up.svg");
}

.bi-chart-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/bar-chart.svg");
}

.bi-investor-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/user-alt.svg");
}

.bi-notifications-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/notifications.svg");
}

.bi-site-administration-nav-menu[b-nejv9rxppd] {
    background-image: url("/img/cube.svg");
}

.notifications-badge[b-nejv9rxppd] {
    margin-left: auto;
    background-color: var(--LogoGold);
    color: var(--TextColour);
    font-size: 12px;
    border-radius: 8px;
    padding: 2px 7px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 1 !important;
}

.notifications-badge-mobile[b-nejv9rxppd] {
    background-color: var(--LogoGold);
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 2px 6px;
    transform: translate(0%,-40%);
    font-size: 12px;
    border-radius: 2px;
    color: var(--TextColour);
}


/* ============================================================
   RESPONSIVE: MOBILE (≤1400px)
   ------------------------------------------------------------ */
@media (max-width: 1400px) {

    .page[b-nejv9rxppd] {
        flex-direction: column;
    }

    .content[b-nejv9rxppd] {
        padding: 10px;
        padding-top: 80px;
    }

    /* Sidebar becomes the fixed mobile top header container */
    .sidebar[b-nejv9rxppd], .sidebar.collapsed[b-nejv9rxppd] {
        flex-direction: row;
        justify-content: center;
        width: 100%;
        min-width: 0;
        height: auto;
        background-color: transparent;
        border-right: none;
        padding: 0;
    }

    .sidebar-header[b-nejv9rxppd],
    .main-nav-desktop[b-nejv9rxppd],
    .sidebar-spacer[b-nejv9rxppd],
    .sidebar-quick-links[b-nejv9rxppd] {
        display: none;
    }

    .sidebar[b-nejv9rxppd]  .sidebar-profile {
        display: none;
    }

    /* Mobile bottom nav bar */
    .main-nav-mobile[b-nejv9rxppd] {
        padding: 8px 6px;
        width: 100%;
        height: 68px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: sticky;
        bottom: 0;
        top: auto;
        z-index: 2;
        background-color: white;
        border-top: none;
        border-radius: 18px 18px 0 0;
        box-shadow: 0 -4px 16px rgba(18, 67, 62, 0.1);
        box-sizing: border-box;
    }

    /* Hide text to show only icons */
    .nav-link-text-mobile[b-nejv9rxppd] {
        display: none;
    }

        .nav-item-main[b-nejv9rxppd]  .nav-link-main {
            justify-content: center;
            align-items: center;
            gap: 0;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            padding: 0;
            box-sizing: border-box;
            transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

        .nav-item-main[b-nejv9rxppd]  a.active {
            background-color: var(--LogoGreen);
            box-shadow: 0 4px 10px rgba(18, 67, 62, 0.35);
            transform: translateY(-3px);
            padding-left: 0;
            border-left: none;
        }

    /* Bigger, colorizable icons (mask technique) so the active pill can invert them to white */
    .main-nav-mobile .bi[b-nejv9rxppd] {
        width: 26px;
        height: 26px;
        background-image: none;
        background-color: var(--LogoGrey);
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
    }

    .main-nav-mobile .bi-home-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/home.svg"); mask-image: url("/img/home.svg"); }
    .main-nav-mobile .bi-trade-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/trade.svg"); mask-image: url("/img/trade.svg"); }
    .main-nav-mobile .bi-investment-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/trending-up.svg"); mask-image: url("/img/trending-up.svg"); }
    .main-nav-mobile .bi-chart-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/bar-chart.svg"); mask-image: url("/img/bar-chart.svg"); }
    .main-nav-mobile .bi-investor-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/user-alt.svg"); mask-image: url("/img/user-alt.svg"); }
    .main-nav-mobile .bi-notifications-nav-menu[b-nejv9rxppd] { -webkit-mask-image: url("/img/notifications.svg"); mask-image: url("/img/notifications.svg"); }

    .nav-item-main[b-nejv9rxppd]  a.active .bi {
        background-color: white;
    }

    /* Mobile top header (fixed) */
    .top-header-mobile[b-nejv9rxppd] {
        display: flex;
        height: 60px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: var(--LogoLightGrey);
        border-bottom: 1px solid rgba(18, 67, 62, 0.1);
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .notifications-badge[b-nejv9rxppd] {
        margin-left: 0px;
    }
}
/* /Components/Pages/FAQ.razor.rz.scp.css */
.faq-section-card[b-a6yykpnccu] {
    width: 100%;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 20px;
    margin-bottom: 16px;
    box-sizing: border-box;
}

.faq-section-title[b-a6yykpnccu] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.faq-section-subtitle[b-a6yykpnccu] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    margin: 0 0 16px;
}

.faq-list[b-a6yykpnccu] {
    border-top: 1px solid var(--LogoLightGrey);
}

.faq-row[b-a6yykpnccu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 4px;
    border-bottom: 1px solid var(--LogoLightGrey);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .faq-row:hover[b-a6yykpnccu] {
        background-color: rgba(18, 67, 62, 0.04);
    }

.faq-row-title[b-a6yykpnccu] {
    font-size: var(--SmallMediumFont);
    font-weight: 500;
    color: var(--AAFRoyalBlue);
}

.faq-row-chevron[b-a6yykpnccu] {
    width: 12px;
    flex-shrink: 0;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

    .faq-row-chevron.expanded[b-a6yykpnccu] {
        transform: rotate(90deg);
    }

.faq-row-body[b-a6yykpnccu] {
    background-color: rgba(178, 141, 53, 0.06);
    border-left: 2px solid var(--LogoGold);
    padding: 10px 14px;
    margin: 4px 0;
}

.faq-answer[b-a6yykpnccu] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    line-height: 1.5;
    margin: 0;
}

.contact-container[b-a6yykpnccu] {
    display: flex;
    gap: 16px;
}

.contact-card[b-a6yykpnccu] {
    background-color: white;
    padding: 16px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 10px;
    flex: 1;
    text-align: center;
    box-sizing: border-box;
}

.contact-name[b-a6yykpnccu] {
    font-size: var(--MediumFont);
    color: var(--LogoGreen);
    font-weight: 600;
    border-bottom: 2px solid var(--LogoGold);
    padding-bottom: 8px;
    margin: 0 0 10px;
}

.contact-email[b-a6yykpnccu] {
    margin: 0;
}

    .contact-email a[b-a6yykpnccu] {
        font-size: var(--SmallMediumFont);
        color: var(--LogoGold);
        text-decoration: none;
    }

    .contact-email a:hover[b-a6yykpnccu] {
        text-decoration: underline;
    }

@media (max-width: 1000px) {
    .contact-container[b-a6yykpnccu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 500px) {
    .contact-container[b-a6yykpnccu] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
}
/* /Components/Pages/FinancialInformation.razor.rz.scp.css */
.mobile[b-3dcern50qg]{
    display:none;
}
.desktop[b-3dcern50qg] {
    display: block;
}

@media (max-width: 1000px) {
    .mobile[b-3dcern50qg] {
        display: block;
    }

    .desktop[b-3dcern50qg] {
        display: none;
    }
}
/* /Components/Pages/ForgotPassword.razor.rz.scp.css */
.login-page[b-n604oov8wd] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.login-split[b-n604oov8wd] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(620px, 90vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-n604oov8wd] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-n604oov8wd] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-n604oov8wd] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-n604oov8wd] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-n604oov8wd] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-n604oov8wd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-n604oov8wd] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-n604oov8wd] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-n604oov8wd] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-n604oov8wd] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 8px;
}

.login-subheading[b-n604oov8wd] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.5;
}

.message[b-n604oov8wd] {
    font-size: 0.9em;
    color: var(--LogoGreen);
    text-align: center;
}

.message-bold[b-n604oov8wd] {
    color: var(--LogoGold);
    font-weight: 600;
}

.input-header[b-n604oov8wd] {
    width: 100%;
    font-size: var(--SmallMediumFont);
    margin-bottom: 4px;
    font-weight: normal;
    color: var(--DarkGreen);
}

.btn-container[b-n604oov8wd] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.back-to-login-link[b-n604oov8wd] {
    font-size: 0.875rem;
    color: var(--LogoGrey);
    cursor: pointer;
    text-decoration: none;
}

    .back-to-login-link:hover[b-n604oov8wd] {
        color: var(--LogoGreen);
    }

.invalid-user-container[b-n604oov8wd] {
    background-color: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger-color);
    width: 100%;
    border-radius: 10px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 14px;
    box-sizing: border-box;
}

.error-message[b-n604oov8wd] {
    font-size: 1rem;
    text-align: center;
    margin: 0;
}

/* Dialog styling - matches the reference dialog pattern used across the app */
.dialog-title[b-n604oov8wd] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.dialog-subtitle[b-n604oov8wd] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.field-highlight[b-n604oov8wd] {
    color: var(--LogoGold);
    font-weight: 600;
}

.field-group[b-n604oov8wd] {
    margin-bottom: 14px;
}

.field-label[b-n604oov8wd] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    margin: 0 0 6px;
}

.field-hint[b-n604oov8wd] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    font-style: italic;
    margin: 6px 0 0;
}

.field-hint-error[b-n604oov8wd] {
    color: var(--danger-color);
    font-style: normal;
}

.retry-link[b-n604oov8wd] {
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}

.dialog-success-banner[b-n604oov8wd] {
    margin-bottom: 4px;
    padding: 12px 14px;
    border: 1px solid var(--LogoGreen);
    border-radius: 8px;
    background-color: rgba(18, 67, 62, 0.06);
}

    .dialog-success-banner p[b-n604oov8wd] {
        margin: 0;
        font-size: var(--SmallMediumFont);
        color: var(--LogoGreen);
    }

.dialog-actions[b-n604oov8wd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-n604oov8wd] {
        display: none;
    }

    .login-split[b-n604oov8wd] {
        width: 92vw;
        height: auto;
    }

    .login-form-panel[b-n604oov8wd] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-n604oov8wd] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-n604oov8wd] {
        padding: 28px 20px;
    }
}
/* /Components/Pages/InvestorInformation.razor.rz.scp.css */
.main-container[b-f31xo9of3n] {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

.secondary-container[b-f31xo9of3n] {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
}

/*user information container*/

.user-information-main-container[b-f31xo9of3n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
    margin: 10px;
}

.card-title[b-f31xo9of3n] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 16px;
    padding-top: 20px;
}

.profile-header[b-f31xo9of3n] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    margin-bottom: 4px;
}

.profile-avatar[b-f31xo9of3n] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--LogoGold);
    color: var(--TextColour);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--MediumFont);
    font-weight: 600;
    flex-shrink: 0;
}

.profile-name[b-f31xo9of3n] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0;
}

.profile-usertype[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 2px 0 0;
}

.user-information-container[b-f31xo9of3n] {
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    width: 100%;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.edit-btn-container[b-f31xo9of3n] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 16px;
    align-items: center;
    justify-content: center;
}

    /* Same size and shape for Edit Information, Change Password and Manage passkeys
       (two are Syncfusion buttons with their own theme padding, one is a plain link). */
    .edit-btn-container[b-f31xo9of3n]  .e-btn-primary-autowidth,
    .edit-btn-container[b-f31xo9of3n]  .e-btn-secondary-autowidth {
        box-sizing: border-box;
        height: 40px;
        min-width: 160px;
        margin: 0;
        padding: 0 20px;
        border-radius: 20px;
        font-family: var(--font-family-base);
        font-size: 15px;
        font-weight: 500;
        line-height: 1;
        text-transform: none;
        text-decoration: none;
        box-shadow: none;
    }

/*downloads and uploads container*/

.downloads-main-container[b-f31xo9of3n] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin: 10px;
}

.downloads-container[b-f31xo9of3n] {
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    width: 100%;
    padding: 0 20px 12px;
    box-sizing: border-box;
}

/*document center*/

.document-list[b-f31xo9of3n] {
    border-top: 1px solid var(--LogoLightGrey);
}

.document-row[b-f31xo9of3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 4px;
    border-bottom: 1px solid var(--LogoLightGrey);
}

.document-row-info[b-f31xo9of3n] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.document-row-icon[b-f31xo9of3n] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.7;
}

.document-row-name[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--AAFRoyalBlue);
}

.document-row-actions[b-f31xo9of3n] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/*grid settings*/

.form-grid[b-f31xo9of3n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.shareholder-id-btn[b-f31xo9of3n] {
    align-self: flex-start;
}

.grid-item[b-f31xo9of3n] {
    display: flex;
    flex-direction: column;
}

.grid-item-doc-center[b-f31xo9of3n] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.input-header[b-f31xo9of3n] {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: var(--SmallFont);
    font-weight: 400;
    color: var(--LogoGrey);
}

/* read-only vs editable field styling */
[b-f31xo9of3n] .input-block.e-input-group,
[b-f31xo9of3n] .input-editable.e-input-group:has(input[readonly]) {
    background-color: var(--LogoLightGrey);
    border-color: transparent !important;
    box-shadow: none !important;
    border-radius: 6px;
}

[b-f31xo9of3n] .input-editable.e-input-group:not(:has(input[readonly])) {
    background-color: white;
    border: 1px solid var(--LogoGold) !important;
    box-shadow: none !important;
    border-radius: 6px;
}

[b-f31xo9of3n] .input-block input,
[b-f31xo9of3n] .input-editable input {
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
}

/* instructions expandable list */
.instructions-list[b-f31xo9of3n] {
    border-top: 1px solid var(--LogoLightGrey);
}

.instructions-row[b-f31xo9of3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 4px;
    border-bottom: 1px solid var(--LogoLightGrey);
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .instructions-row:hover[b-f31xo9of3n] {
        background-color: rgba(18, 67, 62, 0.04);
    }

.instructions-row-title[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--AAFRoyalBlue);
}

.instructions-row-chevron[b-f31xo9of3n] {
    width: 12px;
    flex-shrink: 0;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

    .instructions-row-chevron.expanded[b-f31xo9of3n] {
        transform: rotate(90deg);
    }

.instructions-row-body[b-f31xo9of3n] {
    background-color: rgba(178, 141, 53, 0.06);
    border-left: 2px solid var(--LogoGold);
    padding: 10px 14px;
    margin: 4px 0;
}

    .instructions-row-body p[b-f31xo9of3n] {
        margin: 6px 0;
    }

/*linked accounts popup*/

.main-dialog-container[b-f31xo9of3n] {
    width: 90vw;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.account-select-container[b-f31xo9of3n] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 80%;
    margin: 10px;
    padding: 15px;
    border: 1px solid var(--LogoGreen);
    border-radius: 3px;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* Dialog styling - matches the reference dialog pattern used across the app */
.dialog-title[b-f31xo9of3n] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.dialog-subtitle[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.field-hint[b-f31xo9of3n] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    font-style: italic;
    margin: 6px 0 0;
}

.field-hint-error[b-f31xo9of3n] {
    color: var(--danger-color);
    font-style: normal;
}

.retry-link[b-f31xo9of3n] {
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}

.dialog-actions[b-f31xo9of3n] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

.field-group[b-f31xo9of3n] {
    margin-bottom: 14px;
}

.field-label[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    margin: 0 0 6px;
}

.password-error-list[b-f31xo9of3n] {
    margin: 12px 0 0;
    padding-left: 18px;
    color: var(--danger-color);
    font-size: var(--SmallFont);
}

.message[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    text-align: center;
}

.message-bold[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGold);
    text-align: center;
}

.message-header[b-f31xo9of3n] {
    font-size: var(--MediumFont);
    color: var(--AAFRoyalBlue);
    text-align: center;
}

.contact-email-text[b-f31xo9of3n] {
    font-size: var(--MediumFont);
    color: var(--LogoGreen);
    text-align: center;
    margin-top: 12px;
}

/*success popup*/

.save-dialog-content[b-f31xo9of3n] {
    text-align: center;
    padding: 20px;
}

.success-icon[b-f31xo9of3n] {
    font-size: 2rem;
    display: block;
    margin-bottom: 2px;
    color: var(--LogoGreen);
}

/*grid for shareholder IDs*/

.shareholders[b-f31xo9of3n] {
    width: 100%;
    border-collapse: collapse;
}

    .shareholders th[b-f31xo9of3n], .shareholders td[b-f31xo9of3n] {
        padding: 6px 10px;
        border-bottom: 1px solid #ddd;
        text-align: left;
    }

    .shareholders th[b-f31xo9of3n] {
        background: #f5f5f5;
        font-weight: 600;
    }

/* Responsive breakpoints */

@media (max-width: 1000px) {
    .form-grid[b-f31xo9of3n] {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 10px;
    }
}

@media (max-width: 768px) {
    .main-container[b-f31xo9of3n] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .user-information-main-container[b-f31xo9of3n] {
        width: 100%;
    }

    .downloads-main-container[b-f31xo9of3n] {
        flex-direction: column;
        gap: 20px;
    }

    .form-grid[b-f31xo9of3n] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 450px) {
    .form-grid[b-f31xo9of3n] {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin: 10px;
    }
}

.document-not-uploaded[b-f31xo9of3n] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
}

/* View is a link to the document (opens in a new tab), styled as the tertiary button */
.document-row a.e-btn-tertiary-autowidth[b-f31xo9of3n] {
    text-decoration: none;
    box-sizing: border-box;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-b2jxw6fchc] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.message[b-b2jxw6fchc] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    text-align: center;
}

.login-split[b-b2jxw6fchc] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(620px, 90vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-b2jxw6fchc] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-b2jxw6fchc] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-b2jxw6fchc] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-b2jxw6fchc] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-b2jxw6fchc] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-b2jxw6fchc] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-b2jxw6fchc] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-b2jxw6fchc] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-b2jxw6fchc] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-b2jxw6fchc] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 4px;
    letter-spacing: normal;
}

.login-subheading[b-b2jxw6fchc] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    margin: 0 0 24px;
}

.input-header[b-b2jxw6fchc] {
    width: 100%;
    margin-bottom: 4px;
    margin-top: 14px;
    font-size: var(--SmallMediumFont);
    font-weight: normal;
    color: var(--DarkGreen);
}

.btn-container[b-b2jxw6fchc] {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.register-as-user-link[b-b2jxw6fchc] {
    font-size: 0.875rem;
    color: var(--LogoGreen);
    cursor: pointer;
    text-decoration: none;
}

.invalid-login-container[b-b2jxw6fchc] {
    background-color: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger-color);
    width: 100%;
    border-radius: 10px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 14px;
    box-sizing: border-box;
}

.error-message[b-b2jxw6fchc] {
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 10px;
}

.suggestions[b-b2jxw6fchc] {
    font-size: 0.8rem;
    text-align: center;
    margin-top: 5px;
}

.reset-password-link[b-b2jxw6fchc] {
    font-size: 0.875rem;
    color: var(--LogoGreen);
    cursor: pointer;
    text-decoration: none;
}


/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-b2jxw6fchc] {
        display: none;
    }

    .login-split[b-b2jxw6fchc] {
        width: 92vw;
        height: auto;
    }

    .login-form-panel[b-b2jxw6fchc] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-b2jxw6fchc] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-b2jxw6fchc] {
        padding: 28px 20px;
    }
}

/* "or" divider between the password form and the passkey button */
.login-divider[b-b2jxw6fchc] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0 16px;
    color: var(--LogoGrey);
    font-size: var(--SmallFont);
}

    .login-divider[b-b2jxw6fchc]::before,
    .login-divider[b-b2jxw6fchc]::after {
        content: "";
        flex: 1;
        border-top: 1px solid var(--LogoLightGrey);
    }

.passkey-login-form[b-b2jxw6fchc]  .passkey-login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}
/* /Components/Pages/LoginConfirmation.razor.rz.scp.css */
.login-page[b-784e2jtzzm] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.login-split[b-784e2jtzzm] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(620px, 90vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-784e2jtzzm] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-784e2jtzzm] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-784e2jtzzm] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-784e2jtzzm] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-784e2jtzzm] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-784e2jtzzm] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-784e2jtzzm] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-784e2jtzzm] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-784e2jtzzm] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-784e2jtzzm] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 8px;
}

.login-subheading[b-784e2jtzzm] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.5;
}

.field-highlight[b-784e2jtzzm] {
    color: var(--LogoGold);
    font-weight: 600;
}

.btn-container[b-784e2jtzzm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

    .btn-container .e-btn-primary[b-784e2jtzzm] {
        width: 100%;
        height: 44px;
        border-radius: 10px;
        font-size: var(--MediumFont);
        text-decoration: none;
        box-sizing: border-box;
    }

/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-784e2jtzzm] {
        display: none;
    }

    .login-split[b-784e2jtzzm] {
        width: 92vw;
        height: auto;
    }

    .login-form-panel[b-784e2jtzzm] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-784e2jtzzm] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-784e2jtzzm] {
        padding: 28px 20px;
    }
}
/* /Components/Pages/MyInvestment.razor.rz.scp.css */
.my-investment-history-card[b-4vc58gqqz8] {
    width: 100%;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
    padding: 20px;
    margin-top: 16px;
    box-sizing: border-box;
}

.my-investment-history-title[b-4vc58gqqz8] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 12px;
}
/* /Components/Pages/Notifications.razor.rz.scp.css */
.notifications-list[b-qrrdjgnuz6] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.notification-card[b-qrrdjgnuz6] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 10px;
    box-shadow: var(--card-shadow);
    padding: 14px 16px;
}

    .notification-card.unread[b-qrrdjgnuz6] {
        border-color: var(--LogoGold);
    }

.notification-icon[b-qrrdjgnuz6] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--LogoLightGrey);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .notification-card.unread .notification-icon[b-qrrdjgnuz6] {
        background-color: rgba(178, 141, 53, 0.15);
    }

    .notification-icon img[b-qrrdjgnuz6] {
        width: 18px;
        height: 18px;
    }

.notification-content[b-qrrdjgnuz6] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-qrrdjgnuz6] {
    font-family: var(--font-family-base);
    font-size: var(--SmallMediumFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0;
}

.notification-body[b-qrrdjgnuz6] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    text-align: left;
    margin: 4px 0 0;
}

.notification-footer[b-qrrdjgnuz6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.notification-timestamp[b-qrrdjgnuz6] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}

.notification-dismiss[b-qrrdjgnuz6] {
    font-size: var(--SmallFont);
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}

.no-notifications-container[b-qrrdjgnuz6] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}

.no-notifications-header[b-qrrdjgnuz6] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.show-all-notification-btn-container[b-qrrdjgnuz6] {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
}

.show-all-link[b-qrrdjgnuz6] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}
/* /Components/Pages/OTP.razor.rz.scp.css */
.login-page[b-7lm29nh4px] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.login-split[b-7lm29nh4px] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(620px, 90vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-7lm29nh4px] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-7lm29nh4px] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-7lm29nh4px] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-7lm29nh4px] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-7lm29nh4px] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-7lm29nh4px] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-7lm29nh4px] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-7lm29nh4px] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-7lm29nh4px] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-7lm29nh4px] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 8px;
}

.login-subheading[b-7lm29nh4px] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.5;
}

.message-bold[b-7lm29nh4px] {
    color: var(--LogoGold);
    font-weight: 600;
}

.field-highlight[b-7lm29nh4px] {
    color: var(--LogoGold);
    font-weight: 600;
}

.field-group[b-7lm29nh4px] {
    margin-bottom: 18px;
}

.btn-container[b-7lm29nh4px] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

    .btn-container .e-btn-primary[b-7lm29nh4px],
    .btn-container[b-7lm29nh4px]  .e-btn-primary {
        width: 100%;
        height: 44px;
        border-radius: 10px;
        font-size: var(--MediumFont);
        text-decoration: none;
        box-sizing: border-box;
    }

.return-to-login-link[b-7lm29nh4px] {
    font-size: 0.875rem;
    color: var(--LogoGrey);
    cursor: pointer;
    text-decoration: none;
}

    .return-to-login-link:hover[b-7lm29nh4px] {
        color: var(--LogoGreen);
    }

.invalid-OTP-container[b-7lm29nh4px] {
    background-color: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger-color);
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 10px 14px;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

    .invalid-OTP-container p[b-7lm29nh4px] {
        text-align: center;
        font-size: 0.9rem;
        margin: 0 0 8px;
        width: 100%;
    }

/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-7lm29nh4px] {
        display: none;
    }

    .login-split[b-7lm29nh4px] {
        width: 92vw;
        height: auto;
    }

    .login-form-panel[b-7lm29nh4px] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-7lm29nh4px] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-7lm29nh4px] {
        padding: 28px 20px;
    }
}
/* /Components/Pages/Passkeys.razor.rz.scp.css */
.passkeys-card[b-442dvtayvv] {
    max-width: 720px;
    padding: 24px;
    background: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 12px;
    box-shadow: var(--card-shadow);
}

.passkeys-back[b-442dvtayvv] {
    font-size: var(--SmallFont);
    color: var(--LogoGold);
    text-decoration: none;
}

.passkeys-title[b-442dvtayvv] {
    margin: 8px 0 6px;
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
}

.passkeys-intro[b-442dvtayvv] {
    margin: 0 0 20px;
    font-size: var(--SmallMediumFont);
    line-height: 1.6;
    color: var(--DarkGreen);
}

.passkeys-message[b-442dvtayvv] {
    margin: 0 0 16px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: var(--SmallMediumFont);
}

    .passkeys-message.success[b-442dvtayvv] {
        background: var(--success-bg);
        border: 1px solid var(--success-border);
        color: var(--success-color);
    }

    .passkeys-message.error[b-442dvtayvv] {
        background: var(--danger-bg);
        border: 1px solid var(--danger-border);
        color: var(--danger-color);
    }

.passkeys-list[b-442dvtayvv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}

.passkey-row[b-442dvtayvv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 10px;
}

    .passkey-row form[b-442dvtayvv] {
        margin: 0 0 0 auto;
    }

.passkey-row-icon[b-442dvtayvv] {
    flex-shrink: 0;
}

.passkey-row-name[b-442dvtayvv] {
    margin: 0;
    font-weight: 600;
    color: var(--LogoGreen);
}

.passkey-row-meta[b-442dvtayvv] {
    margin: 2px 0 0;
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}

.passkey-remove-btn[b-442dvtayvv] {
    padding: 6px 14px;
    border: 1px solid var(--danger-border);
    border-radius: 8px;
    background: white;
    color: var(--danger-color);
    font: inherit;
    font-size: var(--SmallFont);
    cursor: pointer;
}

    .passkey-remove-btn:hover[b-442dvtayvv] {
        background: var(--danger-bg);
    }

.passkeys-empty[b-442dvtayvv] {
    margin: 0 0 20px;
    color: var(--LogoGrey);
}

.passkey-add-form[b-442dvtayvv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.passkey-name-input[b-442dvtayvv] {
    flex: 1 1 220px;
    min-width: 0;
    padding: 10px 14px;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 8px;
    font: inherit;
}

    .passkey-name-input:focus[b-442dvtayvv] {
        outline: none;
        border-color: var(--LogoGold);
        box-shadow: 0 0 0 3px rgba(178, 141, 53, 0.12);
    }

.passkeys-footnote[b-442dvtayvv] {
    margin: 16px 0 0;
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}
/* /Components/Pages/PasskeySetup.razor.rz.scp.css */
.login-page[b-ted0sldjxv] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.login-split[b-ted0sldjxv] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(620px, 90vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-ted0sldjxv] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-ted0sldjxv] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-ted0sldjxv] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-ted0sldjxv] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-ted0sldjxv] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-ted0sldjxv] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-ted0sldjxv] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-ted0sldjxv] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-ted0sldjxv] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-ted0sldjxv] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 8px;
}

.login-subheading[b-ted0sldjxv] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    text-align: left;
    margin: 0 0 20px;
    line-height: 1.5;
}

.field-highlight[b-ted0sldjxv] {
    color: var(--LogoGold);
    font-weight: 600;
}

.btn-container[b-ted0sldjxv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

    .btn-container .e-btn-primary[b-ted0sldjxv] {
        width: 100%;
        height: 44px;
        border-radius: 10px;
        font-size: var(--MediumFont);
        text-decoration: none;
        box-sizing: border-box;
    }

/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-ted0sldjxv] {
        display: none;
    }

    .login-split[b-ted0sldjxv] {
        width: 92vw;
        height: auto;
    }

    .login-form-panel[b-ted0sldjxv] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-ted0sldjxv] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-ted0sldjxv] {
        padding: 28px 20px;
    }
}

/* Passkey prompt */
.passkey-badge[b-ted0sldjxv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: var(--warning-bg);
}

    .passkey-badge.success[b-ted0sldjxv] {
        background: var(--success-bg);
    }

.passkey-benefits[b-ted0sldjxv] {
    margin: 4px 0 20px;
    padding-left: 20px;
    color: var(--DarkGreen);
    font-size: var(--SmallMediumFont);
    line-height: 1.7;
}

.passkey-error[b-ted0sldjxv] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
    color: var(--danger-color);
    font-size: var(--SmallMediumFont);
}

.passkey-add-form[b-ted0sldjxv]  .passkey-add-btn {
    width: 100%;
}

.passkey-secondary-actions[b-ted0sldjxv] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: 16px;
}

    .passkey-secondary-actions form[b-ted0sldjxv] {
        margin: 0;
    }

.passkey-link[b-ted0sldjxv] {
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-size: var(--SmallMediumFont);
    color: var(--LogoGreen);
    text-decoration: underline;
    cursor: pointer;
}

.passkey-footnote[b-ted0sldjxv] {
    margin-top: 20px;
    text-align: center;
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
}
/* /Components/Pages/Register.razor.rz.scp.css */
.login-page[b-bu7z97cu3j] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-color: var(--PageBackground);
}

.login-split[b-bu7z97cu3j] {
    display: flex;
    width: min(1000px, 92vw);
    height: min(680px, 92vh);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid var(--LogoLightGrey);
    box-shadow: var(--card-shadow);
}

.login-brand-panel[b-bu7z97cu3j] {
    width: 42%;
    background-color: var(--LogoGreen);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
    position: relative;
}

.login-brand-logo[b-bu7z97cu3j] {
    width: 170px;
    height: auto;
    border-radius: 8px;
    margin-bottom: 28px;
}

.login-brand-heading[b-bu7z97cu3j] {
    font-family: var(--font-family-base);
    color: var(--TextColour);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    text-align: center;
    margin: 0 0 12px;
    line-height: 1.35;
}

.login-brand-subtext[b-bu7z97cu3j] {
    color: var(--LogoGrey);
    font-size: var(--SmallMediumFont);
    text-align: center;
    margin: 0;
    line-height: 1.5;
    max-width: 300px;
}

.login-brand-dots[b-bu7z97cu3j] {
    position: absolute;
    bottom: 32px;
    display: flex;
    gap: 8px;
}

.login-dot[b-bu7z97cu3j] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.25);
}

    .login-dot.active[b-bu7z97cu3j] {
        background-color: var(--LogoGold);
    }

.login-form-panel[b-bu7z97cu3j] {
    width: 58%;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 40px;
    box-sizing: border-box;
    overflow-y: auto;
}

.login-form-inner[b-bu7z97cu3j] {
    width: 100%;
    max-width: 340px;
}

.login-heading[b-bu7z97cu3j] {
    font-family: var(--font-family-base);
    font-size: var(--ExtraLargeFont);
    font-weight: 600;
    color: var(--AAFRoyalBlue);
    text-align: left;
    margin: 0 0 4px;
}

.login-subheading[b-bu7z97cu3j] {
    font-size: var(--SmallMediumFont);
    color: var(--LogoGrey);
    margin: 0 0 20px;
}

.input-item-container[b-bu7z97cu3j] {
    width: 100%;
    margin-bottom: 10px;
}

.input-header[b-bu7z97cu3j] {
    width: 100%;
    font-size: var(--SmallMediumFont);
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: normal;
    color: var(--DarkGreen);
}

.btn-container[b-bu7z97cu3j] {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.back-to-login-link[b-bu7z97cu3j] {
    font-size: 0.875rem;
    color: var(--LogoGrey);
    cursor: pointer;
    text-decoration: none;
}

    .back-to-login-link:hover[b-bu7z97cu3j] {
        color: var(--LogoGreen);
    }

.message[b-bu7z97cu3j] {
    font-size: 0.9em;
    color: var(--LogoGreen);
    text-align: center;
}

/* Dialog styling - matches the reference dialog pattern used across the app */
.dialog-title[b-bu7z97cu3j] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    margin: 0 0 4px;
}

.dialog-subtitle[b-bu7z97cu3j] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    margin: 0 0 16px;
}

.field-group[b-bu7z97cu3j] {
    margin-bottom: 14px;
}

.field-hint[b-bu7z97cu3j] {
    font-size: var(--SmallFont);
    color: var(--LogoGrey);
    font-style: italic;
    margin: 6px 0 0;
}

.field-hint-error[b-bu7z97cu3j] {
    color: var(--danger-color);
    font-style: normal;
}

.retry-link[b-bu7z97cu3j] {
    color: var(--LogoGold);
    text-decoration: underline;
    cursor: pointer;
}

.dialog-success-banner[b-bu7z97cu3j] {
    margin-bottom: 4px;
    padding: 12px 14px;
    border: 1px solid var(--LogoGreen);
    border-radius: 8px;
    background-color: rgba(18, 67, 62, 0.06);
}

    .dialog-success-banner p[b-bu7z97cu3j] {
        margin: 0;
        font-size: var(--SmallMediumFont);
        color: var(--LogoGreen);
    }

.dialog-actions[b-bu7z97cu3j] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 18px;
}

/* Responsive breakpoints */
@media (max-width: 800px) {
    .login-brand-panel[b-bu7z97cu3j] {
        display: none;
    }

    .login-split[b-bu7z97cu3j] {
        width: 92vw;
        height: 92vh;
    }

    .login-form-panel[b-bu7z97cu3j] {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .login-split[b-bu7z97cu3j] {
        width: 94vw;
        border-radius: 14px;
    }

    .login-form-panel[b-bu7z97cu3j] {
        padding: 24px 20px;
    }
}
/* /Components/Pages/TermsAndConditions.razor.rz.scp.css */
.terms-page[b-bekfc2fwr4] {
    width: 100%;
    min-height: 100vh;
    background-color: var(--PageBackground);
    display: flex;
    justify-content: center;
    padding: 48px 24px;
    box-sizing: border-box;
}

.terms-card[b-bekfc2fwr4] {
    width: 100%;
    max-width: 820px;
    background-color: white;
    border: 1px solid var(--LogoLightGrey);
    border-radius: 16px;
    box-shadow: var(--card-shadow);
    padding: 48px 56px;
    box-sizing: border-box;
    height: fit-content;
}

.terms-title[b-bekfc2fwr4] {
    font-family: var(--font-family-base);
    font-size: var(--XxlFont);
    font-weight: 700;
    color: var(--LogoGreen);
    text-align: left;
    line-height: 1.3;
    margin: 0 0 32px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--LogoLightGrey);
}

.terms-section[b-bekfc2fwr4] {
    margin-bottom: 28px;
}

    .terms-section:last-child[b-bekfc2fwr4] {
        margin-bottom: 0;
    }

.terms-heading[b-bekfc2fwr4] {
    font-family: var(--font-family-base);
    font-size: var(--LargeFont);
    font-weight: 600;
    color: var(--LogoGreen);
    text-align: left;
    margin: 0 0 10px;
}

.terms-text[b-bekfc2fwr4] {
    font-size: var(--SmallMediumFont);
    color: var(--DarkGreen);
    text-align: left;
    line-height: 1.6;
    margin: 0 0 10px;
}

    .terms-text:last-child[b-bekfc2fwr4] {
        margin-bottom: 0;
    }

.terms-list[b-bekfc2fwr4] {
    margin: 0 0 10px;
    padding-left: 22px;
}

    .terms-list li[b-bekfc2fwr4] {
        font-size: var(--SmallMediumFont);
        color: var(--DarkGreen);
        line-height: 1.6;
        margin-bottom: 6px;
        text-align: left;
    }

        .terms-list li:last-child[b-bekfc2fwr4] {
            margin-bottom: 0;
        }

.terms-link[b-bekfc2fwr4] {
    color: var(--LogoGold);
    text-decoration: underline;
    font-weight: 500;
}

@media (max-width: 700px) {
    .terms-page[b-bekfc2fwr4] {
        padding: 24px 12px;
    }

    .terms-card[b-bekfc2fwr4] {
        padding: 28px 24px;
    }

    .terms-title[b-bekfc2fwr4] {
        font-size: var(--ExtraLargeFont);
    }
}