/* /Chat/Components/ChatConversations.razor.rz.scp.css */
.chat-conversations-container[b-zfz5bgg4v7] {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.chat-conversations-header-container[b-zfz5bgg4v7] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    background-color: #f3f4f6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.conversations-header-title[b-zfz5bgg4v7] {
    font-size: calc(1rem * var(--font-scale));
}

    .new-chat-button-container:hover[b-zfz5bgg4v7] {
        cursor: pointer;
    }

    .new-chat-button-container img[b-zfz5bgg4v7] {
        width: 1rem;
        height: 1rem;
    }

.chat-conversations-body-container[b-zfz5bgg4v7] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
    min-height: 10rem;
    background-color: #FFF;
}

.chat-conversation-item-container[b-zfz5bgg4v7] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    font-size: calc(0.8rem * var(--font-scale));
    color: var(--font-colour);
    align-items: flex-start;
}

    .chat-conversation-item-container:focus[b-zfz5bgg4v7],
    .chat-conversation-item-container:hover[b-zfz5bgg4v7] {
        cursor: pointer;
        opacity: 0.5;
    }

.conversation-heading-container[b-zfz5bgg4v7] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.conversation-title-container[b-zfz5bgg4v7] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
}

.conversation-message-container[b-zfz5bgg4v7] {
    flex-wrap: wrap;
    overflow-y: clip;
    text-align: left;
}

.chat-page[b-zfz5bgg4v7] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-header[b-zfz5bgg4v7], .chat-toolbar-container[b-zfz5bgg4v7], .chat-toolbar-heading-container[b-zfz5bgg4v7] {
    flex-shrink: 0;
}

.edit-chat-container[b-zfz5bgg4v7] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}

.edit-options[b-zfz5bgg4v7] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-colour);
}

@media(max-width: 600px) {
    .help-icon-container[b-zfz5bgg4v7] {
        display: none;
    }
}
/* /Chat/Components/ChatCreator.razor.rz.scp.css */
h1[b-r3j73w21ac]
{
    font-size: calc(2.25rem * var(--font-scale));
    color: var(--font-colour)
}
h2[b-r3j73w21ac]
{
    font-size: calc(1.75rem * var(--font-scale));
    color: var(--font-colour)
}
p[b-r3j73w21ac]
{
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour)
}
i[b-r3j73w21ac]
{
    font-size: calc(0.75rem * var(--font-scale));
    color: #2883ac;
}

.create-chat-body[b-r3j73w21ac]
{
    display: flex;
    justify-content: center;
}

.create-chat-container[b-r3j73w21ac] {
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 0.5rem;
    overflow-y: auto;
}

.exit-chat-container[b-r3j73w21ac]
{
    display: flex;
}


.create-chat-content[b-r3j73w21ac] {
    text-align: center;
    max-width: 500px;
}

.studyagent-logo-container[b-r3j73w21ac]
{
    align-items: center;
}

.studyagent-logo-container h1[b-r3j73w21ac]
{
    color: var(--heading-color );
}

.studyagent-logo-container img[b-r3j73w21ac]
{
    width: 7rem;
    height: 7rem;
}

.chat-info-container[b-r3j73w21ac]
{
    font-size: calc(1rem * var(--font-scale));
    color: var(--heading-color);
    margin-bottom: 3rem;
}

.create-chat-actions[b-r3j73w21ac] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.save-chat-container[b-r3j73w21ac] {
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    align-items: center;
}


.create-chat-button[b-r3j73w21ac] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    color: #FFFFFF;
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    width: 100%;
    font-weight: bold;
    font-size: calc(1.25rem * var(--font-scale));
    cursor: pointer;
    transition: all 0.2s ease;
    background: linear-gradient(to bottom, #64c882, #278eb3);
}

.create-chat-button:focus[b-r3j73w21ac],
.create-chat-button:hover[b-r3j73w21ac] {
    opacity: 0.5;
    border-color: #3A8E97;
    transform: translateY(-1px);
}

.chat-dropdown[b-r3j73w21ac]
{
    font-size: calc(1rem * var(--font-scale)); 
    background-color: #e5f0f1;
    border: 2px solid #2883ac;
    font-weight: bold;
    color: #2883ac;
    padding: 0.5rem;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}

.chat-header-exit-icon-container[b-r3j73w21ac] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.5rem;
    border-radius: 10px;
}

.chat-header-exit-icon-container:focus[b-r3j73w21ac],
.chat-header-exit-icon-container:hover[b-r3j73w21ac] {
    cursor: pointer;
    background-color: var(--highlight-color);
}

.create-chat-header-container[b-r3j73w21ac]
{
    display: flex;
    justify-content: center;
}

@media (max-width: 700px)
{
    .studyagent-logo-container h1[b-r3j73w21ac]
    {
        font-size: calc(2rem * var(--font-scale));
    }
}
/* /Chat/Components/ChatMessageBubble.razor.rz.scp.css */
.chat-message-options[b-svnumxwx7v] {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}

    .chat-message-options img[b-svnumxwx7v] {
        height: 2rem;
        width: 2rem;
        padding: 0.5rem;
    }

        .chat-message-options img:hover[b-svnumxwx7v] {
            cursor: pointer;
            background-color: var(--highlight-color);
            border-radius: 10px;
        }

.chat-bubble[b-svnumxwx7v] {
    max-width: 80%;
    padding: 0.5rem;
    gap: 0.5rem;
    font-size: calc(small * var(--font-scale));
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

.chat-bubble img[b-svnumxwx7v]
{
    max-width: 100%;
}

.user-message[b-svnumxwx7v] {
    background-color: var(--primary-color); 
    color: #fcfafa;
}

.ai-message[b-svnumxwx7v] {
    background-color: #f3f4f6;
}

.typing-indicator[b-svnumxwx7v] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f3f4f6;
    padding: 0.5rem;
    border-radius: 25px;
    gap: 0.5rem;
}

.typing-circle[b-svnumxwx7v] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--primary-color);
    animation: bounce-b-svnumxwx7v 0.9s infinite ease-in-out;
}

    .typing-circle:nth-child(1)[b-svnumxwx7v] {
        animation-delay: 0s;
    }

    .typing-circle:nth-child(2)[b-svnumxwx7v] {
        animation-delay: 0.2s;
    }

    .typing-circle:nth-child(3)[b-svnumxwx7v] {
        animation-delay: 0.4s;
    }

@keyframes bounce-b-svnumxwx7v {
    0%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-6px);
    }
}
/* /Chat/Components/ChatWindow.razor.rz.scp.css */
button[b-iuntirkpcy], select[b-iuntirkpcy] {
    cursor: pointer;
    padding: 0.5rem;
}

    button:focus[b-iuntirkpcy], button:hover[b-iuntirkpcy], select:hover[b-iuntirkpcy] {
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    }

option:hover[b-iuntirkpcy] {
    cursor: pointer;
}

.chat-window[b-iuntirkpcy] {
    border-radius: 25px;
    border: solid 1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    position: relative;
    overflow: visible;
    background-color: #FFF;
}

.chat-tools-container[b-iuntirkpcy] {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -10%;
    top: 1%;
    gap: 0.3rem;
}

.chat-headings-container[b-iuntirkpcy] 
{
    display: flex;
    gap: 1rem;
}

.chat-heading[b-iuntirkpcy]
{
    display: flex;
    gap: 0.25rem;
    font-size: calc(1rem * var(--font-scale));
}

.chat-heading-title[b-iuntirkpcy] {
    color: var(--heading-color);
}


.chat-heading-value[b-iuntirkpcy]
{
    max-width: 19rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2883ac;
}


.chat-toolbar-container[b-iuntirkpcy] {
    padding: 0.5rem;
    display: flex;
    overflow: clip;
}

.chat-toolbar-heading-container[b-iuntirkpcy] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex: auto;
    gap: 0.5rem;
}

.chat-header-exit-icon-container[b-iuntirkpcy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    border-radius: 10px;
}

    .chat-header-exit-icon-container:focus[b-iuntirkpcy],
    .chat-header-exit-icon-container:hover[b-iuntirkpcy] {
        cursor: pointer;
        background-color: var(--highlight-color);
    }

.chat-messages-container[b-iuntirkpcy] {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border-bottom: solid 3px #7AB2B5;
    overflow: auto;
    height: clamp(10rem, 40vh, 120rem);
    flex-grow: 1;
}

.chat-icon-container[b-iuntirkpcy] {
    display: flex;
}
    .chat-icon-container img[b-iuntirkpcy] {
        height: 3rem;
        width: 3rem;
    }
    
.chat-body[b-iuntirkpcy]
{
    display: flex; 
    flex-direction: column; 
    position: relative;
    height: 100%;
}

.chat-footer[b-iuntirkpcy] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    gap: 0.25rem;
}

.chat-input-container[b-iuntirkpcy] {
    display: flex;
    align-items: center;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

.chat-prompts[b-iuntirkpcy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    overflow-x: auto;
}

.chat-prompts-header[b-iuntirkpcy] {
    font-size: calc(0.9rem * var(--font-scale));
    color: var(--primary-color) !important;
    font-weight: bold;
}

.chat-dev-tools-container[b-iuntirkpcy] {
    display: flex;
    align-items: center;
    font-size: calc(0.7rem * var(--font-scale));
    padding-left: 0.2rem;
    color: var(--font-color);
}

.new-chat-prompt[b-iuntirkpcy] {
    display: flex;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-color);
    text-align: center;
    justify-content: center;
    flex-direction: column;
    padding: 1.5rem;
}

.help-icon-container[b-iuntirkpcy]
{
    right: -15%;
}

.chat-footer-actions[b-iuntirkpcy]
{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

.chat-images[b-iuntirkpcy]
{
    display: flex;
    gap: 0.5rem;
    position: relative;
    height: 3rem;
}

.chat-images-empty-prompt-container[b-iuntirkpcy]
{
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
    font-size: calc(0.8rem * var(--font-scale));
    color: #808080;
}

.chat-image-container[b-iuntirkpcy]
{
    position: relative;
}

.chat-image-close-icon[b-iuntirkpcy]
{
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.25rem;
}

.chat-image-close-icon:hover[b-iuntirkpcy]
{
    cursor: pointer;
    opacity: 0.5;
}

.chat-image-close-icon img[b-iuntirkpcy]
{
    height: 1rem !important;
    width: 1rem !important;
}

.chat-image-container img[b-iuntirkpcy]
{
    height: 3rem;
    width: 3rem;
    border-radius: 10px;
}

.chat-audio-controls-popover-container[b-iuntirkpcy]
{
    display: flex;
    position: relative;
    justify-content: center;
}

.chat-audio-options-popover-container[b-iuntirkpcy]
{
    display: flex;
    flex-direction: column;
}


@media (max-width: 600px) {
    .chat-messages-container[b-iuntirkpcy] {
        padding: 0.25rem;
    }

    .chat-toolbar-container[b-iuntirkpcy] {
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .chat-toolbar-heading-container[b-iuntirkpcy] {
        align-items: center;
        justify-content: flex-start;
        width: 100%;
    }

    .chat-settings-container[b-iuntirkpcy] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .chat-header-audio-summary-icon-container[b-iuntirkpcy] {
        width: 14rem;
        justify-content: space-evenly;
    }

    .support-type-dropdown[b-iuntirkpcy] {
        width: 100%;
    }

    .chat-prompts-header[b-iuntirkpcy] {
        display: none;
    }
    .chat-prompts[b-iuntirkpcy] {
        display: none;
    }

    .chat-icon-container img[b-iuntirkpcy] {
        display: none;
    }

    .help-icon-container[b-iuntirkpcy] {
        bottom: -8%;
        top: unset;
    }
    .help-icon-container span[b-iuntirkpcy] {
        display: none;
    }

    .chat-tools-container[b-iuntirkpcy] {
        top: unset;
        bottom:-7%;
        right: unset;
        flex-direction: row;
    }

    .help-icon-container[b-iuntirkpcy] {
        bottom: -8%;
        right: -1%;
        top: unset;
    }
}

@media (max-height: 1100px) {
    .help-icon-container span[b-iuntirkpcy]
    {
        display: none;
    }
}

@media (max-height: 900px) {
    .chat-messages-container[b-iuntirkpcy] {
        height: clamp(10rem, 35vh, 110rem);
    }
}

@media (max-width: 500px) 
{
    .chat-headings-container[b-iuntirkpcy]
    {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .chat-heading[b-iuntirkpcy]
    {
        font-size: calc(0.75rem * var(--font-scale));
    }
    
    .chat-dev-tools-container[b-iuntirkpcy]
    {
        display: none;
    }

    .chat-image-container img[b-iuntirkpcy]
    {
        height: 4rem;
        width: 4rem;
    }
    
    .chat-images[b-iuntirkpcy] 
    {
        height: 4rem;
    }
}

@media (max-height: 900px) and (max-width: 700px) {
    
    .help-icon-container[b-iuntirkpcy]
    {
        bottom: -9%;
    }

    .chat-tools-container[b-iuntirkpcy] {
        bottom: -8%;
    }
}

@media (max-height: 800px) {
    .chat-messages-container[b-iuntirkpcy] {
        height: clamp(10rem, 30vh, 100rem);
    }
}

@media (max-height: 800px) and (max-width: 700px) {
    
    .chat-tools-container[b-iuntirkpcy] {
        bottom: -13%;
    }

    .help-icon-container[b-iuntirkpcy]
    {
        bottom: -14%
    }

    .chat-image-container img[b-iuntirkpcy]
    {
        height: 2.5rem;
        width: 2.5rem;
    }

    .chat-images[b-iuntirkpcy]
    {
        height: 3rem;
    }
}

@media (max-height: 600px)  {
    .chat-messages-container[b-iuntirkpcy] {
        height: clamp(10rem, 25vh, 80rem);
    }

    .chat-images[b-iuntirkpcy]
    {
        height: 2rem;
    }
}
/* /Chat/Components/EditChatDialog.razor.rz.scp.css */
.chat-header-container[b-d4s6b8eu88] {
    display: flex;
    align-items: flex-start;
}

.chats-header-title[b-d4s6b8eu88] {
    font-size: calc(1rem * var(--font-scale));
    font-weight: bold;
}

.chat-field-container[b-d4s6b8eu88] {
    display: flex;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-grow: 1;
    margin-bottom: 1rem;
    width: 20rem;
    font-size: calc(0.8rem * var(--font-scale));
}

.chat-heading[b-d4s6b8eu88] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(0.8rem * var(--font-scale));
}

.dialog-cancel-button-container[b-d4s6b8eu88] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
    background-color: #FCFCFC;
}

.dialog-cancel-button-container:hover[b-d4s6b8eu88] {
    cursor: pointer;
}
/* /Chat/Components/ExportChatDialog.razor.rz.scp.css */
.task-header-container[b-s9xj980nn7] {
    display: flex;
    align-items: flex-start;
}

.tasks-header-title[b-s9xj980nn7] {
    font-size: calc(medium * var(--font-scale));
    font-weight: bold;
}

.task-field-container[b-s9xj980nn7] {
    display: flex;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-grow: 1;
    margin-bottom: 1rem;
    width: 20rem;
    gap: 0.5rem;
    align-items: center;
}

.task-heading[b-s9xj980nn7] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
}

.dialog-cancel-button-container[b-s9xj980nn7] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(large * var(--font-scale));
    background-color: #FCFCFC;
    color: var(--font-colour);
}
.dialog-cancel-button-container:hover[b-s9xj980nn7] {
    cursor: pointer;
}
/* /Chat/Components/SaveChatDialog.razor.rz.scp.css */
.chat-header-container[b-9w5mrn4k1j] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.chats-header-title[b-9w5mrn4k1j] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: var(--heading-color);
}

.chat-field-container[b-9w5mrn4k1j] {
    display: flex;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-grow: 1;
    margin-bottom: 1rem;
    padding: 2rem;
    font-size: calc(0.8rem * var(--font-scale));
}

.chat-heading[b-9w5mrn4k1j] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(0.8rem * var(--font-scale));
}

.dialog-actions[b-9w5mrn4k1j] {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.dialog-save-button-container[b-9w5mrn4k1j] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    color:#FFFFFF;
    background: linear-gradient(to bottom, #64c882, #278eb3);
}

.dialog-cancel-button-container[b-9w5mrn4k1j] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
    background-color: #FCFCFC;
}

.dialog-save-button-container:hover[b-9w5mrn4k1j],
.dialog-cancel-button-container:hover[b-9w5mrn4k1j] {
    cursor: pointer;
}
/* /Files/Components/Files.razor.rz.scp.css */
.files-page[b-slhbllcyxw] {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.files-header-container[b-slhbllcyxw] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    background-color: #f3f4f6;
}

.files-header-title[b-slhbllcyxw] {
    font-size: calc(1rem * var(--font-scale));
}


.files-body-container[b-slhbllcyxw] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
    min-height: 10rem;
    padding-bottom: 1rem;
    background-color: #FFF;
}

.file-item-container[b-slhbllcyxw] {
    padding: 1rem;
    align-items: center;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    color: var(--font-colour);
}
.files-details-container[b-slhbllcyxw] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.loader[b-slhbllcyxw] {
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid #f3f3f3;
    border-top: 0.2rem solid #3498db;
    border-radius: 50%;
    animation: spin-b-slhbllcyxw 2s linear infinite;
}
 
@keyframes spin-b-slhbllcyxw {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@media (max-width: 600px) {
    .help-icon-container[b-slhbllcyxw] {
        display: none;
    }
}
/* /Home/Home.razor.rz.scp.css */
.home-container[b-ujuelxgim1] {
    width: clamp(400px, 70%, 800px);
    height: clamp(600px, 93%, 1200px);
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
}

@media (max-height: 900px) and (max-width: 1500px)
{
    .home-container[b-ujuelxgim1] {
        height: clamp(300px, 80%, 900px);
    }
}

@media (max-height: 1000px) and (max-width: 500px)  {
    .home-container[b-ujuelxgim1] {
        height: clamp(200px, 80%, 950px);
    }
}
@media (max-height: 900px) and (max-width: 500px)  {
    .home-container[b-ujuelxgim1] {
        height: clamp(200px, 80%, 900px);
    }
}

@media (max-height: 700px) and (max-width: 500px) {
    .home-container[b-ujuelxgim1] {
        height: clamp(300px, 75%, 700px);
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-3ntwia3sve] {
    display: flex;
    flex-direction: column;
}

.page-logo-text[b-3ntwia3sve] {
    font-weight: bold;
}

.page-header-img[b-3ntwia3sve] {
    height: 4rem;
    width: 17.5rem;
}

.page-content-container[b-3ntwia3sve] {
    display: flex;
}

.edit-project-page-open[b-3ntwia3sve] {
    filter: brightness(0.4);
    background-color: #FFF
}

.page-editproject-container[b-3ntwia3sve] {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    height: 100%;
}

.page-content[b-3ntwia3sve] {
    display: flex;
    position: fixed;
    right: 0;
    left: 0;
    justify-content: center;
    height: 100%;
    overflow: visible;
    background-color: #dfebec
}

@media (max-width: 600px) {
    .page-editproject-container[b-3ntwia3sve] {
       width: 100%;
    }
}

@media (max-width: 390px) {
    .page-editproject-container[b-3ntwia3sve] {
        width: 100%;
    }
}    
/* /Layout/NavMenu.razor.rz.scp.css */
/* Clean, simple header */
.header[b-bccfuwp36j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem;
    background-image: url("/imgs/Common/StudyAgentHeader.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    border-bottom: 1px solid #e2e8f0;
    color: #FFF;
}

/* Simple logo styling */
.logo-container[b-bccfuwp36j] {
    display: flex;
    align-items: center;
    align-content: center;
    font-weight: bold;
    margin-right: auto;
}

.logo[b-bccfuwp36j] {
    height: 3rem;
    width: 9rem;
}

/* Clean navigation */
.nav[b-bccfuwp36j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

/* Simple nav items */
.nav-item[b-bccfuwp36j] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: calc(0.8rem * var(--font-scale));
    font-weight: 500;
}

    .nav-item img[b-bccfuwp36j] {
        width: 0.8rem;
        height: 0.8rem;
    }

.nav-item:focus[b-bccfuwp36j],
.nav-item:hover[b-bccfuwp36j] {
    opacity: 0.5;
    cursor: pointer;
}

@media (max-width: 600px) {

    .logo-container[b-bccfuwp36j] {
        display: flex;
        justify-content: center;
    }

    .header[b-bccfuwp36j] {
        justify-content: space-between;
    }

    .nav-item[b-bccfuwp36j] {
        gap: 0.5rem;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s ease;
        font-size: calc(0.8rem * var(--font-scale));
        font-weight: 500;
    }

    .logo-container h3[b-bccfuwp36j] {
        display: none;
    }

    .logo[b-bccfuwp36j] {
        width: 10rem;
    }

    .nav-caption[b-bccfuwp36j] {
        display: none;
    }
}

@media (max-width: 390px) {
    .nav-item[b-bccfuwp36j] {
        gap: 0rem;
        font-size: calc(0.7rem * var(--font-scale));
        font-weight: 500;
    }

    .logo-container h3[b-bccfuwp36j] {
       display: none;
    }

}    
/* /License/BuyLicenseDialog.razor.rz.scp.css */
.license-header-container[b-95oljlnkf6] {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 0.5rem;    
}

    .license-header-container img[b-95oljlnkf6] {
        height: 4rem;
        width: 4rem;
    }

.license-header-title[b-95oljlnkf6] {
    font-size: calc(1.75rem * var(--font-scale));
    font-weight: bold;
}

.license-field-container[b-95oljlnkf6] {
    display: flex;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-bottom: 1rem;
    font-size: calc(1.5rem * var(--font-scale));
}

.license-heading[b-95oljlnkf6] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(1.25rem * var(--font-scale));
}

.license-footer[b-95oljlnkf6] {
    display : flex;
    justify-content: space-evenly;
    width : 100%;
}

.license-dialog-button-container[b-95oljlnkf6] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1.5rem * var(--font-scale));
    color: #FFF;
    background-color: var(--primary-color);
    gap: 0.2rem;
}

.buy-now-caption[b-95oljlnkf6] {
    font-weight: normal;
    font-size: calc(1.2rem * var(--font-scale));
}

    .license-dialog-button-container:focus[b-95oljlnkf6],
    .license-dialog-button-container:hover[b-95oljlnkf6] {
        cursor: pointer;
        opacity: 0.5;
    }

@media (max-width: 600px) {
    .license-dialog-button-container[b-95oljlnkf6] {
        font-size: calc(0.8rem * var(--font-scale));
    }
    .buy-now-caption[b-95oljlnkf6] {
        font-size: calc(0.7rem * var(--font-scale));
    }
    .license-heading[b-95oljlnkf6] {
        font-size: calc(0.8rem * var(--font-scale));
    }
    .license-header-container img[b-95oljlnkf6] {
        height: 2rem;
        width: 2rem;
    }

    .license-header-title[b-95oljlnkf6] {
        font-size: calc(1rem * var(--font-scale));
    }

    .license-field-container[b-95oljlnkf6] {
        font-size: calc(0.8rem * var(--font-scale));
    }
}
/* /License/EnterLicenseDialog.razor.rz.scp.css */
.license-header-container[b-ltcrtsutwx] {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 0.5rem;
}

    .license-header-container img[b-ltcrtsutwx] {
        height: 4rem;
        width: 4rem;
    }

.license-header-title[b-ltcrtsutwx] {
    font-size: calc(1.75rem * var(--font-scale));
    font-weight: bold;
}

.license-field-container[b-ltcrtsutwx] {
    display: flex;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-bottom: 1rem;
    font-size: calc(1.5rem * var(--font-scale));
}

.license-heading[b-ltcrtsutwx] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(1.25rem * var(--font-scale));
}

.license-footer[b-ltcrtsutwx] {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.license-dialog-button-container[b-ltcrtsutwx] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1.5rem * var(--font-scale));
    color: #FFF;
    background-color: var(--primary-color);
    gap: 0.2rem;
}

.buy-now-caption[b-ltcrtsutwx] {
    font-weight: normal;
    font-size: calc(1.2rem * var(--font-scale));
}

.license-dialog-button-container:focus[b-ltcrtsutwx],
.license-dialog-button-container:hover[b-ltcrtsutwx] {
    cursor: pointer;
    opacity: 0.5;
}

@media (max-width: 600px) {
    .license-dialog-button-container[b-ltcrtsutwx] {
        font-size: calc(0.8rem * var(--font-scale));
    }

    .buy-now-caption[b-ltcrtsutwx] {
        font-size: calc(0.7rem * var(--font-scale));
    }

    .license-heading[b-ltcrtsutwx] {
        font-size: calc(0.8rem * var(--font-scale));
    }

    .license-header-container img[b-ltcrtsutwx] {
        height: 2rem;
        width: 2rem;
    }

    .license-header-title[b-ltcrtsutwx] {
        font-size: calc(1rem * var(--font-scale));
    }

    .license-field-container[b-ltcrtsutwx] {
        font-size: calc(0.8rem * var(--font-scale));
    }
}
/* /License/LicenseAgreementDialog.razor.rz.scp.css */
.license-header-container[b-s8z5n8thda] {
    display: flex;
    align-items: center;
    justify-items: center;
    gap: 0.5rem;
    justify-content: center;
}

    .license-header-container img[b-s8z5n8thda] {
        height: 4rem;
        width: 4rem;
    }

.license-header-title[b-s8z5n8thda] {
    font-size: calc(1.75rem * var(--font-scale));
    font-weight: bold;
    color: var(--primary-color);
}

.privacy-summary-text[b-s8z5n8thda] {
    padding: 1rem;
}

.eula-button[b-s8z5n8thda] {
    background: none;
    border: 1px solid #e5e7eb;
    color: var(--font-colour);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}

    .eula-button:focus[b-s8z5n8thda],
    .eula-button:hover[b-s8z5n8thda] {
        border-color: #3A8E97;
        background-color: rgba(58, 142, 151, 0.05);
    }

.license-field-container[b-s8z5n8thda] {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-content: center;
    text-align: center;
    width: 100%;
    margin-bottom: 1rem;
    font-size: calc(1rem * var(--font-scale));
}

.license-heading[b-s8z5n8thda] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(1.25rem * var(--font-scale));
}

.license-footer[b-s8z5n8thda] {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.license-dialog-button-container[b-s8z5n8thda] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1.5rem * var(--font-scale));
    color: #FFF;
    background-color: var(--primary-color);
    gap: 0.2rem;
}

.license-dialog-button-container:focus[b-s8z5n8thda],
.license-dialog-button-container:hover[b-s8z5n8thda] {
    cursor: pointer;
    opacity: 0.5;
}

@media (max-width: 600px) {
    .license-dialog-button-container[b-s8z5n8thda] {
        font-size: calc(0.8rem * var(--font-scale));
    }

    .license-heading[b-s8z5n8thda] {
        font-size: calc(0.8rem * var(--font-scale));
    }

    .license-header-container img[b-s8z5n8thda] {
        height: 2rem;
        width: 2rem;
    }

    .license-header-title[b-s8z5n8thda] {
        font-size: calc(1rem * var(--font-scale));
    }

    .license-field-container[b-s8z5n8thda] {
        font-size: calc(0.8rem * var(--font-scale));
    }
}
/* /Projects/Components/EditProject.razor.rz.scp.css */
.edit-project-container[b-38bpgs3fti] {
    display: flex;
    flex-direction: column;
    background-color: #FCFCFC;
    flex-grow: 1;
}

.edit-project-header-title-container[b-38bpgs3fti] {
    margin-left: auto;
    color: #3a8e97;
    font-weight: bold;
}

.project-header-container[b-38bpgs3fti] {
    display: flex;
    border-bottom: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    background-color: #FFF;
    justify-items: center;
    align-items: center;
}

.project-heading[b-38bpgs3fti] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
}

.edit-project-header-exit[b-38bpgs3fti] {
    display: flex;
    justify-self: flex-end;
    align-items: center;
    padding: 0.5rem;
    margin-left:auto;
}
    .edit-project-header-exit:focus[b-38bpgs3fti],
    .edit-project-header-exit:hover[b-38bpgs3fti] {
        cursor: pointer;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
        background-color: var(--highlight-color);
        border-radius: 10px;
    }

.project-body-container[b-38bpgs3fti] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: auto;
    max-height: 70%;
    width: 100%;
}

.project-fields-container[b-38bpgs3fti] {
    display: flex;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-direction: column;
    gap: 1rem;
}

.project-icons-row-container[b-38bpgs3fti] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 25rem;
    grid-column-gap: 4rem;
    row-gap: 1rem;
    border-radius: 25px;
    padding: 0.5rem;
}
.project-colors-row-container[b-38bpgs3fti] {
    display: flex;
    justify-content: space-evenly;
    gap: 0.5rem;
    border-radius: 25px;
}

.project-color-container[b-38bpgs3fti] {
    padding: 0.25rem;
    border-radius: 50%;
}
    .project-color-container:focus[b-38bpgs3fti],
    .project-color-container:hover[b-38bpgs3fti] {
        cursor: pointer;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    }

.project-image-container[b-38bpgs3fti] {
    border-radius: 10px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    background-color: #FFF;
}
    .project-image-container:focus[b-38bpgs3fti],
    .project-image-container:hover[b-38bpgs3fti] {
        cursor: pointer;
        background-color: var(--highlight-color) !important;
    }

.text-input-container[b-38bpgs3fti] {
    display: flex;
    flex-grow: 1;
    border-radius: 25px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
}

.project-footer-container[b-38bpgs3fti] {
    position: absolute;
    bottom: 5rem;
    right: 0;
    left: 0;
    display: flex;
    justify-content: space-evenly;
    padding: 1rem;
    margin-top: 2rem;
    background-color: #FFF;
    gap: 2rem;
}

.project-cancel-button-container[b-38bpgs3fti] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(large * var(--font-scale));
    background-color: #FCFCFC;
}
    .project-cancel-button-container:focus[b-38bpgs3fti],
    .project-cancel-button-container:hover[b-38bpgs3fti] {
        cursor: pointer;
        background-color: var(--highlight-color);
        color: #FFF
    }

@media (max-width: 600px) {
    .project-footer-container[b-38bpgs3fti] {
        position: static;
        bottom: 10rem;
    }    

    .project-body-container[b-38bpgs3fti] {
        max-height: 60%;
        overflow-y: scroll;

    }
}    
/* /Projects/Components/ProjectSelector.razor.rz.scp.css */
.chat-dropdown[b-2wzuiay7d2]
{
    font-size: calc(1rem * var(--font-scale));
    background-color: #e5f0f1;
    border: 2px solid #2883ac;
    font-weight: bold;
    color: #2883ac;
    padding: 0.5rem;
    border-radius: 10px;
    text-align: center;
    width: 100%;
}
/* /Projects/Components/ProjectWidget.razor.rz.scp.css */
.project-widget-container[b-kfpg9o8ibx] {
    display: flex;
    border-radius: 15px;
    width: 23rem;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    gap: 0.5rem;
    background-color: #FFF;
}
    .project-widget-container:hover[b-kfpg9o8ibx] {
        cursor: pointer;
    }

.project-icon-container[b-kfpg9o8ibx] {
    align-content: center;
    padding: 1rem;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
    .project-icon-container img[b-kfpg9o8ibx] {
        height: 1.5rem;
        width: 1.5rem;
    }

.project-info-container[b-kfpg9o8ibx] {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    gap: 0.5rem;
}

.project-due-date-container[b-kfpg9o8ibx] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: calc(0.8rem * var(--font-scale));
    color: var(--font-colour);
}

.project-title-container[b-kfpg9o8ibx] {
    align-items: center;
    color: var(--heading-color);
    font-weight: bold;
    flex-wrap: wrap;
    overflow: hidden;
    width: 15rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: calc(1rem * var(--font-scale));
}

.project-module-container[b-kfpg9o8ibx] {
    align-items: center;
    color: var(--font-colour);
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 15rem;
    font-size: calc(0.8rem * var(--font-scale));
    height: calc(1rem * var(--font-scale));
}

.project-progress-container[b-kfpg9o8ibx] {
    display: flex;
    border-radius: 25px;
    background-color: #f3f4f6;
}

.project-arrow-container[b-kfpg9o8ibx] {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    flex-grow: 1;
}

.project-header-container[b-kfpg9o8ibx] {
    display: flex;
    justify-content: space-between;
    padding-top: 0.5rem;
}

.project-edit-container[b-kfpg9o8ibx] {
    display: flex;
    justify-content: flex-end;
}

.project-edit-options[b-kfpg9o8ibx] {
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-colour);
}
/* /Projects/Components/ViewProject.razor.rz.scp.css */
.view-project-container[b-4fv7a3a4ot] {
    width: clamp(400px, 70%, 800px);
    display: flex;
    flex-direction: column;
}

.exit-icon-container[b-4fv7a3a4ot] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    padding: 0.5rem;
}
    .exit-icon-container:focus[b-4fv7a3a4ot],
    .exit-icon-container:hover[b-4fv7a3a4ot] {
        background-color: var(--highlight-color);
        cursor: pointer;
    }

.view-project-header-container[b-4fv7a3a4ot] {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    padding: 0.25rem;
    align-items: center;
}

    .view-project-header-container img[b-4fv7a3a4ot] {
        height: 1rem;
        width: 1rem;
    }

.project-title[b-4fv7a3a4ot] {
    color: #fff;
    font-weight: 600;
    font-size: calc(1.5rem * var(--font-scale));
}

.project-body-container[b-4fv7a3a4ot] {
    display: flex;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    flex-direction: column;
    height: clamp(600px, 85%, 1200px);
}

.project-tabs-container[b-4fv7a3a4ot] {
    padding: 0.25rem;
    display: flex;
    justify-content: space-between;
    align-content: center;
    gap: 0.5rem;
    background-color: #f3f4f6;
    font-size: calc(0.8rem * var(--font-scale));
    font-weight: 300;
    border-radius: 10px;
    color: var(--font-colour);
}

.project-tab-item[b-4fv7a3a4ot] {
    display: flex;
    justify-content: center;
    justify-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    flex-grow: 1;
}

    .project-tab-item:hover[b-4fv7a3a4ot],
    .project-tab-item:focus[b-4fv7a3a4ot]
    {
        cursor: pointer;
        opacity: 0.5;
    }

.tab-selected[b-4fv7a3a4ot] {
    border-radius: 5px;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

@media (max-width: 390px) {
    .project-body-container[b-4fv7a3a4ot] {
        padding: 0.75rem;
    }
}

@media (max-height: 1100px)
{
    .project-body-container[b-4fv7a3a4ot] {
        height: clamp(200px, 75%, 1100px);
    }
}

@media (max-height: 900px)
{
    .project-body-container[b-4fv7a3a4ot] {
        height: clamp(500px, 70%, 900px);
    }
}

@media (max-height: 700px) {
    .project-body-container[b-4fv7a3a4ot] {
        height: clamp(200px, 70%, 700px);
    }
}
/* /Projects/Components/ViewProjects.razor.rz.scp.css */
.projects-page[b-2u60dgayta] {
    width: clamp(400px, 70%, 800px);
    height: clamp(500px, 85%, 1200px);
    padding: 1rem;
    overflow: visible;
    display: flex;
    flex-direction: column;
    position: relative;
}

.project-title[b-2u60dgayta] {
    color: var(--heading-color);
    font-size: 2rem;
    font-weight: 600;
}

.projects-header[b-2u60dgayta]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
}

.add-project-btn-container[b-2u60dgayta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    color: #f3f4f6;
    background-color: var(--primary-color);
    gap: 1rem;
    padding: 0.75rem;
    cursor: pointer;
    font-weight: 600;
    border: none;
    font-size: calc(1rem * var(--font-scale));
}

.projects-container[b-2u60dgayta] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0.2rem;
    overflow-y: auto;
}

.add-project-btn-container:focus[b-2u60dgayta],
.add-project-btn-container:hover[b-2u60dgayta] {
    opacity: 0.5;
}

.add-project-btn-container img[b-2u60dgayta] {
    height: 1.4rem;
    width: 1.4rem;
}

@media (max-width: 600px) {

    .help-icon-container[b-2u60dgayta] {
        display: none;
    }
}

@media (max-width: 400px) {
    .projects-container[b-2u60dgayta] {
        padding: 1rem;
    }
}

.help-icon-container[b-2u60dgayta] {
    top: 2%;
}

/* /Settings/Components/Accessibility.razor.rz.scp.css */
 .component-container[b-7uuhf5ip1r] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-7uuhf5ip1r] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    flex-shrink: 0;
}

.back-button-container[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

.back-button[b-7uuhf5ip1r] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.2s;
}
    .back-button:focus[b-7uuhf5ip1r],
    .back-button:hover[b-7uuhf5ip1r] {
        background-color: var(--highlight-color);
    }

.header-text[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.title[b-7uuhf5ip1r] {
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
    font-size: calc(1.5rem * var(--font-scale));
}

.subtitle[b-7uuhf5ip1r] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    margin: 0;
}

.content[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    border-radius: 0.75rem;
    padding: 0 1rem 1rem 1rem;
    overflow-y: auto;
}

.section[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 0.75rem;
    padding: 1.5rem;
}

.section-header[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
}

.section-title[b-7uuhf5ip1r] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
}

.section-description[b-7uuhf5ip1r] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    margin: 0;
    line-height: 1.4;
}

.display-container[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.setting-item[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.setting-label[b-7uuhf5ip1r] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: var(--primary-color);
}

.slider-container[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
}

.slider-label[b-7uuhf5ip1r] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
}

.dropdown-container[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.dropdown-label[b-7uuhf5ip1r] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
}

.voice-dropdown-wrapper[b-7uuhf5ip1r] {
    position: relative;
    display: block;
    width: 100%;
}

.voice-dropdown[b-7uuhf5ip1r] {
    width: 100%;
    padding: 0.75rem;
    padding-right: 2.5rem;
    border: 1px solid #e1e8ed;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    background-color: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    cursor: pointer;
}

.voice-dropdown:focus[b-7uuhf5ip1r] {
    outline: none;
    border-color: #3A8E97;
    box-shadow: 0 0 0 0.1875rem rgba(58, 142, 151, 0.1);
}

.voice-dropdown-icon[b-7uuhf5ip1r] {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #6b7280;
    font-size: calc(0.875rem * var(--font-scale));
    z-index: 1;
}

.prompt-options[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.prompt-container[b-7uuhf5ip1r] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    background-color: #FFF;
}

.prompt-container:hover[b-7uuhf5ip1r] {
    border-color: #3A8E97;
    background-color: rgba(58, 142, 151, 0.05);
}

.prompt-container.selected[b-7uuhf5ip1r] {
    border-color: #3A8E97;
    background-color: rgba(58, 142, 151, 0.1);
}

.prompt-text[b-7uuhf5ip1r] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.prompt-title[b-7uuhf5ip1r] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
}

.prompt-description[b-7uuhf5ip1r] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    line-height: 1.3;
}

.save-button[b-7uuhf5ip1r] {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    margin-top: 0.5rem;
}

    .save-button:focus[b-7uuhf5ip1r],
    .save-button:hover[b-7uuhf5ip1r] {
        background-color: #2f7a82;
        transform: translateY(-0.0625rem);
    }

.save-button:active[b-7uuhf5ip1r] {
    transform: translateY(0);
}

@media (max-width: 48rem) {
    .header[b-7uuhf5ip1r] {
        padding: 0.75rem 0.75rem 0 0.75rem;
    }

    .title[b-7uuhf5ip1r] {
        font-size: calc(1.25rem * var(--font-scale));
    }

    .subtitle[b-7uuhf5ip1r] {
        font-size: calc(0.8125rem * var(--font-scale));
    }

    .scrollable-content[b-7uuhf5ip1r] {
        padding: 0 0.75rem 0.75rem 0.75rem;
    }

    .section[b-7uuhf5ip1r] {
        padding: 1rem;
    }

    .prompt-container[b-7uuhf5ip1r] {
        padding: 0.75rem;
    }
}
/* /Settings/Components/DataAndPrivacy.razor.rz.scp.css */
.header[b-e0arkkfojd] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    flex-shrink: 0;
}

.back-button-container[b-e0arkkfojd] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

.back-button[b-e0arkkfojd] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.2s;
}

    .back-button:focus[b-e0arkkfojd],
    .back-button:hover[b-e0arkkfojd] {
        background-color: var(--highlight-color);
    }

.header-text[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.title[b-e0arkkfojd] {
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
    font-size: calc(1.5rem * var(--font-scale));
}

.subtitle[b-e0arkkfojd] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    margin: 0;
}

.content[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 0 1rem 1rem 1rem;
    overflow-y: auto;
    height: clamp(30rem, 45vh, 100rem);
}

.dp-section[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    background-color: #fff;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.05);
    border: 0.0625rem solid #e5e7eb;
}

.section-header[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    text-align: center;
}

.section-title[b-e0arkkfojd] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: var(--font-colour);
    margin: 0;
}

.section-description[b-e0arkkfojd] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    margin: 0;
    line-height: 1.5;
    max-width: 500px;
}

.security-features[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.feature-item[b-e0arkkfojd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background-color: #f6f9f8;
    padding: 0.75rem;
    border-radius: 0.5rem;
}

.feature-icon[b-e0arkkfojd] {
    color: #16a34a;
    font-size: calc(1rem * var(--font-scale));
    width: 1rem;
}

.feature-text[b-e0arkkfojd] {
    font-size: calc(1rem * var(--font-scale));
    color: #374151;
    font-weight: 500;
}

.policy-button[b-e0arkkfojd] {
    background: none;
    border: 1px solid #e5e7eb;
    color: var(--font-colour);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}

    .policy-button:focus[b-e0arkkfojd],
    .policy-button:hover[b-e0arkkfojd] {
        border-color: #3A8E97;
        background-color: rgba(58, 142, 151, 0.05);
    }

.data-actions[b-e0arkkfojd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.download-button[b-e0arkkfojd] {
    background: none;
    border: 1px solid #e5e7eb;
    color: var(--font-colour);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

    .download-button:focus[b-e0arkkfojd],
    .download-button:hover[b-e0arkkfojd] {
        border-color: #3A8E97;
        background-color: rgba(58, 142, 151, 0.05);
    }

.delete-button[b-e0arkkfojd] {
    background-color: #ef4444;
    border: none;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    color: var(--font-colour);
    transition: background-color 0.2s, transform 0.1s;
}

    .delete-button:focus[b-e0arkkfojd],
    .delete-button:hover[b-e0arkkfojd] {
        background-color: #dc2626;
        transform: translateY(-0.0625rem);
    }

.delete-button:active[b-e0arkkfojd] {
    transform: translateY(0);
}

@media (max-width: 48rem) {
    .header[b-e0arkkfojd] {
        padding: 0.75rem 0.75rem 0 0.75rem;
    }

    .title[b-e0arkkfojd] {
        font-size: calc(1.25rem * var(--font-scale));
    }

    .content[b-e0arkkfojd] {
        padding: 0 0.75rem 0.75rem 0.75rem;
    }

    .section[b-e0arkkfojd] {
        padding: 1.5rem;
    }

    .section-title[b-e0arkkfojd] {
        font-size: calc(1rem * var(--font-scale));
    }
}
/* /Settings/Components/Notifications.razor.rz.scp.css */
.header[b-8jtn0w7xcc] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    flex-shrink: 0;
}

.back-button-container[b-8jtn0w7xcc] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

.back-button[b-8jtn0w7xcc] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.2s;
}

.back-button:hover[b-8jtn0w7xcc] {
    background-color: rgba(58, 142, 151, 0.1);
}

.header-text[b-8jtn0w7xcc] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.title[b-8jtn0w7xcc] {
    font-weight: bold;
    color: #3A8E97;
    margin: 0;
    font-size: calc(1.5rem * var(--font-scale));
}

.subtitle[b-8jtn0w7xcc] {
    font-size: calc(0.875rem * var(--font-scale));
    color: #6b7280;
    margin: 0;
}

.content[b-8jtn0w7xcc] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1rem 1rem 1rem;
}

.section[b-8jtn0w7xcc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-header[b-8jtn0w7xcc] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.section-title[b-8jtn0w7xcc] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: #3A8E97;
    margin: 0;
}

.radio-group[b-8jtn0w7xcc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    max-width: 300px;
}

.switch-container[b-8jtn0w7xcc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.switch-label[b-8jtn0w7xcc] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: #374151;
}

.save-button[b-8jtn0w7xcc] {
    background-color: #3A8E97;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    margin-top: 0.5rem;
}

.save-button:hover[b-8jtn0w7xcc] {
    background-color: #2f7a82;
    transform: translateY(-0.0625rem);
}

.save-button:active[b-8jtn0w7xcc] {
    transform: translateY(0);
}

@media (max-width: 48rem) {
    .header[b-8jtn0w7xcc] {
        padding: 0.75rem 0.75rem 0 0.75rem;
    }

    .title[b-8jtn0w7xcc] {
        font-size: calc(1.25rem * var(--font-scale));
    }

    .subtitle[b-8jtn0w7xcc] {
        font-size: calc(0.8125rem * var(--font-scale));
    }

    .content[b-8jtn0w7xcc] {
        padding: 0 0.75rem 0.75rem 0.75rem;
    }

    .section-title[b-8jtn0w7xcc] {
        font-size: calc(1rem * var(--font-scale));
    }
}
/* /Settings/Components/PersonalDetails.razor.rz.scp.css */
.header[b-dzpa3pdv6n] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    flex-shrink: 0;
}

.back-button-container[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

.back-button[b-dzpa3pdv6n] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.2s;
}

    .back-button:focus[b-dzpa3pdv6n],
    .back-button:hover[b-dzpa3pdv6n] {
        background-color: var(--highlight-color);
    }

.header-text[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.title[b-dzpa3pdv6n] {
    font-weight: bold;
    color: var(--secondary-color);
    margin: 0;
    font-size: calc(1.5rem * var(--font-scale));
}

.subtitle[b-dzpa3pdv6n] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--secondary-color);
    margin: 0;
}

.content[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1rem 1rem 1rem;
}

.profile-section[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background-color: #fff;
    border-radius: 0.75rem;
    padding: 1.25rem;
    box-shadow: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.05);
    border: 0.0625rem solid #e5e7eb;
}

.section-header[b-dzpa3pdv6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-title[b-dzpa3pdv6n] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: var(--secondary-color);
    margin: 0;
}

.edit-button[b-dzpa3pdv6n] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    background-color: var(--primary-color);
    border: 0.0625rem solid #3A8E97;
    color: #FFF;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    font-size: calc(0.8125rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

    .edit-button:focus[b-dzpa3pdv6n],
    .edit-button:hover[b-dzpa3pdv6n] {
        opacity: 0.5;
    }

.edit-button i[b-dzpa3pdv6n] {
    font-size: 0.75rem;
}

.info-container[b-dzpa3pdv6n] {
    display: flex;
    justify-content: space-between;
    font-size: calc(0.8rem * var(--font-scale));
}

.divider[b-dzpa3pdv6n] {
    border-bottom: 0.0625rem solid #e5e7eb;
    border-top: 0.0625rem solid #e5e7eb;
    padding: 1rem 0;
}

.info-grid[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.info-item[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.info-label[b-dzpa3pdv6n] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
}

.profile-form-input[b-dzpa3pdv6n] {
    width: 100%;
    padding: 0.75rem;
    border: 0.0625rem solid #e1e8ed;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    background-color: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.profile-form-input:focus[b-dzpa3pdv6n] {
    outline: none;
    border-color: #3A8E97;
    box-shadow: 0 0 0 0.1875rem rgba(58, 142, 151, 0.1);
}

.profile-form-input[b-dzpa3pdv6n]::placeholder {
    color: #9ca3af;
}

.action-buttons[b-dzpa3pdv6n] {
    display: flex;
    gap: 0.75rem;
    margin-top: 1rem;
    justify-content: flex-end;
}

.cancel-button[b-dzpa3pdv6n] {
    background-color: #f3f4f6;
    color: #374151;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .cancel-button:focus[b-dzpa3pdv6n],
    .cancel-button:hover[b-dzpa3pdv6n] {
        background-color: #e5e7eb;
    }

.save-button[b-dzpa3pdv6n] {
    background-color: #3A8E97;
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

    .save-button:focus[b-dzpa3pdv6n],
    .save-button:hover[b-dzpa3pdv6n] {
        background-color: #2f7a82;
        transform: translateY(-0.0625rem);
    }

.save-button:active[b-dzpa3pdv6n] {
    transform: translateY(0);
}

.security-options[b-dzpa3pdv6n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.security-button[b-dzpa3pdv6n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem;
    background: #f8f9fa;
    border: 0.0625rem solid #e1e8ed;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
    width: 100%;
}

.security-button:hover[b-dzpa3pdv6n] {
    background-color: #f3f4f6;
    border-color: #3A8E97;
}

.security-button-content[b-dzpa3pdv6n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
    color: #374151;
    font-weight: 600;
}

.security-button-content i[b-dzpa3pdv6n] {
    color: #3A8E97;
    font-size: 1rem;
}

.security-button > i[b-dzpa3pdv6n] {
    color: #9ca3af;
    font-size: 0.75rem;
}

@media (max-width: 48rem) {
    .header[b-dzpa3pdv6n] {
        padding: 0.75rem 0.75rem 0 0.75rem;
    }

    .title[b-dzpa3pdv6n] {
        font-size: 1.25rem;
    }

    .subtitle[b-dzpa3pdv6n] {
        font-size: 0.8125rem;
    }

    .content[b-dzpa3pdv6n] {
        padding: 0 0.75rem 0.75rem 0.75rem;
    }

    .profile-section[b-dzpa3pdv6n] {
        padding: 1rem;
    }
}
/* /Settings/Components/Settings.razor.rz.scp.css */
.settings-page[b-xdnu6xf3z7] {
    width: clamp(400px, 70%, 800px);
    height: clamp(500px, 85%, 1200px);
    display: flex;
    flex-direction: column;
}

.settings-content[b-xdnu6xf3z7] {
    flex: 1;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-top: 1rem;
}

.settings-content-header[b-xdnu6xf3z7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    gap: 10rem;
}

    .settings-content-header h1[b-xdnu6xf3z7] {
        font-size: calc(2rem * var(--font-scale));
        font-weight: 600;
        color: var(--heading-color);
        margin: 0;
    }

.sign-out-btn[b-xdnu6xf3z7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #FFF;
    border: 2px solid #ef4444;
    color: #ef4444;
    padding: 0.5rem 1rem;
    border-radius: 10px;
    cursor: pointer;
    font-size: calc(0.9rem * var(--font-scale));
    transition: all 0.2s ease;
}

    .sign-out-btn:focus[b-xdnu6xf3z7],
    .sign-out-btn:hover[b-xdnu6xf3z7] {
        background-color: #ef4444;
        color: white;
    }

.sign-out-icon[b-xdnu6xf3z7] {
    width: 1rem;
    height: 1rem;
}

.settings-menu[b-xdnu6xf3z7] {
    background-color: #FFF;
    overflow: hidden;
    border-radius: 10px;
}

.settings-menu-item[b-xdnu6xf3z7] {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #f3f4f6;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 1rem;
    color: var(--font-colour);
}

.menu-item-content[b-xdnu6xf3z7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.menu-item-icon[b-xdnu6xf3z7] {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--primary-color);
    stroke-width: 2;
}

.settings-menu-item span[b-xdnu6xf3z7] {
    font-weight: bold;
    font-size: calc(1.25rem * var(--font-scale));
}

.arrow-icon[b-xdnu6xf3z7] {
    width: 0.9rem;
    height: 0.9rem;
    color: var(--primary-color);
    stroke-width: 2;
}

.settings-menu-item:last-child[b-xdnu6xf3z7] {
    border-bottom: none;
}

.settings-menu-item:focus[b-xdnu6xf3z7],
.settings-menu-item:hover[b-xdnu6xf3z7] {
    background-color: #f8f9fa;
}

@media (max-width: 768px) {
    .settings-header[b-xdnu6xf3z7] {
        padding: 1rem;
        gap: 1rem;
        flex-direction: row;
    }

    .settings-nav[b-xdnu6xf3z7] {
        gap: 1rem;
    }

    .nav-item span[b-xdnu6xf3z7] {
        display: none;
    }

    .settings-content[b-xdnu6xf3z7] {
        padding: 0.5rem;
    }

    .settings-content-header[b-xdnu6xf3z7] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .sign-out-btn[b-xdnu6xf3z7] {
        align-self: flex-end;
    }
}

@media (max-width: 600px) {
    .settings-menu-item[b-xdnu6xf3z7] {
        padding: 0rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .settings-header[b-xdnu6xf3z7] {
        padding: 1rem;
        gap: 1rem;
        flex-direction: row;
    }
    .settings-content[b-xdnu6xf3z7] {
        padding: 0.5rem;
    }
}

@media (max-width: 390px) {
    .settings-menu-item[b-xdnu6xf3z7] {
        padding: 0rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .settings-header[b-xdnu6xf3z7] {
        padding: 1rem;
        gap: 1rem;
        flex-direction: row;
    }
    .settings-content[b-xdnu6xf3z7] {
        padding: 0.5rem;
    }
}    
/* /Settings/Components/StudyProfile.razor.rz.scp.css */
.component-container[b-tb9pdnrfhx] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header[b-tb9pdnrfhx] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 0 1rem;
    flex-shrink: 0;
}

.back-button-container[b-tb9pdnrfhx] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    cursor: pointer;
}

.back-button[b-tb9pdnrfhx] {
    background: none;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    border-radius: 0.5rem;
    padding: 0.5rem;
    transition: background-color 0.2s;
}
    .back-button:focus[b-tb9pdnrfhx],
    .back-button:hover[b-tb9pdnrfhx] {
        background-color: var(--highlight-color);
    }

.header-text[b-tb9pdnrfhx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.title[b-tb9pdnrfhx] {
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
    font-size: calc(1.5rem * var(--font-scale));
}

.subtitle[b-tb9pdnrfhx] {
    font-size: calc(0.875rem * var(--font-scale));
    color: var(--font-colour);
    margin: 0;
}

.content[b-tb9pdnrfhx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-radius: 0.75rem;
    padding: 0 1rem 1rem 1rem;
    overflow-y: auto;
}

.section[b-tb9pdnrfhx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.section-header[b-tb9pdnrfhx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-title[b-tb9pdnrfhx] {
    font-size: calc(1.25rem * var(--font-scale));
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
}

.info-icon[b-tb9pdnrfhx] {
    color: var(--primary-color);
    font-size: calc(1rem * var(--font-scale));
    cursor: help;
}

.tags-container[b-tb9pdnrfhx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.tag[b-tb9pdnrfhx] {
    background-color: #FFF;
    color: #374151;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 1.5rem;
    font-size: calc(0.8rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .tag:focus[b-tb9pdnrfhx],
    .tag:hover[b-tb9pdnrfhx] {
        background-color: #e5e7eb;
    }

    .tag.selected[b-tb9pdnrfhx] {
        background-color: var(--primary-color);
        color: white;
    }
        .tag.selected:focus[b-tb9pdnrfhx],
        .tag.selected:hover[b-tb9pdnrfhx] {
            background-color: #2f7a82;
        }

.form-group[b-tb9pdnrfhx] {
    display: flex;
    flex-direction: column;
}

.dropdown-wrapper[b-tb9pdnrfhx] {
    position: relative;
    display: block;
    width: 100%;
}

.form-input[b-tb9pdnrfhx] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e1e8ed;
    border-radius: 0.5rem;
    font-size: calc(0.8rem * var(--font-scale));
    background-color: #fff;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    cursor: pointer;
}

.form-input:focus[b-tb9pdnrfhx] {
    outline: none;
    border-color: #3A8E97;
    box-shadow: 0 0 0 0.1875rem rgba(58, 142, 151, 0.1);
}

.form-input[b-tb9pdnrfhx]::placeholder {
    color: #9ca3af;
}

select.form-input[b-tb9pdnrfhx] {
    padding-right: 2.5rem;
}

.save-button[b-tb9pdnrfhx] {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: calc(1rem * var(--font-scale));
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
    margin-top: 0.5rem;
}

    .save-button:focus[b-tb9pdnrfhx],
    .save-button:hover[b-tb9pdnrfhx] {
        background-color: #2f7a82;
        transform: translateY(-0.0625rem);
    }

.save-button:active[b-tb9pdnrfhx] {
    transform: translateY(0);
}

@media (max-width: 48rem) {
    .header[b-tb9pdnrfhx] {
        padding: 0.75rem 0.75rem 0 0.75rem;
    }

    .title[b-tb9pdnrfhx] {
        font-size: calc(1.25rem * var(--font-scale));
    }

    .subtitle[b-tb9pdnrfhx] {
        font-size: calc(0.8125rem * var(--font-scale));
    }

    .content[b-tb9pdnrfhx] {
        padding: 0 0.75rem 0.75rem 0.75rem;
    }

    .section-title[b-tb9pdnrfhx] {
        font-size: calc(1rem * var(--font-scale));
    }

    .tags-container[b-tb9pdnrfhx] {
        gap: 0.5rem;
    }

    .tag[b-tb9pdnrfhx] {
        font-size: calc(0.8125rem * var(--font-scale));
        padding: 0.4375rem 0.875rem;
    }
}
/* /Shared/Audio/AudioControlsPopover.razor.rz.scp.css */
.audio-play-tools-container[b-nld9m07x3o]
{
    display: flex;
    justify-content: center;
    position: absolute;
    align-self: center;
    border: solid 2px var(--primary-color);
    border-radius: 30px;
    bottom: 5%;
    background-color: var(--secondary-colour);
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
/* /Shared/Audio/TextToSpeech.razor.rz.scp.css */
.audio-summary-container[b-exfqczk4or] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    gap: 0.25rem;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-size: small;
    transition: ease-in-out 0.15s;
}

    .audio-summary-container:hover[b-exfqczk4or]{
        cursor: pointer;
    }
/* /Shared/Dialogs/DeleteDialog.razor.rz.scp.css */
.delete-header-container[b-kdizrnnrpn] {
    display: flex;
    align-items: flex-start;

}

.delete-header-title[b-kdizrnnrpn] {
    font-size: calc(1rem * var(--font-scale));
    font-weight: bold;
}

.dialog-cancel-button-container[b-kdizrnnrpn] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    background-color: #FCFCFC;

}

    .dialog-cancel-button-container:hover[b-kdizrnnrpn],
    .dialog-cancel-button-container:focus[b-kdizrnnrpn]
    {
        opacity: 0.5;
        cursor: pointer;
    }
/* /Shared/Process/ProcessButton.razor.rz.scp.css */
.button-container[b-r7dieo07ay] {
    align-items: center;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    color: #fff;
    display: flex;
    font-size: calc(1rem * var(--font-scale));
    font-weight: bold;
    gap: 0.5rem;
    justify-content: center;
    padding: 0.5rem;
}

    .button-container:hover[b-r7dieo07ay],
    .button-container:focus[b-r7dieo07ay]
    {
        opacity: 0.5;
        cursor: pointer;
    }

.save[b-r7dieo07ay] {
    background-color: var(--primary-color);
}

.delete[b-r7dieo07ay] {
    background-color: #EF4444;
}

.loader[b-r7dieo07ay] {
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid #f3f3f3;
    border-top: 0.2rem solid #3498db;
    border-radius: 50%;
    animation: spin-b-r7dieo07ay 2s linear infinite;
}

@keyframes spin-b-r7dieo07ay {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* /Shared/Unauthorised/NotAuthorisedMessage.razor.rz.scp.css */
.not-authorized-container[b-lbk7x1dwrs] {
    display: flex;
    justify-content: center;
    min-height: 60vh;
    padding: 2rem;
}

.not-authorized-content[b-lbk7x1dwrs] {
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.studyagent-logo-container[b-lbk7x1dwrs]
{
    align-items: center;
    margin-bottom: 1rem;
}

.studyagent-logo-container h1[b-lbk7x1dwrs]
{
   font-size: calc(2.5rem * var(--font-scale));
    color: var(--heading-color );
}

.studyagent-logo-container img[b-lbk7x1dwrs]
{
    width: 7rem;
    height: 7rem;
}

.licensing-info-container[b-lbk7x1dwrs]
{
    font-size: calc(0.8rem * var(--font-scale));
    color: var(--heading-color);
    margin-top: 1rem;
}

.not-authorized-actions[b-lbk7x1dwrs] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
}

.login-button[b-lbk7x1dwrs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: var(--primary-color);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 500;
    font-size: calc(0.875rem * var(--font-scale));
    transition: all 0.2s ease;
}

    .login-button:hover[b-lbk7x1dwrs],
    .login-button:focus[b-lbk7x1dwrs] {
        background: #2d7a82;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(58, 142, 151, 0.3);
    }

.login-icon[b-lbk7x1dwrs] {
    width: 1rem;
    height: 1rem;
}

.home-button[b-lbk7x1dwrs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #318bb0;
    color: #FFFFFF;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-weight: 500;
    font-size: calc(0.875rem * var(--font-scale));
    cursor: pointer;
    transition: all 0.2s ease;
}

.home-button:focus[b-lbk7x1dwrs],
.home-button:hover[b-lbk7x1dwrs] {
    opacity: 0.5;
    border-color: #3A8E97;
    transform: translateY(-1px);
}

.home-icon[b-lbk7x1dwrs] {
    width: 1rem;
    height: 1rem;
}

@media (min-width: 640px) {
    .not-authorized-actions[b-lbk7x1dwrs] {
        flex-direction: row;
        justify-content: center;
    }
}

@media (max-width: 700px) 
{
    .studyagent-logo-container h1[b-lbk7x1dwrs]
    {
        font-size: calc(2rem * var(--font-scale));
    }
}
/* /Shared/Validation/Validation.razor.rz.scp.css */
label[b-esf611wtnq] {
  color: red;
  font-size: 0.8rem;
  padding: 0.5rem;
}

.error-container[b-esf611wtnq] {
  display: flex;
  flex-direction: column;
}

[b-esf611wtnq].error-ui select,
[b-esf611wtnq].error-ui input,
[b-esf611wtnq].error-ui > div {
  border: 1px red solid !important;
}
/* /Tasks/Components/EditTaskDialog.razor.rz.scp.css */
.task-header-container[b-nm259z32c3] {
    display: flex;
    align-items: flex-start;
}

.tasks-header-title[b-nm259z32c3] {
    font-size: calc(1rem * var(--font-scale));
    font-weight: bold;
}

.task-field-container[b-nm259z32c3] {
    display: flex;
    justify-content: flex-start;
    justify-items: flex-start;
    flex-grow: 1;
    margin-bottom: 1rem;
    width: 20rem;
    font-size: calc(0.8rem * var(--font-scale));
}

.task-heading[b-nm259z32c3] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #3a8e97;
    font-weight: bold;
    font-size: calc(0.8rem * var(--font-scale));
}

.dialog-cancel-button-container[b-nm259z32c3] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: solid 0.5px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    font-weight: bold;
    font-size: calc(1rem * var(--font-scale));
    color: var(--font-colour);
    background-color: #FCFCFC;
}

.dialog-cancel-button-container:hover[b-nm259z32c3] {
    cursor: pointer;
}
/* /Tasks/Components/Tasks.Razor.rz.scp.css */
.tasks-container[b-9g6b8u6849] {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.task-header-container[b-9g6b8u6849] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
    box-shadow: 0 0 0 0.5px rgba(0, 0, 0, 0.1);
    background-color: #f3f4f6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.tasks-header-title[b-9g6b8u6849] {
    font-size: calc(1rem * var(--font-scale));
}

.tasks-body-container[b-9g6b8u6849] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow-y: auto;
    min-height: 10rem;
    background-color: #FFF;
}

.task-item-container[b-9g6b8u6849] {
    padding: 0.75rem;
    display: flex;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    font-size: calc(0.8rem * var(--font-scale));
    justify-content: space-between;
    color: var(--font-colour);
}

.task-item-heading-container[b-9g6b8u6849] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5rem;
}

.task-title-container[b-9g6b8u6849] {
    font-weight: 600;
    font-size: calc(1rem * var(--font-scale));
}

.task-tools-container[b-9g6b8u6849] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.task-status-container[b-9g6b8u6849] {
    display: flex;
    justify-items: flex-start;
}

.update-task-btn[b-9g6b8u6849] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.2rem;
    gap: 0.2rem;
    background-color: var(--secondary-colour);
}

@media (max-width: 600px) {
    .help-icon-container[b-9g6b8u6849] {
        display: none;
    }
}