/* _content/EstateView/Pages/DocumentQuery/Components/AnalysisActionButton.razor.rz.scp.css */
.analysis-btn-wrapper[b-61guwo358c] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    position: relative;
    overflow: visible;
    width: 100%;
}

.analysis-btn-wrapper .btn[b-61guwo358c] {
    flex: 1;
    margin: 0;
}

.analysis-btn-wrapper .btn-running[b-61guwo358c] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(45deg, #007bff, #0056b3);
    color: white;
    border-color: #0056b3;
    animation: analysis-pulse-running-b-61guwo358c 2s infinite;
}

.analysis-btn-wrapper .btn-running[b-61guwo358c]::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255,255,255,0.2), rgba(255,255,255,0.4), rgba(255,255,255,0.2));
    animation: analysis-btn-shimmer-b-61guwo358c 2s infinite;
}

@keyframes analysis-btn-shimmer-b-61guwo358c {
    0% {
        left: -150%;
    }
    50% {
        left: -30%;
    }
    100% {
        left: 100%;
    }
}

@keyframes analysis-pulse-running-b-61guwo358c {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7);
    }

    50% {
        box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
    }
}

.analysis-btn-wrapper .btn-running i[b-61guwo358c] {
    animation: analysis-spin-b-61guwo358c 1s linear infinite;
}

@keyframes analysis-spin-b-61guwo358c {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.analysis-help-container[b-61guwo358c] {
    position: relative;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    align-self: center;
}

.analysis-help-icon[b-61guwo358c] {
    color: #0d6efd;
    font-size: 1.1rem;
    cursor: help;
    opacity: 0.7;
    transition: all 0.2s ease;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.analysis-help-icon:hover[b-61guwo358c] {
    opacity: 1;
    transform: scale(1.2);
    color: #0a58ca;
}

.analysis-tooltip[b-61guwo358c] {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.875rem 1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    z-index: 99999;
    width: 320px;
    max-width: calc(100vw - 2rem);
    font-size: 0.875rem;
    color: #495057;
    line-height: 1.6;
    pointer-events: none;
    white-space: normal;
    word-wrap: break-word;
    margin: 0;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    transform: translateY(-50%);
}

.analysis-help-container:hover .analysis-tooltip[b-61guwo358c],
.analysis-tooltip:hover[b-61guwo358c] {
    visibility: visible;
    opacity: 1;
    display: block;
    pointer-events: auto;
}

@media (min-width: 769px) {
    .analysis-tooltip[b-61guwo358c] {
        visibility: hidden;
        opacity: 0;
        display: block;
    }

    .analysis-help-container:hover .analysis-tooltip[b-61guwo358c],
    .analysis-tooltip:hover[b-61guwo358c] {
        visibility: visible;
        opacity: 1;
        display: block;
    }
}

.analysis-tooltip[b-61guwo358c]::before {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: white;
    filter: drop-shadow(2px 0 2px rgba(0, 0, 0, 0.1));
}

.analysis-tooltip[b-61guwo358c]::after {
    content: '';
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-left-color: #dee2e6;
    z-index: -1;
}

@media (max-width: 768px) {
    .analysis-help-container[b-61guwo358c] {
        display: none;
    }

    .analysis-tooltip[b-61guwo358c] {
        visibility: hidden;
        opacity: 0;
        display: none;
    }
}

/* _content/EstateView/Pages/DocumentQuery/Components/ChatSidebar.razor.rz.scp.css */
.chat-sidebar[b-4ytoufaka3] {
    width: 200px;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-shadow: 2px 0 5px rgba(0,0,0,0.05);
}

.sidebar-header[b-4ytoufaka3] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
}

.sidebar-header h6[b-4ytoufaka3] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: #495057;
}

.sidebar-tabs .chat-tabs-container[b-4ytoufaka3] {
    border-top: none;
    padding-top: 0;
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

.sidebar-tabs .chat-tab[b-4ytoufaka3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.25rem;
    border-radius: 0.375rem;
    padding: 0.625rem 0.875rem;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.sidebar-tabs .chat-tab:hover[b-4ytoufaka3] {
    border-color: #dee2e6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.sidebar-tabs .chat-tab.active[b-4ytoufaka3] {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0,123,255,.15);
}

.sidebar-tabs .chat-tab.disabled[b-4ytoufaka3] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.sidebar-tabs .tab-label[b-4ytoufaka3] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-tabs .btn-close-tab[b-4ytoufaka3] {
    margin-left: 0.5rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
    padding: 0.3rem;
    min-width: 28px;
    min-height: 28px;
    font-size: 0.95rem;
    border: none;
    background: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sidebar-tabs .btn-close-tab:hover[b-4ytoufaka3] {
    background-color: rgba(220, 53, 69, 0.15);
    transform: scale(1.1);
}

.sidebar-tabs .chat-tab.active .btn-close-tab[b-4ytoufaka3] {
    color: #ffc0cb;
}

.sidebar-tabs .chat-tab.active .btn-close-tab:hover[b-4ytoufaka3] {
    background-color: rgba(255, 192, 203, 0.3);
    color: #ffb3c1;
}

.btn-rename-tab[b-4ytoufaka3] {
    background: none;
    border: none;
    color: inherit;
    opacity: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-left: 0.25rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
    font-size: 0.75rem;
}

.chat-tab:hover .btn-rename-tab[b-4ytoufaka3],
.chat-tab.active .btn-rename-tab[b-4ytoufaka3] {
    opacity: 0.6;
}

.btn-rename-tab:hover[b-4ytoufaka3] {
    opacity: 1;
    background-color: rgba(0,0,0,0.1);
}

.chat-tab.active .btn-rename-tab[b-4ytoufaka3] {
    color: white;
}

.chat-tab.active .btn-rename-tab:hover[b-4ytoufaka3] {
    background-color: rgba(255,255,255,0.2);
}

.tab-name-input[b-4ytoufaka3] {
    background: transparent;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0.25rem;
    padding: 0.125rem 0.375rem;
    font-size: 0.875rem;
    color: inherit;
    width: 120px;
    outline: none;
}

.chat-tab.active .tab-name-input[b-4ytoufaka3] {
    border-color: rgba(255,255,255,0.5);
    color: white;
}

.tab-name-input:focus[b-4ytoufaka3] {
    border-color: rgba(0,123,255,0.5);
    box-shadow: 0 0 0 2px rgba(0,123,255,0.15);
}

.chat-tab.active .tab-name-input:focus[b-4ytoufaka3] {
    border-color: rgba(255,255,255,0.8);
    box-shadow: 0 0 0 2px rgba(255,255,255,0.25);
}

.document-type-group[b-4ytoufaka3] {
    margin-bottom: 0.75rem;
}

.document-type-header[b-4ytoufaka3] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border-left: 3px solid #6c757d;
    letter-spacing: 0.025em;
}

.document-type-header i[b-4ytoufaka3] {
    font-size: 0.625rem;
    transition: transform 0.2s ease;
}

.document-type-group .chat-tab[b-4ytoufaka3] {
    margin-left: 0.5rem;
}

.sidebar-footer[b-4ytoufaka3] {
    background-color: #f1f3f4;
    line-height: 1.2;
}

.mobile-menu-toggle[b-4ytoufaka3] {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 2998;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 0.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    min-height: 44px;
}

.mobile-menu-toggle i[b-4ytoufaka3] {
    font-size: 1.2rem;
}

.mobile-menu-overlay[b-4ytoufaka3] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 2999;
}

.mobile-menu-overlay.active[b-4ytoufaka3] {
    display: block;
}

.sidebar-mobile-header[b-4ytoufaka3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    background: white;
}

.sidebar-mobile-header h6[b-4ytoufaka3] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.btn-close-sidebar[b-4ytoufaka3] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close-sidebar:hover[b-4ytoufaka3] {
    color: #000;
}

@media (max-width: 576px) {
    .chat-sidebar[b-4ytoufaka3] {
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        height: 100dvh;
        border-right: 1px solid #dee2e6;
        border-bottom: none;
        z-index: 3000;
        transition: left 0.3s ease;
        box-shadow: 2px 0 10px rgba(0,0,0,0.1);
    }

    .chat-sidebar.mobile-open[b-4ytoufaka3] {
        left: 0;
    }

    .sidebar-tabs .chat-tabs-container[b-4ytoufaka3] {
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
        overflow-y: auto;
    }

    .document-type-group[b-4ytoufaka3] {
        display: flex;
        flex-direction: column;
        margin-bottom: 0.75rem;
    }

    .document-type-header[b-4ytoufaka3] {
        margin-bottom: 0.375rem;
        padding: 0.25rem 0.5rem;
        white-space: nowrap;
    }

    .document-type-group .chat-tab[b-4ytoufaka3] {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0.25rem;
        white-space: normal;
        text-align: left;
    }

    .sidebar-footer[b-4ytoufaka3] {
        padding: 0.75rem !important;
        font-size: 0.75rem;
    }

    .sidebar-header[b-4ytoufaka3] {
        padding: 0.5rem !important;
    }

    .sidebar-header h6[b-4ytoufaka3] {
        font-size: 0.75rem;
    }

    .sidebar-header .btn[b-4ytoufaka3] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
        white-space: nowrap;
    }
}

/* _content/EstateView/Pages/DocumentQuery/Components/DocumentEmptyState.razor.rz.scp.css */
@media (max-width: 576px) {
    .empty-state[b-u5rpjc3jxd] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        overflow-y: auto;
    }

    .empty-state i[b-u5rpjc3jxd] {
        font-size: 2.5rem !important;
    }

    .empty-state h4[b-u5rpjc3jxd] {
        font-size: 1.1rem;
    }

    .empty-state p[b-u5rpjc3jxd] {
        font-size: 0.85rem;
    }

    .suggestion-buttons[b-u5rpjc3jxd] {
        flex-direction: column;
    }

    .suggestion-buttons button[b-u5rpjc3jxd] {
        width: 100%;
        text-align: left;
    }
}

/* _content/EstateView/Pages/DocumentQuery/Components/DocumentHeaderActions.razor.rz.scp.css */
.model-dropdown[b-addjxyu3t4] {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    z-index: 1000;
    min-width: 280px;
    margin-top: 0.5rem;
}

.metrics-inline[b-addjxyu3t4] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.75rem;
}

.metrics-inline span[b-addjxyu3t4] {
    display: flex;
    gap: 0.125rem;
}

.model-list[b-addjxyu3t4] {
    display: grid;
}

.model-option[b-addjxyu3t4] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}

.model-option:hover[b-addjxyu3t4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.model-option.selected[b-addjxyu3t4] {
    border: 2px solid #0d6efd;
    box-shadow: 0 0 0 2px rgba(13,110,253,0.25);
}

.model-info[b-addjxyu3t4] {
    display: flex;
    flex-direction: column;
}

.model-name[b-addjxyu3t4] {
    font-size: 1rem;
    color: #2d3748;
    font-weight: 600;
    margin: 0;
}

.model-description[b-addjxyu3t4] {
    color: #718096;
    font-size: 0.8rem;
    margin: 0;
}

.metric-label[b-addjxyu3t4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #4a5568;
    margin-bottom: 0.25rem;
}

.metric-bars[b-addjxyu3t4] {
    display: flex;
    gap: 0.25rem;
    height: 6px;
}

.metric-bar[b-addjxyu3t4] {
    flex: 1;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.metric-bar.filled[b-addjxyu3t4] {
    transform: scaleY(1.2);
}

.metric[b-addjxyu3t4] {
    margin-bottom: 0.25rem;
}

.model-selector[b-addjxyu3t4] {
    margin-bottom: 1rem;
}

.models-grid[b-addjxyu3t4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.model-card[b-addjxyu3t4] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 1rem;
    background: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

.model-card:hover[b-addjxyu3t4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.model-card.selected[b-addjxyu3t4] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13,110,253,0.25);
}

.model-header[b-addjxyu3t4] {
    margin-bottom: 0.75rem;
}

.model-name[b-addjxyu3t4] {
    font-weight: 600;
    color: #2d3748;
}

.metric-label[b-addjxyu3t4] {
    font-size: 0.875rem;
    color: #4a5568;
}

.metric-value[b-addjxyu3t4] {
    display: flex;
    gap: 0.25rem;
    color: #0d6efd;
}

.model-description[b-addjxyu3t4] {
    font-size: 0.875rem;
    color: #718096;
    margin-top: 0.5rem;
}

.model-switcher[b-addjxyu3t4] {
    display: flex;
    gap: 0.5rem;
    margin: 0 2rem;
}

.model-metrics[b-addjxyu3t4] {
    display: flex;
    flex-direction: column;
}

.model-selector-compact[b-addjxyu3t4] {
    position: relative;
}

@media (max-width: 768px) {
    .header-actions[b-addjxyu3t4] {
        flex-wrap: wrap;
        gap: 0.25rem !important;
    }

    .header-actions .btn-sm[b-addjxyu3t4] {
        font-size: 0.75rem;
        padding: 0.35rem 0.6rem;
    }

    .model-switcher[b-addjxyu3t4] {
        flex-wrap: wrap;
        margin: 0 0.5rem;
    }
}

@media (max-width: 576px) {
    .header-actions[b-addjxyu3t4] {
        display: none !important;
    }

    .model-card[b-addjxyu3t4] {
        padding: 0.75rem;
    }

    .models-grid[b-addjxyu3t4] {
        grid-template-columns: 1fr !important;
        gap: 0.5rem;
    }
}

@media (hover: none) and (pointer: coarse) {
    .model-card[b-addjxyu3t4] {
        min-height: 44px;
        min-width: 44px;
    }
}

/* _content/EstateView/Pages/DocumentQuery/Components/DocumentPreview.razor.rz.scp.css */
.document-preview[b-i171ktcq69] {
    margin: 1.5rem 0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 100%;
}

.preview-header[b-i171ktcq69] {
    padding: 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    background: linear-gradient(to bottom, #ffffff, #f8f9fa);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 2;
}

.preview-content[b-i171ktcq69] {
    padding: 0;
    height: 100%;
    transition: max-height 0.3s ease;
}

.document-text[b-i171ktcq69] {
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: break-spaces;
    word-wrap: break-word;
    margin: 0;
    padding: 1.5rem;
    background: #fcfcfc;
    border: none;
    tab-size: 4;
}

.document-text.wrap[b-i171ktcq69] {
    white-space: pre-wrap;
}

.document-text-container[b-i171ktcq69] {
    position: relative;
    padding-left: 3rem;
    width: 100%;
}

.line-numbers[b-i171ktcq69] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    padding: 1.5rem 0;
    background: #f8f9fa;
    border-right: 1px solid #edf2f7;
    color: #a0aec0;
    font-size: 0.875rem;
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    text-align: center;
    user-select: none;
}

.preview-toolbar[b-i171ktcq69] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.preview-toolbar button[b-i171ktcq69] {
    transition: all 0.2s ease;
}

.preview-toolbar button:hover[b-i171ktcq69] {
    transform: translateY(-1px);
}

.preview-info[b-i171ktcq69] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.preview-info .file-icon[b-i171ktcq69] {
    color: #4a5568;
    font-size: 1.25rem;
}

.preview-info .file-name[b-i171ktcq69] {
    font-weight: 600;
    color: #2d3748;
}

.preview-info .file-type[b-i171ktcq69] {
    font-size: 0.75rem;
    color: #718096;
    text-transform: uppercase;
}

.pdf-container[b-i171ktcq69] {
    width: 100%;
    height: 75vh;
    min-height: 500px;
    overflow: clip;
    background: #f8f9fa;
    border-radius: 0.25rem;
}

.docx-container[b-i171ktcq69] {
    width: 100%;
    min-height: 75vh;
    background: #f8f9fa;
    overflow-y: auto;
    border-radius: 0.25rem;
}

.docx-content[b-i171ktcq69] {
    padding: 1.5rem;
}

.code-content[b-i171ktcq69] {
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.25rem;
    white-space: pre-wrap;
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.preview-content[b-i171ktcq69]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.preview-content[b-i171ktcq69]::-webkit-scrollbar-track {
    background: #f8f9fa;
}

.preview-content[b-i171ktcq69]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border: 3px solid #f8f9fa;
    border-radius: 6px;
}

.preview-content[b-i171ktcq69]::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

@media (max-width: 768px) {
    .document-preview[b-i171ktcq69] {
        margin: 0.5rem 0;
        border-radius: 0.25rem;
    }

    .preview-header[b-i171ktcq69] {
        padding: 0.75rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .preview-info[b-i171ktcq69] {
        margin-bottom: 0.5rem;
    }

    .preview-toolbar[b-i171ktcq69] {
        width: 100%;
        flex-wrap: wrap;
    }

    .document-text[b-i171ktcq69] {
        font-size: 0.75rem;
        padding: 1rem;
    }

    .pdf-container[b-i171ktcq69],
    .docx-container[b-i171ktcq69] {
        min-height: 60vh;
    }
}

/* _content/EstateView/Pages/DocumentQuery/Components/DocumentResultActions.razor.rz.scp.css */
.action-buttons-section .btn[b-enahs2oce8] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* _content/EstateView/Pages/DocumentQuery/Components/DocumentUploadPrompt.razor.rz.scp.css */
.upload-box[b-8xqfx3xm8b] {
    text-align: center;
    padding: 2rem;
    border: 2px dashed #dee2e6;
    border-radius: 0.5rem;
    background: #f8f9fa;
    margin-bottom: 1rem;
    width: 100%;
}

.upload-box .btn-outline-primary[b-8xqfx3xm8b] {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
}

.upload-box .form-text[b-8xqfx3xm8b] {
    margin-top: 0.5rem;
    color: #6c757d;
}

.sample-documents[b-8xqfx3xm8b] {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background: white;
}

.sample-documents .list-group[b-8xqfx3xm8b] {
    border-radius: 0.5rem;
}

.sample-documents .list-group-item[b-8xqfx3xm8b] {
    border-left: none;
    border-right: none;
    cursor: pointer;
    transition: all 0.2s ease;
}

.sample-documents .list-group-item:first-child[b-8xqfx3xm8b] {
    border-top: none;
}

.sample-documents .list-group-item:last-child[b-8xqfx3xm8b] {
    border-bottom: none;
}

.sample-documents .list-group-item:hover[b-8xqfx3xm8b] {
    background-color: #f8f9fa;
}

.sample-documents .list-group-item i[b-8xqfx3xm8b] {
    font-size: 1.25rem;
}

.sample-documents .list-group-item:disabled[b-8xqfx3xm8b] {
    cursor: not-allowed;
    opacity: 0.7;
}

.example-clauses .btn[b-8xqfx3xm8b] {
    transition: all 0.2s ease;
    font-size: 0.85rem;
    border-radius: 20px;
    padding: 0.375rem 0.75rem;
}

.example-clauses .btn:hover[b-8xqfx3xm8b] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.example-clauses .gap-2[b-8xqfx3xm8b] {
    gap: 0.5rem !important;
}

@media (max-width: 576px) {
    .upload-container h5[b-8xqfx3xm8b] {
        font-size: 1.05rem;
        margin-bottom: 1rem;
        padding: 0.5rem;
    }

    .upload-container > div[style*="display: flex"][b-8xqfx3xm8b],
    .upload-container > div[style*="justify-content"][b-8xqfx3xm8b] {
        display: block !important;
        width: 100%;
    }

    .upload-box[b-8xqfx3xm8b] {
        padding: 1.5rem 1rem;
        margin: 0 0.5rem 1rem 0.5rem;
        width: calc(100% - 1rem);
    }

    .upload-box h5[b-8xqfx3xm8b] {
        font-size: 1rem;
    }

    .upload-box i[b-8xqfx3xm8b] {
        font-size: 2rem;
    }

    .upload-box .form-control[b-8xqfx3xm8b] {
        min-height: 120px;
        width: 100%;
    }

    .upload-box .btn[b-8xqfx3xm8b] {
        width: 100%;
        max-width: 300px;
    }

    .sample-documents[b-8xqfx3xm8b] {
        max-height: none;
        margin: 0 0.5rem 3rem 0.5rem;
        width: calc(100% - 1rem);
    }

    .sample-documents .list-group-item[b-8xqfx3xm8b] {
        padding: 0.75rem;
    }

    .example-clauses .btn[b-8xqfx3xm8b] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
}

@media (hover: none) and (pointer: coarse) {
    .sample-documents .list-group-item[b-8xqfx3xm8b] {
        min-height: 44px;
        min-width: 44px;
    }
}

/* _content/EstateView/Pages/DocumentQuery/DocumentQuery.razor.rz.scp.css */
*[b-6etmkf63up] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}

html[b-6etmkf63up], body[b-6etmkf63up] {
    -webkit-text-size-adjust: 100%;
    touch-action: manipulation;
    overflow-x: hidden;
}

body[b-6etmkf63up] {
    overscroll-behavior-y: contain;
}
pre[b-6etmkf63up] {
    white-space: break-spaces !important;
}

.d2h-code-line-ctn[b-6etmkf63up] {
    white-space: break-spaces !important;
    word-break: break-word !important;
    text-align: justify;
    width: 100%;
}

.d2h-code-side-linenumber[b-6etmkf63up] {
    position: relative;
}

.d2h-code-line[b-6etmkf63up] {
    width: 100%;
}

.document-preview[b-6etmkf63up] {
    margin: 1.5rem 0;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 0.5rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    height: 100%;
}

.preview-header[b-6etmkf63up] {
    padding: 1.25rem;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    background: linear-gradient(to bottom, #ffffff, #f8f9fa);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 2;
}

.preview-content[b-6etmkf63up] {
    padding: 0;
    height: 100%;
    transition: max-height 0.3s ease;
}

.document-text[b-6etmkf63up] {
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    white-space: break-spaces;
    word-wrap: break-word;
    margin: 0;
    padding: 1.5rem;
    background: #fcfcfc;
    border: none;
    tab-size: 4;
}

/* Professional scrollbar styling */
.preview-content[b-6etmkf63up]::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.preview-content[b-6etmkf63up]::-webkit-scrollbar-track {
    background: #f8f9fa;
}

.preview-content[b-6etmkf63up]::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border: 3px solid #f8f9fa;
    border-radius: 6px;
}

    .preview-content[b-6etmkf63up]::-webkit-scrollbar-thumb:hover {
        background: #a0aec0;
    }

.code-content[b-6etmkf63up] {
    background: #f8f9fa;
    padding: 0.75rem;
    border-radius: 0.25rem;
    white-space: pre-wrap;
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.preview-toolbar[b-6etmkf63up] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

    .preview-toolbar button[b-6etmkf63up] {
        transition: all 0.2s ease;
    }

        .preview-toolbar button:hover[b-6etmkf63up] {
            transform: translateY(-1px);
        }

.preview-info[b-6etmkf63up] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    .preview-info .file-icon[b-6etmkf63up] {
        color: #4a5568;
        font-size: 1.25rem;
    }

    .preview-info .file-details[b-6etmkf63up] {
        display: flex;
        flex-direction: column;
    }

    .preview-info .file-name[b-6etmkf63up] {
        font-weight: 600;
        color: #2d3748;
    }

    .preview-info .file-type[b-6etmkf63up] {
        font-size: 0.75rem;
        color: #718096;
        text-transform: uppercase;
    }

.line-numbers[b-6etmkf63up] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3rem;
    padding: 1.5rem 0;
    background: #f8f9fa;
    border-right: 1px solid #edf2f7;
    color: #a0aec0;
    font-size: 0.875rem;
    font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    text-align: center;
    user-select: none;
}

.document-text-container[b-6etmkf63up] {
    position: relative;
    padding-left: 3rem;
}

.pdf-container[b-6etmkf63up] {
    width: 100%;
    height: 100%;
    overflow: clip;
    background: #f8f9fa;
    border-radius: 0.25rem;
}

    .pdf-container iframe[b-6etmkf63up] {
        width: 100%;
        height: 100%;
        border: none;
    }

.docx-container[b-6etmkf63up] {
    width: 100%;
    overflow: clip;
    background: white;
    padding: 2rem;
    border-radius: 0.25rem;
    position: relative;
}

.docx-content[b-6etmkf63up] {
    margin: 0 auto;
    background: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 1in;
    position: relative;
    z-index: 1;
}

    /* DOCX content styles */
    .docx-content :deep(p)[b-6etmkf63up] {
        margin-bottom: 1em;
        line-height: 1.5;
        position: relative;
    }

    .docx-content :deep(table)[b-6etmkf63up] {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 1em;
    }

    .docx-content :deep(td)[b-6etmkf63up],
    .docx-content :deep(th)[b-6etmkf63up] {
        border: 1px solid #dee2e6;
        padding: 0.5rem;
    }

    .docx-content :deep(ul)[b-6etmkf63up],
    .docx-content :deep(ol)[b-6etmkf63up] {
        margin-bottom: 1em;
        padding-left: 2em;
    }

.document-query-container .analysis-question-btn[b-6etmkf63up] {
    width: 100%;
    text-align: left;
    padding: 0.75rem;
    border: 1px black dashed;
    border-radius: 5px;
    margin-top: 2px;
    background: none;
    color: #2c5282;
    transition: all 0.2s;
}

@media print {
    html[b-6etmkf63up], body[b-6etmkf63up] {
        visibility: hidden;
    }

    .chat-messages[b-6etmkf63up] {
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
        overflow: auto;
    }

    .document-query-container[b-6etmkf63up],
    .chat-interface[b-6etmkf63up],
    .chat-messages[b-6etmkf63up] {
        height: auto !important;
        overflow: visible !important;
    }

    .analysis-panel[b-6etmkf63up],
    .chat-input[b-6etmkf63up],
    .upload-container[b-6etmkf63up],
    .upload-progress[b-6etmkf63up],
    .scenario-wizard-panel[b-6etmkf63up],
    .modal[b-6etmkf63up],
    .header-actions[b-6etmkf63up],
    .empty-state[b-6etmkf63up],
    .document-preview[b-6etmkf63up],
    .preview-header[b-6etmkf63up],
    .preview-content[b-6etmkf63up],
    .chat-header[b-6etmkf63up] {
        display: none !important;
    }

    .chat-messages .message[b-6etmkf63up] {
        page-break-inside: auto;
        break-inside: auto;
    }
    /* Individual message printing */
    .print-single-message .message:not(.message-to-print)[b-6etmkf63up] {
        display: none !important;
    }

    .print-single-message .action-buttons-section[b-6etmkf63up] {
        display: none !important;
    }
}

.split-view[b-6etmkf63up] {
    display: flex;
    gap: 1rem;
    height: 100%;
    overflow: hidden;
}

.split-pane[b-6etmkf63up] {
    flex: 1;
    padding: 1rem;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    background: white;
    overflow-y: scroll;
    height: 100%;
}

    .split-pane pre[b-6etmkf63up] {
        white-space: break-spaces;
        word-wrap: break-word;
        margin: 0;
        font-family: "SF Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
        font-size: 0.875rem;
        line-height: 1.5;
    }

    .split-pane[b-6etmkf63up]::-webkit-scrollbar {
        width: 12px;
    }

    .split-pane[b-6etmkf63up]::-webkit-scrollbar-track {
        background: #f8f9fa;
    }

    .split-pane[b-6etmkf63up]::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border: 3px solid #f8f9fa;
        border-radius: 6px;
    }

        .split-pane[b-6etmkf63up]::-webkit-scrollbar-thumb:hover {
            background: #a0aec0;
        }

.chat-tabs-container[b-6etmkf63up] {
    border-top: 1px solid #dee2e6;
    padding-top: 0.5rem;
}

.chat-tab[b-6etmkf63up] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem 0.375rem 0 0;
    background: #f8f9fa;
    color: #6c757d;
    margin-right: 0.25rem;
    position: relative;
    transition: all 0.2s ease;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
}

    .chat-tab:hover[b-6etmkf63up] {
        background: #e9ecef;
        color: #495057;
    }

    .chat-tab.active[b-6etmkf63up] {
        background: white;
        color: #495057;
        border-bottom-color: white;
        z-index: 1;
        font-weight: 500;
    }

.btn-close-tab[b-6etmkf63up] {
    border: none;
    background: none;
    padding: 0.25rem;
    font-size: 0.875rem;
    color: #dc3545;
    opacity: 0.8;
    min-width: 24px;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    transition: all 0.2s ease;
}

    .btn-close-tab:hover[b-6etmkf63up] {
        opacity: 1;
        background-color: rgba(220, 53, 69, 0.1);
        color: #dc3545;
    }

/* Main layout container for sidebar structure */
.main-layout[b-6etmkf63up] {
    display: flex;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
}

@supports (-webkit-touch-callout: none) {
    .main-layout[b-6etmkf63up] {
        height: -webkit-fill-available;
    }
}

.main-layout:not(:has(.chat-sidebar)) .main-content[b-6etmkf63up] {
    width: 100%;
    padding-top: 0;
}

.main-layout:not(:has(.chat-sidebar)) .mobile-menu-toggle[b-6etmkf63up] {
    display: none;
}

@media (min-width: 577px) {
    .main-content[b-6etmkf63up] {
        padding-top: 0;
    }
}

/* Loading overlay styles */
.loading-overlay[b-6etmkf63up] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-content[b-6etmkf63up] {
    text-align: center;
    padding: 2rem;
}

.loading-disabled[b-6etmkf63up] {
    pointer-events: none;
    opacity: 0.7;
}

/* Document type groups */
/* Main content area */
.main-content[b-6etmkf63up] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    /* Adjust header for new layout */
    .main-content .header[b-6etmkf63up] {
        flex-shrink: 0;
    }

    /* Content area scrolling */
    .main-content > div:not(.header)[b-6etmkf63up] {
        flex: 1;
        overflow-y: auto;
    }

    /* Adjust document-query-container for new layout */
    .main-content .document-query-container[b-6etmkf63up] {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    /* Adjust chat-interface for new layout */
    .main-content .chat-interface[b-6etmkf63up] {
        height: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* Ensure chat header doesn't shrink */
    .main-content .chat-header[b-6etmkf63up] {
        flex-shrink: 0;
    }

    /* Make content areas scrollable */
    .main-content .chat-messages[b-6etmkf63up],
    .main-content .analysis-content[b-6etmkf63up] {
        overflow-y: auto;
        flex: 1;
    }

    .main-content .upload-container[b-6etmkf63up] {
        overflow-y: auto;
    }

/* Hide mobile menu elements on desktop */
@media (min-width: 577px) {
    .mobile-menu-toggle[b-6etmkf63up],
    .mobile-menu-overlay[b-6etmkf63up],
    .btn-close-sidebar[b-6etmkf63up],
    .mobile-tools-dropdown[b-6etmkf63up] {
        display: none !important;
    }
    
    .analysis-help-container[b-6etmkf63up] {
        display: flex !important;
    }
    
    .analysis-tooltip[b-6etmkf63up] {
        display: none;
    }
}

/* Responsive behavior */
@media (max-width: 768px) {
    .chat-sidebar[b-6etmkf63up] {
        width: 150px;
    }

    .sidebar-tabs .chat-tab[b-6etmkf63up] {
        padding: 0.5rem;
        font-size: 0.75rem;
    }

    .sidebar-tabs .tab-label[b-6etmkf63up] {
        font-size: 0.75rem;
    }

    .chat-header h3[b-6etmkf63up] {
        font-size: 1.2rem;
    }

    .chat-header h5[b-6etmkf63up] {
        font-size: 0.9rem;
    }

    .document-preview[b-6etmkf63up] {
        margin: 1rem 0;
    }

    .preview-header[b-6etmkf63up] {
        padding: 0.75rem;
        flex-wrap: wrap;
    }

    .preview-toolbar[b-6etmkf63up] {
        width: 100%;
        justify-content: center;
        margin-top: 0.5rem;
    }

    .analysis-panel[b-6etmkf63up] {
        width: 100% !important;
        position: fixed !important;
        bottom: 0;
        top: auto;
        max-height: 70vh;
        overflow-y: auto;
        z-index: 2000;
    }

    .btn-group[b-6etmkf63up] {
        margin-bottom: 0.25rem;
    }
}

@media (max-width: 576px) {
    .main-layout[b-6etmkf63up] {
        flex-direction: column;
        position: relative;
    }

    body[b-6etmkf63up], html[b-6etmkf63up] {
        overflow-x: hidden;
    }

    .main-content[b-6etmkf63up] {
        padding: 0;
        padding-top: 55px;
        padding-bottom: 0;
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    
    .main-layout:has(.chat-sidebar) .main-content[b-6etmkf63up] {
        padding-top: 55px;
    }
    
    .main-layout:not(:has(.chat-sidebar)) .main-content[b-6etmkf63up] {
        padding-top: 0;
    }
    
    .main-content .document-query-container[b-6etmkf63up] {
        flex: 1;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    
    .main-content .document-query-container:has(.upload-container)[b-6etmkf63up] {
        overflow-y: auto;
    }
    
    .chat-interface > .upload-container.mt-4[b-6etmkf63up] {
        flex: 0 0 auto;
        overflow-y: visible;
        display: block;
        min-height: fit-content;
    }

    .chat-header[b-6etmkf63up] {
        padding: 0.4rem 0.5rem;
        margin-top: 0;
        flex-shrink: 0;
        background: white;
        border-bottom: 1px solid #dee2e6;
        min-height: auto;
    }
    
    .chat-header .d-flex.justify-content-between[b-6etmkf63up] {
        flex-direction: row;
        width: 100%;
        gap: 0.35rem;
        align-items: center;
    }
    
    .chat-header .d-flex.align-items-center[b-6etmkf63up] {
        gap: 0.3rem;
        flex-wrap: nowrap;
    }

    .chat-header h3[b-6etmkf63up] {
        font-size: 0.75rem;
        white-space: nowrap;
        margin: 0;
        line-height: 1.2;
    }

    .chat-header h5[b-6etmkf63up] {
        display: none;
    }

    .chat-header img[b-6etmkf63up] {
        height: 18px !important;
        margin-right: 0.2rem !important;
    }
    
    .chat-header .btn-sm[b-6etmkf63up] {
        font-size: 0.65rem;
        padding: 0.25rem 0.4rem;
        margin: 0;
        white-space: nowrap;
        line-height: 1.2;
    }

    .chat-header .d-flex.align-items-center:first-child .btn-outline-info[b-6etmkf63up] {
        font-size: 0.65rem;
        padding: 0.25rem 0.4rem;
    }
    
    .mobile-tools-dropdown[b-6etmkf63up] {
        position: relative;
        display: inline-block;
    }
    
    .mobile-tools-menu[b-6etmkf63up] {
        position: absolute;
        top: 100%;
        right: 0;
        background: white;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        z-index: 3001;
        min-width: 200px;
        max-height: 70vh;
        overflow-y: auto;
        margin-top: 0.25rem;
    }
    
    .mobile-tools-menu button[b-6etmkf63up] {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0.6rem 0.8rem;
        border: none;
        background: none;
        color: #495057;
        font-size: 0.85rem;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .mobile-tools-menu button:last-child[b-6etmkf63up] {
        border-bottom: none;
    }
    
    .mobile-tools-menu button:hover[b-6etmkf63up] {
        background: #f8f9fa;
    }
    
    .mobile-tools-menu button i[b-6etmkf63up] {
        margin-right: 0.5rem;
        width: 16px;
    }

    .mt-3 > .card[b-6etmkf63up] {
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0.5rem;
    }
    
    .card-body[b-6etmkf63up] {
        padding: 1rem;
    }
    
    .card-body .row[b-6etmkf63up] {
        margin: 0;
    }
    
    .card-body .col-md-6[b-6etmkf63up] {
        width: 100%;
        padding: 0.25rem 0;
    }
    
    .card-body .col-12[b-6etmkf63up] {
        width: 100%;
        padding: 0.25rem 0;
    }
    
    .card-body .form-control[b-6etmkf63up],
    .card-body .form-control-sm[b-6etmkf63up] {
        font-size: 0.9rem;
        padding: 0.5rem;
        width: 100%;
    }
    
    .card-body .form-label[b-6etmkf63up] {
        font-size: 0.85rem;
        margin-bottom: 0.25rem;
        font-weight: 600;
    }
    
    .card-body .text-center .btn[b-6etmkf63up] {
        margin-top: 1rem;
        margin-bottom: 1rem;
        min-height: 48px;
    }
    
    .card-header[b-6etmkf63up] {
        padding: 0.75rem 1rem;
        font-size: 0.95rem;
        position: sticky;
        top: 0;
        z-index: 10;
        background: #007bff;
    }
    
    .card-body .form-check[b-6etmkf63up] {
        padding: 0.5rem;
    }
    
    .card-body .form-check-label[b-6etmkf63up] {
        font-size: 0.9rem;
    }
    
    .card-body .d-flex.gap-3[b-6etmkf63up] {
        gap: 1rem !important;
    }
    
    .card.mt-4[style*="position: absolute"][b-6etmkf63up] {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: calc(100% - 1rem) !important;
        max-width: 400px !important;
        max-height: 80vh !important;
        overflow: hidden !important;
        margin: 0 !important;
        z-index: 3001 !important;
        background: white !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up] {
        flex: 1;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        padding: 1rem;
        padding-bottom: 1rem;
        scrollbar-width: thin;
        scrollbar-color: #0d6efd #f1f1f1;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up]::-webkit-scrollbar {
        width: 10px;
        display: block !important;
        -webkit-appearance: none;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up]::-webkit-scrollbar-track {
        background: #e9ecef;
        border-radius: 0;
        border-left: 1px solid #dee2e6;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up]::-webkit-scrollbar-thumb {
        background: #0d6efd;
        border-radius: 0;
        min-height: 40px;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up]::-webkit-scrollbar-thumb:hover {
        background: #0a58ca;
    }
    
    .card.mt-4[style*="position: absolute"] .card-body[b-6etmkf63up]::-webkit-scrollbar-thumb:active {
        background: #084298;
    }
    
    .card.mt-4[style*="position: absolute"] .card-title[b-6etmkf63up] {
        font-size: 1.1rem;
        margin-bottom: 0.75rem;
        padding-right: 2rem;
    }
    
    .card.mt-4[style*="position: absolute"] .text-muted[b-6etmkf63up] {
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }
    
    .card.mt-4[style*="position: absolute"] .form-check[b-6etmkf63up] {
        margin-bottom: 0.75rem;
        padding-left: 0;
    }
    
    .card.mt-4[style*="position: absolute"] .form-check:last-of-type[b-6etmkf63up] {
        margin-bottom: 1.5rem;
    }
    
    .card.mt-4[style*="position: absolute"] .form-check-input[b-6etmkf63up] {
        width: 20px;
        height: 20px;
        margin-right: 0.5rem;
        cursor: pointer;
    }
    
    .card.mt-4[style*="position: absolute"] .form-check-label[b-6etmkf63up] {
        font-size: 0.9rem;
        line-height: 1.4;
        cursor: pointer;
    }
    
    .card.mt-4[style*="position: absolute"] .btn-close[b-6etmkf63up] {
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        z-index: 10;
    }
    
    .card.mt-4[style*="position: absolute"] .btn-primary.mt-3[b-6etmkf63up] {
        width: 100%;
        margin: 0 !important;
        padding: 0.75rem 1rem;
        border-radius: 0 0 0.375rem 0.375rem;
        position: sticky;
        bottom: 0;
        background: #0d6efd !important;
        color: white !important;
        border: none;
        border-top: 2px solid #0a58ca;
        font-size: 0.95rem;
        min-height: 52px;
        flex-shrink: 0;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
    }
    

    .split-view[b-6etmkf63up] {
        flex-direction: column;
    }

    .split-pane[b-6etmkf63up] {
        width: 100% !important;
        min-height: 200px;
    }

    .message[b-6etmkf63up] {
        padding: 0.75rem;
    }

    .message-question[b-6etmkf63up],
    .message-answer[b-6etmkf63up] {
        font-size: 0.9rem;
    }

    .chat-messages[b-6etmkf63up] {
        flex: 1 1 auto;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 0.5rem;
        min-height: 0;
    }
    
    .chat-input[b-6etmkf63up] {
        flex-shrink: 0;
        background: white;
        padding: 0.35rem;
        border-top: 1px solid #dee2e6;
        z-index: 100;
    }
    
    .chat-input .input-group[b-6etmkf63up] {
        height: auto;
    }
    
    .chat-input textarea[b-6etmkf63up] {
        font-size: 0.85rem;
        min-height: 42px;
        max-height: 80px;
        padding: 0.4rem;
        resize: none;
    }

    .chat-input .btn[b-6etmkf63up] {
        padding: 0.35rem 0.7rem;
        min-height: 42px;
    }
    
    .chat-input .btn i[b-6etmkf63up] {
        font-size: 0.9rem;
    }
    
    .message[b-6etmkf63up] {
        margin-bottom: 1rem;
    }

    .provider-question[b-6etmkf63up],
    .buy-sell-question[b-6etmkf63up],
    .state-question[b-6etmkf63up] {
        padding: 1rem !important;
        margin: 0.5rem !important;
        max-height: calc(100vh - 150px);
        min-height: 400px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        width: calc(100% - 1rem) !important;
        max-width: none !important;
    }

    .provider-question div[style*="grid"][b-6etmkf63up],
    .buy-sell-question div[style*="grid"][b-6etmkf63up],
    .state-question div[style*="grid"][b-6etmkf63up] {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }
    
    .buy-sell-question p[b-6etmkf63up] {
        position: sticky;
        top: 0;
        background: #f8f9fa;
        z-index: 1;
        padding: 0.5rem 0;
        margin: -0.5rem 0 0.5rem 0;
    }
    
    .provider-question p[b-6etmkf63up],
    .state-question p[b-6etmkf63up] {
        position: sticky;
        top: 0;
        background: #f8f9fa;
        z-index: 1;
        padding: 0.5rem 0;
        margin: -0.5rem 0 0.5rem 0;
    }
    
    .chat-interface[b-6etmkf63up] {
        align-items: stretch !important;
    }
    
    .state-question div[style*="max-height"][b-6etmkf63up] {
        max-height: calc(100vh - 400px) !important;
    }
    
    .provider-question .btn[b-6etmkf63up],
    .buy-sell-question .btn[b-6etmkf63up],
    .state-question .btn[b-6etmkf63up] {
        font-size: 0.9rem;
        padding: 0.75rem;
    }

    .modal-dialog[b-6etmkf63up] {
        margin: 0.5rem;
        max-width: calc(100% - 1rem);
        max-height: 90vh;
    }

    .modal-content[b-6etmkf63up] {
        max-height: 90vh;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    
    .modal-header[b-6etmkf63up] {
        flex-shrink: 0;
        padding: 0.75rem 1rem;
    }
    
    .modal-header .modal-title[b-6etmkf63up] {
        font-size: 1.1rem;
    }
    
    .modal-body[b-6etmkf63up] {
        flex: 1;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1rem;
        padding-bottom: 1.5rem;
    }
    
    .modal-body[b-6etmkf63up]::-webkit-scrollbar {
        width: 8px;
    }
    
    .modal-body[b-6etmkf63up]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    .modal-body[b-6etmkf63up]::-webkit-scrollbar-thumb {
        background: #0d6efd;
        border-radius: 4px;
    }
    
    .modal-body .text-muted[b-6etmkf63up] {
        font-size: 0.85rem;
        margin-bottom: 1rem;
    }
    
    .modal-body .form-label[b-6etmkf63up] {
        font-size: 0.95rem;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }
    
    .modal-body div[style*="max-height: 300px"][b-6etmkf63up] {
        max-height: 40vh !important;
        overflow-y: scroll;
        border: 1px solid #dee2e6;
        border-radius: 0.375rem;
        padding: 1rem 1.25rem;
        -webkit-overflow-scrolling: touch;
    }
    
    .modal-body div[style*="max-height: 300px"] .form-check[b-6etmkf63up] {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0.75rem;
        padding-left: 0;
    }
    
    .modal-body div[style*="max-height: 300px"] .form-check-input[b-6etmkf63up] {
        margin-left: 0;
    }
    
    .modal-body div[style*="max-height: 300px"][b-6etmkf63up]::-webkit-scrollbar {
        width: 8px;
    }
    
    .modal-body div[style*="max-height: 300px"][b-6etmkf63up]::-webkit-scrollbar-track {
        background: #f8f9fa;
    }
    
    .modal-body div[style*="max-height: 300px"][b-6etmkf63up]::-webkit-scrollbar-thumb {
        background: #0d6efd;
        border-radius: 4px;
    }
    
    .modal-body .form-check[b-6etmkf63up] {
        display: flex;
        align-items: flex-start;
        margin-bottom: 0.75rem;
        padding: 0;
        min-height: 28px;
    }
    
    .modal-body .form-check-input[b-6etmkf63up] {
        width: 20px;
        height: 20px;
        margin: 2px 0.5rem 0 0;
        flex-shrink: 0;
        cursor: pointer;
        float: none;
        position: relative;
    }
    
    .modal-body .form-check-label[b-6etmkf63up] {
        font-size: 0.9rem;
        line-height: 1.5;
        cursor: pointer;
        flex: 1;
        padding-left: 0;
        margin-bottom: 0;
    }
    
    .modal-body .mt-2[b-6etmkf63up] {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        align-items: center;
        margin-top: 0.75rem;
        margin-bottom: 1rem;
    }
    
    .modal-body .mt-2 .btn-sm[b-6etmkf63up] {
        font-size: 0.85rem;
        padding: 0.5rem 0.8rem;
        margin: 0;
        min-height: 40px;
    }
    
    .modal-body .mt-2 small[b-6etmkf63up] {
        font-size: 0.8rem;
        flex: 1 1 100%;
    }
    
    .modal-body textarea[b-6etmkf63up] {
        font-size: 0.9rem;
        padding: 0.5rem;
    }
    
    .modal-footer[b-6etmkf63up] {
        flex-shrink: 0;
        padding: 0.75rem 1rem;
        gap: 0.5rem;
        border-top: 2px solid #dee2e6;
        background: white;
        position: sticky;
        bottom: 0;
        z-index: 10;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
    }
    
    .modal-footer .btn[b-6etmkf63up] {
        flex: 1;
        min-height: 48px;
        font-size: 0.95rem;
        padding: 0.75rem;
    }
    
    .modal-footer .btn-secondary[b-6etmkf63up] {
        flex: 0 0 auto;
        min-width: 100px;
    }
    
    .modal-footer .btn-success[b-6etmkf63up] {
        flex: 1;
    }

    .scenario-wizard-panel[b-6etmkf63up] {
        width: 100% !important;
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 3001 !important;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1rem !important;
    }
    
    .scenario-wizard-panel .mb-3[b-6etmkf63up] {
        margin-bottom: 1rem;
    }
    
    .scenario-wizard-panel .form-label[b-6etmkf63up] {
        font-size: 0.9rem;
        font-weight: 600;
    }
    
    .scenario-wizard-panel .form-select[b-6etmkf63up],
    .scenario-wizard-panel .form-control[b-6etmkf63up] {
        font-size: 0.9rem;
        padding: 0.5rem;
    }
    
    .scenario-wizard-panel .btn[b-6etmkf63up] {
        min-height: 48px;
        font-size: 0.95rem;
    }

    .analysis-panel[b-6etmkf63up] {
        width: 100% !important;
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        right: 0 !important;
        left: 0 !important;
        max-height: 80vh;
        overflow-y: auto;
        border-radius: 1rem 1rem 0 0;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.2);
    }

    .analysis-group button[b-6etmkf63up] {
        font-size: 0.85rem;
    }

    .analysis-question-btn[b-6etmkf63up] {
        font-size: 0.85rem;
        padding: 0.5rem;
    }

    .document-preview[b-6etmkf63up] {
        margin: 0.5rem 0;
        border-radius: 0.25rem;
    }

    .preview-header[b-6etmkf63up] {
        padding: 0.5rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .preview-info[b-6etmkf63up] {
        margin-bottom: 0.5rem;
    }

    .preview-toolbar[b-6etmkf63up] {
        width: 100%;
        flex-wrap: wrap;
    }

    .document-text[b-6etmkf63up] {
        font-size: 0.75rem;
        padding: 1rem;
    }

    .form-control[b-6etmkf63up],
    .form-select[b-6etmkf63up] {
        font-size: 0.9rem;
    }

    .btn[b-6etmkf63up] {
        font-size: 0.85rem;
        padding: 0.5rem 0.75rem;
        min-height: 44px;
    }

    .btn-sm[b-6etmkf63up] {
        font-size: 0.75rem;
        padding: 0.35rem 0.6rem;
        min-height: 38px;
    }

    .sidebar-footer[b-6etmkf63up] {
        padding: 0.75rem !important;
        font-size: 0.75rem;
    }
    
    pre[b-6etmkf63up] {
        font-size: 0.75rem;
        overflow-x: auto;
    }

    .code-content[b-6etmkf63up] {
        font-size: 0.75rem;
    }

    table[b-6etmkf63up] {
        display: block;
        overflow-x: auto;
        font-size: 0.85rem;
    }

    .d-flex.flex-column.align-items-center[b-6etmkf63up] {
        padding: 0 0.5rem;
    }

    .d-flex.flex-column.align-items-center.justify-content-center.h-100[b-6etmkf63up] {
        height: auto !important;
    }
    
    .chat-interface > .mt-3[b-6etmkf63up] {
        overflow-y: visible;
        margin-bottom: 2rem !important;
        padding: 1rem 0.5rem;
    }
    
    .document-query-container[b-6etmkf63up] {
        overflow-y: visible !important;
        min-height: 100%;
    }
    
    .chat-interface[b-6etmkf63up] {
        display: flex !important;
        flex-direction: column !important;
        height: calc(100vh - 60px) !important;
        overflow: hidden !important;
    }
    
    .chat-interface.with-panel[b-6etmkf63up] {
        height: calc(100vh - 60px) !important;
    }
    
    .chat-interface:has(.upload-container)[b-6etmkf63up] {
        overflow: visible !important;
        height: auto !important;
    }
    
    .chat-interface .text-muted strong[b-6etmkf63up] {
        display: block;
        margin-bottom: 0.5rem;
    }
    
    .upload-container.mt-4[b-6etmkf63up] {
        margin-top: 1rem !important;
    }
    
    .loading-overlay[b-6etmkf63up] {
        padding: 1rem;
    }

    .loading-content[b-6etmkf63up] {
        padding: 1rem;
    }

    .loading-content h4[b-6etmkf63up] {
        font-size: 1rem;
    }
    
    .text-muted[b-6etmkf63up] {
        font-size: 0.8rem;
        line-height: 1.5;
    }
    
    .mt-3[b-6etmkf63up] {
        margin-top: 1rem !important;
    }
    
    .chat-interface .text-muted p[b-6etmkf63up] {
        margin-bottom: 0.75rem;
    }
}

/* Touch-friendly improvements for all devices */
@media (hover: none) and (pointer: coarse) {
    .btn[b-6etmkf63up],
    button[b-6etmkf63up],
    .chat-tab[b-6etmkf63up] {
        min-height: 44px;
        min-width: 44px;
    }

    .form-control[b-6etmkf63up],
    .form-select[b-6etmkf63up],
    textarea[b-6etmkf63up] {
        font-size: 16px !important;
    }

    input[type="text"][b-6etmkf63up],
    input[type="radio"][b-6etmkf63up],
    input[type="checkbox"][b-6etmkf63up] {
        min-width: 44px;
        min-height: 44px;
    }
}

/* Landscape mobile */
@media (max-width: 896px) and (orientation: landscape) {
    .main-layout[b-6etmkf63up] {
        flex-direction: row;
    }

    .chat-sidebar[b-6etmkf63up] {
        width: 200px;
        max-height: 100vh;
    }

    .analysis-panel[b-6etmkf63up],
    .scenario-wizard-panel[b-6etmkf63up] {
        max-height: 90vh;
    }
}

/* Small screens - improved readability */
@media (max-width: 400px) {
    .chat-header h3[b-6etmkf63up] {
        font-size: 0.9rem;
    }

    .chat-header h5[b-6etmkf63up] {
        font-size: 0.7rem;
    }

    .btn-sm[b-6etmkf63up] {
        font-size: 0.7rem;
        padding: 0.3rem 0.5rem;
    }

    .message[b-6etmkf63up] {
        padding: 0.5rem;
    }

    .document-text[b-6etmkf63up] {
        font-size: 0.7rem;
        padding: 0.75rem;
    }
}
/* _content/EstateView/Pages/IntakeForm/IntakeForm.razor.rz.scp.css */
@media print {
    /* Hide all elements */
    body *[b-ngjny2v0hl] {
        visibility: hidden;
    }
    /* Show the mainFormElement and its children */
    #mainFormElement[b-ngjny2v0hl], #mainFormElement *[b-ngjny2v0hl] {
        visibility: visible;
    }
    /* Optional: Position the mainFormElement at the top-left corner */
    #mainFormElement[b-ngjny2v0hl] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%; /* Adjust as needed */
        overflow-y: visible !important;
    }
}

[b-ngjny2v0hl] .nav-tabs .nav-link {
    border: 1px solid lightgray;
}

    [b-ngjny2v0hl] .nav-tabs .nav-link:hover {
        background-color: rgba(11, 94, 215, 0.5) !important;
        color: white;
    }

    [b-ngjny2v0hl] .customized-input-number input {
        width: 100%;
        margin-left: 2px;
        margin-right: 2px;
        border-radius: 0.25rem;
        border: 1px solid #ced4da;
        text-align: center;
    }

    [b-ngjny2v0hl] .customized-input-number .spinner {
        border-radius: 0.25rem;
    }

@keyframes dropDown-b-ngjny2v0hl {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

    [b-ngjny2v0hl] .dropdown-animate {
        animation: dropDown-b-ngjny2v0hl 0.4s ease-out forwards;
        animation-delay: 0.1s; /* Adds a 0.5s delay before the animation starts */
        opacity: 0; /* Ensure it's hidden until the animation starts */
    }

    [b-ngjny2v0hl] .top-toolbar .btn {
        background-color: #0b5ed7;
        transition: all 0.1s linear;
        background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1), transparent);
        box-shadow: 0px 0px 0px 1px #0b5ed7, 2px 2px 4px -1px black;
    }

            [b-ngjny2v0hl] .top-toolbar .btn:hover {
                background-color: #084BAC;
                transform: translate(1px, 1px);
            }
.blurred-background[b-ngjny2v0hl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
    opacity: 0;
    animation: fadeIn-b-ngjny2v0hl 0.3s forwards;
}

.demo-hover[b-ngjny2v0hl] {
    position: absolute;
    top: 60px;
    left: 0;
    opacity: 100%;
    height: calc(100% - 60px);
    width: 100%;
    text-align: center;
    z-index: 10000;
    font-weight: bold;
    backdrop-filter: blur(0.5px) brightness(0.5);
    color: white;
    transition: opacity 0.2s linear;
}

body:hover .demo-hover[b-ngjny2v0hl] {
    opacity: 0%;
    pointer-events: none;
}

.demo-hover h2[b-ngjny2v0hl] {
    animation: explorePulse-b-ngjny2v0hl ease 0.7s infinite;
    animation-direction: alternate;
}

@keyframes explorePulse-b-ngjny2v0hl {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(1.1)
    }
}

#backToTopBtn[b-ngjny2v0hl] {
    display: flex;
    position: absolute;
    width: max-content;
    align-items: center;
    align-self: end;
    bottom: 2em;
    right: 3em;
    background: #0b5ed7;
    color: white;
    border: 3px white;
    border-radius: 6px; /* slight rounding for a modern look */
    padding: 8px 14px;
    font-size: 0.85rem;
    cursor: pointer;
    box-shadow: 0 0 4px 1px rgb(255 255 255 / 50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 2;
    gap: 6px; /* spacing between icon and text */
}

    #backToTopBtn.show[b-ngjny2v0hl] {
        opacity: 1;
        pointer-events: auto;
    }

    #backToTopBtn:hover[b-ngjny2v0hl] {
        background: #0056b3;
    }

@media (min-width: 768px) {
    #backToTopBtn[b-ngjny2v0hl] {
        font-size: 0.95rem;
    }
}

#scrollGradientBar[b-ngjny2v0hl] {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: linear-gradient(to top, rgba(16, 73, 159, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    justify-content: center;
    align-items: center;
    pointer-events: none;
    z-index: 1;
    opacity: .25;
    transition: opacity .35s ease, width .2s ease, left .2s ease;
}


    #scrollGradientBar i[b-ngjny2v0hl] {
        color: #fff;
        font-size: 2rem;
        transform: scaleX(1.8);
        line-height: 2;
    }

@media (min-width: 768px) {
    #scrollGradientBar[b-ngjny2v0hl] {
        display: flex;
    }
}

.main-form[b-ngjny2v0hl] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.5rem;
    margin: 1rem;
    align-items: center;
}

@media (min-width: 768px) {
    .main-form[b-ngjny2v0hl] {
/*        width: 80%;*/
    }
/*    .main-form-card {
        width: 90vw;
    }*/
}

.main-form-card[b-ngjny2v0hl] {
    padding: 1.5rem;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    color: #212529;
    background-color: #fff;
    background-clip: border-box;
}

/* Modal Box */
.modal-box[b-ngjny2v0hl] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    text-align: center;
    position: relative;
    border: 3px solid lightgray;
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .modal-box.danger[b-ngjny2v0hl] {
        border: 3px solid #dc3545; /* Red border */
    }

.welcome-content[b-ngjny2v0hl] {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    height: auto;
}

[b-ngjny2v0hl] .btn-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
}

.btn-grid2[b-ngjny2v0hl] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    width: 100%;
}

[b-ngjny2v0hl] .btn-check:checked + .btn {
    /*background-color: #007bff;*/
    color: white;
    /*border-color: #0056b3;*/
}

[b-ngjny2v0hl] .btn-outline-primary {
    /*border: 2px solid #007bff;*/
    color: #007bff;
    /*font-weight: bold;*/
    /*padding: 10px;*/
    width: 100%;
    text-align: center;
}

    [b-ngjny2v0hl] .btn-outline-primary:hover {
        /*background-color: #007bff;*/
        color: white;
    }

.get-started-btn[b-ngjny2v0hl] {
    background: gray;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: not-allowed;
    font-size: 16px;
    width: 100%;
    margin-top: 0;
    position: relative;
    top: 10px; /* Move it down */
}

    .get-started-btn:enabled[b-ngjny2v0hl] {
        background: #007bff;
        cursor: pointer;
    }

.divider[b-ngjny2v0hl] {
    height: 5px;
    background-color: #dc3545;
    width: 100%;
    margin: 15px 0;
}

[b-ngjny2v0hl] .btn-group {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-direction: column;
}

.get-started-btn:hover:enabled[b-ngjny2v0hl] {
    background: #0056b3;
}

.floating-label-box[b-ngjny2v0hl] {
    position: relative;
    z-index: 50;
    font-size: 18px;
    align-self: start;
    background-color: white;
    padding: 0px 5px;
    border: 2px solid #ddd;
    border-radius: 5px 5px 5px 5px;
    background-image: linear-gradient(to bottom, #f9f9f9, white);
    user-select: none;
}

[b-ngjny2v0hl] .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: red;
}

.white-background-box[b-ngjny2v0hl] {
    position: fixed;
    left: 25%;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 20px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    z-index: 999; /* Below blurred background (which is 1000) */
}

.collapse-toggle[b-ngjny2v0hl] {
    content: "+";
}

    .collapse-toggle[b-ngjny2v0hl]::after {
        content: "–";
        font-size: 1.25rem;
        line-height: 1;
    }

    .collapse-toggle.collapsed[b-ngjny2v0hl]::after {
        content: "+";
    }

.top-toolbar[b-ngjny2v0hl] {
    border-bottom-color: unset;
}

@keyframes fadeIn-b-ngjny2v0hl {
    from {
        opacity: 0;
        backdrop-filter: blur(0px);
    }

    to {
        opacity: 1;
        backdrop-filter: blur(10px);
    }
}

.intake-form .progress[b-ngjny2v0hl] {
    overflow: visible;
    height: 30px;
    margin-top: 20px;
}

.intake-form .progress-bar[b-ngjny2v0hl] {
    font-weight: bold;
}

.intake-form .accordion-button[b-ngjny2v0hl] {
    background-color: #f1f1f1;
    font-weight: bold;
}

.sidebar-menu-btn[b-ngjny2v0hl] {
    background-color: #e9ecef;
    color: #0b5ed7;
    border: 1px solid #0b5ed7;
    box-shadow: 0px 0px 0px 1px #0b5ed7, 2px 2px 4px -1px black;
}

.step-btns-container[b-ngjny2v0hl] {
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
    gap: 1em;
    align-items: center;
}
@media(min-width: 768px) {
    .step-btns-container[b-ngjny2v0hl] {
        flex-wrap: nowrap;
        width: 100%;
    }
}

.change-step-btn-inactive[b-ngjny2v0hl] {
    text-wrap: nowrap;
}

.change-step-btn.change-step-btn[b-ngjny2v0hl] {
    background-color: #0b5ed7;
    background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1), transparent);
    box-shadow: 2px 2px 4px -1px black;
    transition: all linear 0.1s;
    text-wrap: nowrap;
}

    .change-step-btn.change-step-btn:hover[b-ngjny2v0hl] {
        background-color: #084BAC;
        box-shadow: none;
    }

@media(min-width: 768px) {
    .change-step-btn.change-step-btn:hover[b-ngjny2v0hl] {
        transform: translate(1px, 1px) !important;
    }
}

.segmented-progress[b-ngjny2v0hl] {
    display: flex;
    border-radius: 4px;
    background-color: #e9ecef;
    border: 1px solid #ccc;
    color: gray;
    width: 100%;
    font-size: .75rem;
    overflow: visible;
    z-index: 1040;
}

    .segmented-progress .segment[b-ngjny2v0hl] {
        flex: 1;
        position: relative;
        border-right: 1px dashed #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
        transition: background-color 0.3s linear, color 0.3s linear;
        transition-delay: 0s;
        cursor: pointer;
    }

        .segmented-progress .segment:hover[b-ngjny2v0hl] {
            background-color: #babcbf;
        }

        .segmented-progress .segment:last-child[b-ngjny2v0hl] {
            border-radius: 0 0.25rem 0.25rem 0;
            border-right: none;
        }

        .segmented-progress .segment:first-child[b-ngjny2v0hl] {
            border-radius: 0.25rem 0 0 0.25rem;
            border-left: none;
        }

        .segmented-progress .segment.filled[b-ngjny2v0hl], .segmented-progress .segment.current[b-ngjny2v0hl] {
            background-color: #0a58ca;
            color: white;
        }

            .segmented-progress .segment.filled:hover[b-ngjny2v0hl], .segmented-progress .segment.current[b-ngjny2v0hl] {
                background-color: #0d6efd;
            }

        .segmented-progress .segment.current[b-ngjny2v0hl] {
            border-radius: 3px;
            box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
            z-index: 2;
            transform: scale(1.3);
            border: 2px solid #fff;
        }

            .segmented-progress .segment.current:hover .segment-tooltip[b-ngjny2v0hl] {
                transform: scale(0.77) translateX(-65%) translateY(-25%);
            }

        .segmented-progress .segment-icon[b-ngjny2v0hl] {
            font-size: 1rem;
            transition: transform 0.2s;
            line-height: 1.5;
        }

    .segmented-progress .segment:not(.current):hover .segment-icon[b-ngjny2v0hl] {
        transform: scale(1.3);
    }

    .segmented-progress .segment .segment-tooltip[b-ngjny2v0hl] {
        visibility: hidden;
        position: absolute;
        left: 50%;
        top: 110%;
        transform: translateX(-50%);
        background: #e9ecef;
        color: black;
        border: 1px solid lightgray;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 6px 14px;
        border-radius: 6px;
        white-space: nowrap;
        display: none;
        font-size: 0.95rem;
    }

    @media (min-width: 768px) {
        .segmented-progress .segment:hover .segment-tooltip[b-ngjny2v0hl] {
            visibility: visible;
            display: block;
        }
    }

.sidebar[b-ngjny2v0hl] {
    width: 75vmin !important;
    bottom: inherit !important;
    top: inherit !important;
    margin-bottom: 10%;
    scrollbar-gutter: stable;
}

.left-column[b-ngjny2v0hl], .right-column[b-ngjny2v0hl] {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.right-column[b-ngjny2v0hl] {
    justify-content: center;
    align-items: center;
    margin: auto;
    gap: 15px;
}

    .right-column h2[b-ngjny2v0hl] {
        width: 100%;
        text-align: center;
    }

@media (min-width: 600px) {
    [b-ngjny2v0hl] .video-wrapper iframe {
        width: 95%;
        height: 95%;
    }
    .right-column[b-ngjny2v0hl] {
        padding-right: 30px;
        padding-top: 0px;
    }
    [b-ngjny2v0hl] .btn-group {
        flex-direction: row;
    }
}

@media (min-width: 768px) {
    .welcome-content[b-ngjny2v0hl] {
        flex-direction: row;
        align-items: center;
    }

    .left-column[b-ngjny2v0hl] {
        border-right: 4px solid darkred; /* Vertical red divider */
    }

    .sidebar[b-ngjny2v0hl] {
        width: 25% !important;
        position: relative !important;
        transform: none !important;
        visibility: visible !important;
        margin-bottom: 0;
    }
    
}


@keyframes popIn-b-ngjny2v0hl {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.custom-tooltip[b-ngjny2v0hl] {
    position: absolute;
    display: none;
    background-color: #e9ecef;
    color: #000;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #d1d1d1;
    text-wrap: wrap;
    width: 300px;
    transform: translateX(-50%);
    text-align: left;
    z-index: 10;
}

.position-relative:hover .custom-tooltip[b-ngjny2v0hl] {
    display: block;
}

.prev-btn[b-ngjny2v0hl],
.next-btn[b-ngjny2v0hl] {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    width: 100px;
}


    .prev-btn:disabled[b-ngjny2v0hl], .next-btn:disabled[b-ngjny2v0hl] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.prev-btn[b-ngjny2v0hl] {
    background-color: #6c757d;
    color: white;
}

.next-btn[b-ngjny2v0hl] {
    background-color: #007bff;
    color: white;
}

.intake-form-footer-btns[b-ngjny2v0hl] {
    justify-content: space-between;
    display: flex;
    margin: 2em 0;
}

.navigation-fixed[b-ngjny2v0hl] {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 0 20px;
    box-sizing: border-box;
    gap: 10px;
    margin-top: 10px;
    height: 70px;
}

.central-content[b-ngjny2v0hl] 
{
    display: flex;
    flex-direction: column;
    background-color: aliceblue;
    border: 1px solid blue;
    padding: 1rem;
    border-radius: 1rem;
}

.welcome-box[b-ngjny2v0hl] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    width: 90vw;
    position: relative;
    transform: scale(0.9);
    opacity: 0;
    animation: popIn-b-ngjny2v0hl 0.3s forwards 0.1s;
    border: 3px solid #007bff;
    font-size: 15px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .welcome-box[b-ngjny2v0hl] {
        width: 60vw;
    }
}

.video-wrapper[b-ngjny2v0hl] {
    position: relative;
    width: 90%;

    margin: 0 auto;
    padding-bottom: 51%;
    overflow: hidden;
    border-radius: 8px;
}

    .video-wrapper iframe[b-ngjny2v0hl] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

.slide-row[b-ngjny2v0hl] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 1rem 0;
    box-sizing: border-box;
    overflow: hidden;
    gap: 1rem;
}


.slide-image-container[b-ngjny2v0hl] {
    width: 825px;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    overflow: hidden;
}

.slide-image[b-ngjny2v0hl] {
    width: 825px;
    height: 500px;
    object-fit: contain;
    display: block;
}

.arrow-button.side[b-ngjny2v0hl] {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2px);
    border: 1px solid #007bff;
    border-radius: 8px;
    font-size: 2.5rem;
    color: #007bff;
    width: 50px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s, transform 0.1s;
    flex-shrink: 0;
}


    .arrow-button.side:hover:not(:disabled)[b-ngjny2v0hl] {
        background-color: rgba(255, 255, 255, 0.7);
        color: blue;
        border-color: blue;
    }

    .arrow-button.side.left[b-ngjny2v0hl] {
        position: absolute;
        left: 1px;
        top: 50%;
        transform: translateY(-50%);
    }

    .arrow-button.side.right[b-ngjny2v0hl] {
        position: absolute;
        right: 1px;
        top: 50%;
        transform: translateY(-50%);
    }


.slide-index-fixed[b-ngjny2v0hl] {
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0.4rem 1rem;
    font-size: 1rem;
    color: #007bff;
    z-index: 100;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

.arrow-button:disabled[b-ngjny2v0hl] {
    opacity: 0.4;
    cursor: default;
    box-shadow: none;
}

.note-label[b-ngjny2v0hl] {
    background-color: #bcd9e8;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 0.95rem;
    color: #003b63;
    text-align: center;
    width: 600px;
}

.floating-note[b-ngjny2v0hl] {
    white-space: normal;
    z-index: 5;
    width: auto;
    margin-bottom: 0px;
}

.dont-show-container[b-ngjny2v0hl] {
    position: absolute;
    bottom: 70px;
    right: 40px;
    z-index: 1000;
    font-size: 14px;
    background-color: white;

    border-radius: 5px;
    user-select: none;
    cursor: pointer;
}

.dont-show-label[b-ngjny2v0hl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.sidenav[b-ngjny2v0hl] {
    top: auto !important;
    margin-top: auto !important;
}

@media(min-width: 768px) {
    [b-ngjny2v0hl] .dw-50 {
        width: 50%;
    }

    [b-ngjny2v0hl] .dw-60 {
        width: 60%;
    }

    [b-ngjny2v0hl] .dw-65 {
        width: 65%;
    }

    [b-ngjny2v0hl] .dw-75 {
        width: 75%;
    }

    [b-ngjny2v0hl] .d-text-nowrap {
        white-space: nowrap !important;
    }
}

/* PORTAL */

.portal-splash[b-ngjny2v0hl] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--background, #f7fafc);
    z-index: 9999;
    overflow: auto;
    padding: 5%;
    box-sizing: border-box;
}

.portal-preview-container[b-ngjny2v0hl] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.portal-preview-panel[b-ngjny2v0hl] {
    background: #ffffff;
    border-radius: 24px;
    padding: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02), 0 10px 15px rgba(0, 0, 0, 0.03), 0 20px 30px rgba(0, 0, 0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

    .portal-preview-panel:hover[b-ngjny2v0hl] {
        transform: translateY(-2px);
        box-shadow: 0 6px 8px rgba(0, 0, 0, 0.03), 0 15px 20px rgba(0, 0, 0, 0.04), 0 30px 40px rgba(0, 0, 0, 0.05);
    }

.portal-preview-label[b-ngjny2v0hl] {
    background: #276749;
    color: #fff;
    padding: 12px 24px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 4px rgba(26, 54, 93, 0.1);
}

.portal-logo-container[b-ngjny2v0hl] {
    text-align: center;
    position: relative;
    display: flex;
}

.portal-logo[b-ngjny2v0hl] {
    width: 240px;
    height: 70px;
    background: #1a365d;
    margin: 0 auto;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 6px rgba(26, 54, 93, 0.1);
}

.portal-security-badge[b-ngjny2v0hl] {
    position: absolute;
    top: -10px;
    right: 50%;
    transform: translateX(140px);
    background: #276749;
    color: white;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 2px 4px rgba(39, 103, 73, 0.2);
}

.portal-content-container[b-ngjny2v0hl] {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

h1.portal-title[b-ngjny2v0hl] {
    color: #1a365d;
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.portal-welcome-message[b-ngjny2v0hl] {
    font-size: 20px;
    color: #2d3748;
    text-align: center;
    line-height: 1.6;
}

.portal-steps-container[b-ngjny2v0hl] {
    background-color: #f8fafc;
    border-radius: 16px;
    padding: 35px;
    margin: 30px 0;
    border: 2px solid #edf2f7;
    transition: border-color 0.3s ease;
}

    .portal-steps-container:hover[b-ngjny2v0hl] {
        border-color: #4299e1;
    }

.portal-step[b-ngjny2v0hl] {
    display: flex;
    align-items: flex-start;
    margin-bottom: 28px;
    padding: 5px;
    flex-direction: column;
    align-items: center;
}

    .portal-step:last-child[b-ngjny2v0hl] {
        margin-bottom: 0;
    }

.portal-step-number[b-ngjny2v0hl] {
    background: #1a365d;
    color: white;
    width: auto;
    min-width: 60px;
    height: 36px;
    padding: 0 12px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(26, 54, 93, 0.1);
}

.portal-step-text[b-ngjny2v0hl] {
    font-size: 18px;
    color: #2d3748;
    padding-top: 6px;
    line-height: 1.5;
}

.portal-action-button[b-ngjny2v0hl] {
    background: #4299e1;
    color: white;
    border: none;
    padding: 24px 40px;
    font-size: 20px;
    border-radius: 12px;
    cursor: pointer;
/*    margin: 40px auto;*/
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    max-width: 400px;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(66, 153, 225, 0.2), 0 8px 15px rgba(66, 153, 225, 0.1);
    text-align: center;
}

    .portal-action-button:hover[b-ngjny2v0hl] {
        background: #2b6cb0;
        transform: translateY(-2px);
        box-shadow: 0 6px 8px rgba(66, 153, 225, 0.2), 0 10px 20px rgba(66, 153, 225, 0.1);
    }

.portal-support-section[b-ngjny2v0hl] {
    text-align: center;
/*    margin-top: 50px;
    padding: 30px;*/
    border-top: 2px solid #e2e8f0;
    background: #f8fafc;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

    .portal-support-section:hover[b-ngjny2v0hl] {
        transform: translateY(-2px);
    }

.portal-support-text[b-ngjny2v0hl] {
    font-size: 18px;
    color: #2d3748;
    margin-bottom: 12px;
}

.portal-support-phone[b-ngjny2v0hl] {
    color: #2b6cb0;
    font-size: 26px;
    font-weight: 700;
/*    margin-top: 10px;*/
    letter-spacing: 0.5px;
}

.portal-footer[b-ngjny2v0hl] {
/*    margin-top: 50px;
    padding-top: 25px;*/
    border-top: 2px solid #e2e8f0;
    font-size: 14px;
    color: #718096;
    text-align: center;
    line-height: 1.8;
}

@media(min-width: 768px) {
    .portal-splash[b-ngjny2v0hl] {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--background, #f7fafc);
        z-index: 9999;
        overflow: auto;
        padding: 40px;
        box-sizing: border-box;
    }

    .portal-preview-container[b-ngjny2v0hl] {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    .portal-preview-panel[b-ngjny2v0hl] {
        background: #ffffff;
        border-radius: 24px;
        padding: 40px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02), 0 10px 15px rgba(0, 0, 0, 0.03), 0 20px 30px rgba(0, 0, 0, 0.04);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
    }

        .portal-preview-panel:hover[b-ngjny2v0hl] {
            transform: translateY(-2px);
            box-shadow: 0 6px 8px rgba(0, 0, 0, 0.03), 0 15px 20px rgba(0, 0, 0, 0.04), 0 30px 40px rgba(0, 0, 0, 0.05);
        }

    .portal-preview-label[b-ngjny2v0hl] {
        background: #276749;
        color: #fff;
        padding: 12px 24px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 4px rgba(26, 54, 93, 0.1);
    }

    .portal-logo-container[b-ngjny2v0hl] {
        text-align: center;
        margin-bottom: 50px;
        position: relative;
        display: flex;
    }

    .portal-logo[b-ngjny2v0hl] {
        width: 240px;
        height: 70px;
        background: #1a365d;
        margin: 0 auto;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 6px rgba(26, 54, 93, 0.1);
    }

    .portal-security-badge[b-ngjny2v0hl] {
        position: absolute;
        top: -10px;
        right: 50%;
        transform: translateX(140px);
        background: #276749;
        color: white;
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 8px;
        box-shadow: 0 2px 4px rgba(39, 103, 73, 0.2);
    }

    .portal-content-container[b-ngjny2v0hl] {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 20px;
    }

    h1.portal-title[b-ngjny2v0hl] {
        color: #1a365d;
        font-size: 32px;
        margin-bottom: 25px;
        text-align: center;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    .portal-welcome-message[b-ngjny2v0hl] {
        font-size: 20px;
        color: #2d3748;
        text-align: center;
        margin-bottom: 40px;
        line-height: 1.6;
    }

    .portal-steps-container[b-ngjny2v0hl] {
        background-color: #f8fafc;
        border-radius: 16px;
        padding: 35px;
        margin: 30px 0;
        border: 2px solid #edf2f7;
        transition: border-color 0.3s ease;
    }

        .portal-steps-container:hover[b-ngjny2v0hl] {
            border-color: #4299e1;
        }

    .portal-step[b-ngjny2v0hl] {
        display: flex;
        align-items: flex-start;
        margin-bottom: 28px;
        padding: 5px;
    }

        .portal-step:last-child[b-ngjny2v0hl] {
            margin-bottom: 0;
        }

    .portal-step-number[b-ngjny2v0hl] {
        background: #1a365d;
        color: white;
        width: auto;
        min-width: 60px;
        height: 36px;
        padding: 0 12px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        margin-right: 20px;
        flex-shrink: 0;
        font-weight: 600;
        box-shadow: 0 2px 4px rgba(26, 54, 93, 0.1);
    }

    .portal-step-text[b-ngjny2v0hl] {
        font-size: 18px;
        color: #2d3748;
        padding-top: 6px;
        line-height: 1.5;
    }

    .portal-action-button[b-ngjny2v0hl] {

        margin: 40px auto;

    }

    .portal-support-section[b-ngjny2v0hl] {
        text-align: center;
        margin-top: 50px;
        padding: 30px;
    }

        .portal-support-section:hover[b-ngjny2v0hl] {
            transform: translateY(-2px);
        }

    .portal-support-text[b-ngjny2v0hl] {
        font-size: 18px;
        color: #2d3748;
        margin-bottom: 12px;
    }

    .portal-support-phone[b-ngjny2v0hl] {
        color: #2b6cb0;
        font-size: 26px;
        font-weight: 700;
        margin-top: 10px;
        letter-spacing: 0.5px;
    }

    .portal-footer[b-ngjny2v0hl] {
        margin-top: 50px;
        padding-top: 25px;
        border-top: 2px solid #e2e8f0;
        font-size: 14px;
        color: #718096;
        text-align: center;
        line-height: 1.8;
    }
}

[b-ngjny2v0hl] .hidden {
    display: none;
}

[b-ngjny2v0hl] .visible {
    display: block;
}

[b-ngjny2v0hl] .info-box {
    border: 2px solid #f5c2c7;
    box-shadow: 10px 5px 10px black;
    padding: 10px;
    background-color: #f8d7da;
    position: absolute;
    max-width: 500px;
    z-index: 1000;
    top: -120%;
    left: 0;
    transform: translateY(-10px);
}


[b-ngjny2v0hl] .info-box-container {
    position: relative;
    overflow: visible;
}

[b-ngjny2v0hl] .flag-icon {
    cursor: pointer;
    margin-left: 10px;
    color: blue;
    font-size: 16px;
}

[b-ngjny2v0hl] .flag-text {
    text-decoration: underline;
}

[b-ngjny2v0hl] .loading-circle {
    border-width: 1vh;
    border-style: solid;
    border-color: rgb(52, 152, 219) rgb(243, 243, 243) rgb(243, 243, 243);
    border-image: initial;
    border-radius: 50%;
    width: 20vh;
    height: 20vh;
    display: inline-block;
    animation-name: loadingCircle-b-ngjny2v0hl;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

[b-ngjny2v0hl] .exclude {
    display: none !important;
}

@keyframes loadingCircle-b-ngjny2v0hl {
    0% {
        transform: rotate(0deg);
    }

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

[b-ngjny2v0hl] .assumptions-window {
    position: fixed;
    top: 100px;
    left: 100px;
    width: 500px;
    height: 800px;
    background: #44577d;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 3000;
    resize: both;
    overflow: auto;
}

[b-ngjny2v0hl] .window-header {
    background: #0b5ed7;
    color: white;
    padding: 6px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    cursor: move;
    user-select: none;
}

.window-body[b-ngjny2v0hl] {
    padding: 10px;
}

/*not using this ATM, using Btn-danger
.square-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center;
    line-height: 40px;
}*/
/* _content/EstateView/Pages/IntakeForm/SubComponents/AssetMulticheck.razor.rz.scp.css */
.asset-form[b-9tga4pepl8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
    background-color: #eee;
    border: 8px solid #eee;
    border-radius: 6px;
}

[b-9tga4pepl8] .check-item {
    min-width: 33% !important;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/CoDriverMulticheck.razor.rz.scp.css */
.asset-form[b-n2bmdlugcj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
}

.plus-box[b-n2bmdlugcj] {
    margin: 5px;
    cursor: pointer;
    transition: transform 0.05s;
    border: 1px solid #bbb;
    border-radius: 0.25rem;
}

    .plus-box:hover[b-n2bmdlugcj] {
        transform: scale(1.05);
    }

.plus-label[b-n2bmdlugcj] {
    min-width: 200px;
    margin: 3px 3px;
    border: 1px solid #aaa;
    border-radius: 0.25rem;
}

    .plus-label.set[b-n2bmdlugcj] {
        border: none;
        margin: 5px;
        cursor: pointer;
        position: relative;
        top: -0.1em;
        min-width: fit-content;
    }

.plus-item[b-n2bmdlugcj] {
    margin-right: 5px;
    width: fit-content;
    border: 1px solid #ced4da;
    border-radius: 4px;
    display: flex;
    max-width: 100%;
    transition: transform 0.05s;
    align-items: center;
}

    .plus-item:hover[b-n2bmdlugcj] {
        transform: scale(1.05);
    }
/* _content/EstateView/Pages/IntakeForm/SubComponents/ConfirmRemoveModal.razor.rz.scp.css */
.blurred-background[b-do98cbyu3y] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent */
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center; /* Centers modal vertically */
    justify-content: center; /* Centers modal horizontally */
    z-index: 3000;
}

.modal-box[b-do98cbyu3y] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    text-align: center;
    position: relative;
    border: 3px solid #dc3545; /* Red border */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.close-btn[b-do98cbyu3y] {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: red;
}

.divider[b-do98cbyu3y] {
    height: 5px;
    background-color: #dc3545; /* Red */
    width: 100%;
    margin: 15px 0;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/CustomizationModal.razor.rz.scp.css */
/*.modal-body {
    max-height: 85vh;
}*/

.modal-content[b-1vw0l8ow7a] {
    margin: auto;
    max-width: none;
}

.modal-dialog[b-1vw0l8ow7a] {
    max-width: 95vw;
}

.scrollable[b-1vw0l8ow7a] {
    height: 100%;
    overflow-y: scroll;
}

.showcase[b-1vw0l8ow7a] {
    height: 100%;
    position: relative;
}

.content-row[b-1vw0l8ow7a] {
    height: 68vh;
    border: 4px solid #181C32;
    border-radius: 3px;
}

.collapse-toggle.collapsed[b-1vw0l8ow7a] {
    content: "\F279";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

.collapse-toggle[b-1vw0l8ow7a]::after {
    content: "\F27C";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

.collapse-toggle.collapsed[b-1vw0l8ow7a]::after {
    content: "\F279";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

    .scrollable.selection-menu[b-1vw0l8ow7a] {
        background-color: #181C32;
        scrollbar-color: lightgray #181C32;
    }

    .btn-outline-primary[b-1vw0l8ow7a] {
        border: 1px solid #0d6efd !important;
        background-color: #fff;
        color: #0d6efd;
    }

    .btn-check:checked[b-1vw0l8ow7a] {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

[b-1vw0l8ow7a] .showcase {
    cursor: not-allowed !important;
}

[b-1vw0l8ow7a] .showcase .no-click {
    pointer-events: none;
}

.selection-menu .card[b-1vw0l8ow7a] {
    color: #adb5bd;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(11, 94, 215, 0.1);
    background-color: rgba(255, 255, 255, 0.05);
    cursor: pointer;
}

    .selection-menu .card:hover[b-1vw0l8ow7a] {
        color: #fff;
        background-color: rgba(11, 94, 215, 0.05);
    }

        .selection-menu .card:hover:not(.active) .card[b-1vw0l8ow7a] {
            background-color: rgba(11, 94, 215, 0.1);
            background-color: rgba(255, 255, 255, 0.05);
            color: #fff;
        }

    .selection-menu .card.active[b-1vw0l8ow7a], .selection-menu .card.general:hover[b-1vw0l8ow7a] {
        color: white;
        background-color: rgba(11, 94, 215, 0.5);
        cursor: initial;
    }

    .selection-menu .btn-outline-primary[b-1vw0l8ow7a] {
        background-color: darkblue;
        background-color: rgba(255, 255, 255, 0.05);
        border-color: #797E84 !important;
        color: #fff;
        font-weight: 400;
    }

        .selection-menu .btn-outline-primary:hover[b-1vw0l8ow7a] {
            background-color: blue;
            border-color: #0d6efd !important;
        }

    .selection-menu .card .btn-check:checked[b-1vw0l8ow7a] {
        color: #fff;
        background-color: #0d6efd;
        border-color: #0d6efd;
    }

.btn-tooltip[b-1vw0l8ow7a] {
    visibility: hidden;
    position: absolute;
    left: 50%;
    top: 110%;
    transform: translateX(-50%);
    background: #444444;
    color: #fff;
    border: 1px solid lightgray;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    padding: 6px 14px;
    border-radius: 6px;
    text-align: left;
    display: block;
    font-size: 0.95rem;
    width: 200px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

    [b-1vw0l8ow7a] .highlight {
        background-color: #ffebbd !important;
        border: 1.5px solid #ffab00 !important;
        box-shadow: 0px 0px 1px 1px #ffab00 !important;
    }

        [b-1vw0l8ow7a] .highlight:not(input) {
            border-radius: 4px;
            box-shadow: 0px 0px 0px 3px #ffebbd;
        }

        [b-1vw0l8ow7a] .highlight:hover {
            box-shadow: 0px 0px 1px 1px #ffab00, 0px 0px 0px 1px #555 !important;
        }

        [b-1vw0l8ow7a] .highlight:focus, .intake-form .highlight:focus-within[b-1vw0l8ow7a] {
            box-shadow: 0px 0px 2px 1px #ffab00, 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
        }

*:hover > .btn-tooltip[b-1vw0l8ow7a] {
    visibility: visible;
    opacity: 1;
}

.custom-setting[b-1vw0l8ow7a] {
    border-radius: 4px;
    padding-top: 7px;
    width: 100%;
}

    .custom-setting:hover[b-1vw0l8ow7a] {
        background-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0px 5px 0px 4px rgba(255, 255, 255, 0.1);
    }

    .custom-setting .form-check-label[b-1vw0l8ow7a] {
        max-width: 100%;
        width: 100%;
    }
/*
.form-check.form-switch {
    border-radius: 4px;
    margin-top: 7px;
    width: 100%;
}

.form-check.form-switch label {
    max-width: 100%;
    width: 100%;
}

    .form-check.form-switch:hover {
        background-color: rgba(255, 255, 255, 0.1);
        box-shadow: 0px 2px 0px 4px rgba(255, 255, 255, 0.1);
    }*/

.showcase .watermark[b-1vw0l8ow7a] {
    position: fixed;
    top: 55%;
    left: 65%;
    transform: translate(-50%, -50%) rotate(30deg);
    text-wrap: nowrap;
    cursor: not-allowed;
    pointer-events: none;
    font-size: 5rem;
    color: rgba(240, 0, 0, 0.5);
    z-index: 10;
}

.presetButton[b-1vw0l8ow7a] {

    width: 38px;
}

    .presetButton div[b-1vw0l8ow7a] {
        font-weight: initial;
        text-indent: initial;
        visibility: hidden;
        position: absolute;
        top: -110%;
        transform: translateX(-50%);
        background-color: #0b6ed7;
        color: white;
        border: 1px solid #0963c1;
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
        padding: 6px 14px;
        border-radius: 6px;
        white-space: nowrap;
        display: block;
        font-size: 0.95rem;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .presetButton:hover div[b-1vw0l8ow7a] {
        visibility:visible;
        opacity: 1;
    }

.rename-blurred-background[b-1vw0l8ow7a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent */
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center; /* Centers modal vertically */
    justify-content: center; /* Centers modal horizontally */
    z-index: 2000001;
}

/* Modal Box */
.rename-modal-box[b-1vw0l8ow7a] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    text-align: center;
    position: relative;
    border: 3px solid #dc3545; /* Red border */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Close Button */
.rename-modal-close-btn[b-1vw0l8ow7a] {
    position: absolute;
    top: 10px;
    right: 15px;
    background: transparent;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: red;
}

/* Button Group */
.rename-btn-group[b-1vw0l8ow7a] {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.formTemplateButtons[b-1vw0l8ow7a]
{
    display: flex;
    flex-direction: row;
}

.preview-field[b-1vw0l8ow7a] {
    border-radius: 0.5rem;
    border: 1px solid lightgray;
    padding: 1rem 0.5rem;
    box-shadow: 0px 0px 4px 2px #eee inset;
}

    [b-1vw0l8ow7a] .preview-field > div {
        align-items: start !important;
        display: flex;
        flex-direction: column;
    }

[b-1vw0l8ow7a] label {
    font-weight: 500;
}

i[role=button]:hover[b-1vw0l8ow7a] {
    color: #aaa;
    position: relative;
}

.custom-field-list-item[b-1vw0l8ow7a] {
    user-select: none;
    padding: 0.2rem;
}

.reorder-field[b-1vw0l8ow7a] {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0.25rem;
}

.reorder-target-start:hover[b-1vw0l8ow7a] {
    border-top: 2px solid lightgray;
}

.reorder-target-end:hover[b-1vw0l8ow7a] {
    border-bottom: 2px solid lightgray;
}

.custom-field-tooltip[b-1vw0l8ow7a] {
    top: -200% !important;
    width: max-content;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/Exports.razor.rz.scp.css */
img[b-qneldixndp] {
    width: initial !important;
}

.btn-outline-primary[b-qneldixndp] {
    color: #007bff;
    border: 2px solid #007bff !important;
    border-radius: 6px !important;
    background-color: initial !important;
}

    .btn-outline-primary:hover[b-qneldixndp] {
        background-color: #007bff !important;
        color: white !important;
    }


/* _content/EstateView/Pages/IntakeForm/SubComponents/FamilyTreeGeneration.Razor.rz.scp.css */
.generation[b-praa7g9ywv] {
    border-radius: 0.25rem;
    padding: 0.3rem;
    height: fit-content;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/FamilyTreePerson.razor.rz.scp.css */
.person[b-4x3pr22r1e] {
    border-radius: 0.25rem;
    padding: 0.2rem;
    width: 10vw;
    min-height: 4vw;
    height: 100%;
    text-align: center;
    box-shadow: 0px 0px 3px 2px rgba(100, 100, 100, 0.2);
}

.stout[b-4x3pr22r1e] {
    min-height: 2.5vw;
    width: 7vw;
}

i[b-4x3pr22r1e] {
    font-size: 2rem;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/InputSwitch.Razor.rz.scp.css */
.form-control[b-azr2q0g9xl] {
    user-select: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0;
}

@media(max-width: 768px)
{
    .form-control[b-azr2q0g9xl] {
        width: auto !important;
    }
}

    .form-control:hover[b-azr2q0g9xl] {
        box-shadow: 0px 0px 0px 1px #aaa;
    }

span[b-azr2q0g9xl] {
    width: 50%;
    text-align: center;
    border-radius: var(--bs-border-radius);
    color: #444;
    background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1), transparent);
    padding: 0.375rem 0.75rem;
    transition: all 0.1s linear;
}

.True:hover:has(span:last-child:not(:hover))[b-azr2q0g9xl],
.True span:first-child:hover[b-azr2q0g9xl] {
    background-color: #e7e7e7;
}

.False span:first-child[b-azr2q0g9xl] {
    background-color: #44577d;
    color: #fff;
}

.False:hover:has(span:first-child:not(:hover))[b-azr2q0g9xl],
.False span:last-child:hover[b-azr2q0g9xl] {
    background-color: rgb(206, 223, 247);
}

.True span:last-child[b-azr2q0g9xl] {
    background-color: #0b5ed7;
    color: #fff;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/InputValue.razor.rz.scp.css */
.spinner[b-nde3b4wuof] {
    border: solid 1px lightgrey;
    border-radius: 0.15rem;
    padding: 0rem 0.6rem;
    transition: all .15s ease-in-out;
}

.spinner:disabled[b-nde3b4wuof] {
    background-color: rgba(255, 255, 255, 0.8);
    cursor: not-allowed;
}

    .spinner.increment[b-nde3b4wuof] {
        border-bottom-right-radius: var(--bs-border-radius);
        border-top-right-radius: var(--bs-border-radius);
    }

    .spinner.decrement[b-nde3b4wuof] {
        border-bottom-left-radius: var(--bs-border-radius);
        border-top-left-radius: var(--bs-border-radius);
    }

    .spinner:hover:not(:disabled)[b-nde3b4wuof] {
        background-color: lightgray;
    }

input[b-nde3b4wuof] {
    background-color: transparent !important;
    text-align: center;
    border-radius: 0.15rem;
}

    div:focus-within > input:hover:not(:focus-within)[b-nde3b4wuof] {
        box-shadow: none !important;
    }

    div:focus-within > input[b-nde3b4wuof], div:focus-within > spinner[b-nde3b4wuof] {
        border: 1px solid #86b7fe;
    }

    input:focus[b-nde3b4wuof] {
        box-shadow: none;
        border-color: #ced4da;
    }

div[b-nde3b4wuof] {
    border-radius: var(--bs-border-radius);
    gap: 0.1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    div:hover:not(:focus-within) > input[b-nde3b4wuof] {
        box-shadow: 0px 0px 0px 1px #aaa;
    }

    div:focus-within[b-nde3b4wuof] {
        border-color: #86b7fe;
        box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    }

        div:focus-within > input[b-nde3b4wuof], div:focus-within > .spinner[b-nde3b4wuof] {
            /*box-shadow: 0px 0px 1px 1px ;*/
        }
/* _content/EstateView/Pages/IntakeForm/SubComponents/InstantPlanFeedbackModal.razor.rz.scp.css */
#feedback[b-t6qjwmrc25] {
    height: 225px;
    width: 80%;
}

.red-warning[b-t6qjwmrc25] {
    color: red;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/ItemCard.razor.rz.scp.css */
[b-qmv0yg02mt] .btn-header .btn {
    margin-left: auto;
    min-width: 100%;
    width: fit-content;
    transition: all 0.1s;
    height: 100%;
}

[b-qmv0yg02mt] .btn-header .justify-content-between .btn {
    min-width: 20%;
}

.btn[b-qmv0yg02mt] {
    transition: width 0.2s ease;
}

.card-header.card-header[b-qmv0yg02mt] {
    border-radius: 10px;
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
    transition: all 0.2s linear;
}

.card-header:not(:has(.collapsed))[b-qmv0yg02mt] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* If card first loads opened: */
.collapse-toggle.collapsed[b-qmv0yg02mt] {
    content: "\F279";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

.collapse-toggle[b-qmv0yg02mt]::after {
    content: "\F27C";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

/* Ensures that when one field's label text wraps it's neighboring inputs stay in a grid. */
[b-qmv0yg02mt] .col-md-1, [b-qmv0yg02mt] .col-md-2, [b-qmv0yg02mt] .col-md-3, [b-qmv0yg02mt] .col-md-4, [b-qmv0yg02mt] .col-md-5, [b-qmv0yg02mt] .col-md-6,
[b-qmv0yg02mt] .col-md-7, [b-qmv0yg02mt] .col-md-8, [b-qmv0yg02mt] .col-md-91, [b-qmv0yg02mt] .col-md-10, [b-qmv0yg02mt] .col-md-11, [b-qmv0yg02mt] .col-md-12 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.collapse-toggle.collapsed[b-qmv0yg02mt]::after {
    content: "\F279";
    font-family: bootstrap-icons !important;
    font-size: 1.25rem;
    line-height: 1;
}

/* If card first loads collapsed: (Overwrites opened case) */
.d-flex .collapse-toggle.collapsed[b-qmv0yg02mt] {
    content: "Show Details";
    font-family: inherit !important;
    padding: revert;
    font-size: 0.875rem;
    line-height: normal;
}

.d-flex .collapse-toggle[b-qmv0yg02mt]::after {
    padding: 0 1.4em 0 1.4em;
}

.d-flex .collapse-toggle.collapsed[b-qmv0yg02mt]::after {
    content: "Show Details";
    font-family: inherit !important;
    padding: revert;
    font-size: 0.875rem;
    line-height: normal;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/ItemList.razor.rz.scp.css */
.item-divider:not(:last-of-type)[b-el2pjh4gt6] {
    height: 0px;
    border-bottom: 2px solid lightgrey;
    margin-bottom: 1rem;
}

.item-list + .item-list-divider[b-el2pjh4gt6] {
    height: 0px;
    border-bottom: 4px solid grey;
    margin-bottom: 1rem;
    border-radius: 2px;
}

[b-el2pjh4gt6] .btn.btn-primary {
    background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1), transparent);
    border-color: #0b5ed7;
    background-color: #0b5ed7;
}
    [b-el2pjh4gt6] .btn.btn-primary:hover {
        background-image: none;
        background-color: #084bac;
    }

[b-el2pjh4gt6] .card-header .btn.btn-primary, [b-el2pjh4gt6] .card-header .btn.btn-outline-primary {
    height: 100%;
}

[b-el2pjh4gt6] .btn.btn-outline-primary {
    border-color: #0b5ed7;
    color: #0b5ed7;
}

    [b-el2pjh4gt6] .btn.btn-outline-primary:hover {
        background-color: #0b5ed7;
        color: white;
    }

.add-btn[b-el2pjh4gt6] {
    width: 200px;
    min-width: fit-content;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/MarketingToolbar.razor.rz.scp.css */
.marketing-toolbar[b-4q7wosxobh] {
    height: 60px;
    border-bottom: 1px solid #0b5ed7;
}

[b-4q7wosxobh] #draggable {
    z-index: 1200 !important;
}

.marketing-toolbar .row[b-4q7wosxobh] {
    height: 100%;
}

[b-4q7wosxobh] label {
    font-weight: 500;
}

.toolbar-link[b-4q7wosxobh] {
    background-color: #0b5ed7;
    transition: all 0.1s linear;
    border-radius: 0.45rem;
    color: white;
    font-weight: 600;
    padding: 0.4rem 0.7rem;
    border: none;
    background-image: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.1), transparent);
    box-shadow: 2px 2px 4px -1px black;
}

    .toolbar-link:hover[b-4q7wosxobh] {
        background-color: #084BAC;
        transform: translate(1px, 1px);
        box-shadow: 0px 0px 4px -1px black;
        box-shadow: none;
    }

    .marketing-toolbar .top-left-logo[b-4q7wosxobh] {
        backdrop-filter: blur(4px) brightness(0.5) hue-rotate(12deg);
        border-radius: 6px;
        padding: 4px;
        color: white;
        cursor: pointer;
        margin-top: 1px;
        max-height: 58px;
    }

    .marketing-toolbar .fullscreen-btn[b-4q7wosxobh] {
        background-color: transparent;
        border: none;
        font-size: 1.4rem;
        padding: 8px;
        transition: transform 0.05s linear;
        color: white;
    }

    .marketing-toolbar .fullscreen-btn:hover[b-4q7wosxobh] {
        transform: scale(1.1) translateY(-1%);
    }

.blurred-background[b-4q7wosxobh] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent */
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center; /* Centers modal vertically */
    justify-content: center; /* Centers modal horizontally */
    z-index: 1101;
}

.modal-box[b-4q7wosxobh] {
    background: white;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    width: 90vw;
    height: 90vh;
    position: relative;
    border: 3px solid lightgray;
    max-width: none;
    overflow-y: scroll;
    text-align: initial;
    display: initial;
    overflow-x: clip;
}

    .modal-box.exports[b-4q7wosxobh] {
        overflow-y: clip;
    }

.close-btn[b-4q7wosxobh] {
    color: black;
}

    .close-btn:hover[b-4q7wosxobh] {
        color: gray;
    }

    .toolbar-link.export[b-4q7wosxobh] {
        width: 50%;
    }

    .toolbar-link.export.active[b-4q7wosxobh] {
        box-shadow: 1px 2px 8px 1px #131C32, inset 0px -2px 0 #ffebbd;
    }
/* _content/EstateView/Pages/IntakeForm/SubComponents/OwnershipMulticheck.razor.rz.scp.css */
.asset-form[b-sa5ho3qspv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
}

.plus-box[b-sa5ho3qspv] {
    margin: 5px;
    cursor: pointer;
    transition: transform 0.05s;
    border: 1px solid #bbb;
    border-radius: 0.25rem;
}

    .plus-box:hover[b-sa5ho3qspv] {
        background-color: lightgray;
    }

.plus-label[b-sa5ho3qspv] {
    min-width: 200px;
    margin: 3px 3px;
    border: 1px solid #aaa;
    border-radius: 0.25rem;
}

    .plus-label.set[b-sa5ho3qspv] {
        border: none;
        margin: 5px;
        cursor: pointer;
        position: relative;
        top: -0.1em;
        min-width: fit-content;
    }

.plus-item[b-sa5ho3qspv] {
    margin-right: 5px;
    width: fit-content;
    border: 1px solid #ced4da;
    border-radius: 4px;
    display: flex;
    max-width: 100%;
    transition: transform 0.05s;
    align-items: center;
}

    .plus-item:hover[b-sa5ho3qspv] {
        background-color: #deeeff;
    }

.add-other-owner[b-sa5ho3qspv] {
    font-weight: 500;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 0 0.1rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    transition: transform 0.05s;
}

.add-label[b-sa5ho3qspv] {
    margin: 5px;
}

.plus-symbol[b-sa5ho3qspv] {
    margin: 5px 0 5px 5px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    position: relative;
}

    .add-other-owner:hover[b-sa5ho3qspv] {
        background-color: #0b5ed7;
        color: white;
    }

.bi[b-sa5ho3qspv]::before {
    vertical-align: 0;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/PDFMenu.razor.rz.scp.css */
.btn-icon[b-ua0u4n87nf] {
    float:left;
    font-size: 1.5rem;
}

/* Override toolbar buttons */
.modal-box .btn[b-ua0u4n87nf] {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
    margin: auto;
}

.custom-tooltip[b-ua0u4n87nf] {
    transform: translate(-50%, -100%);
}

.position-relative[b-ua0u4n87nf] {
    width: 100%;
}

.position-relative:hover .custom-tooltip[b-ua0u4n87nf] {
    display: flex;
}

.modal-box .btn-primary[b-ua0u4n87nf] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

    .modal-box .btn-primary:hover[b-ua0u4n87nf] {
        color: #fff;
        background-color: #0b5ed7;
        border-color: #0a58ca;
    }

.modal-box .btn-secondary[b-ua0u4n87nf] {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .modal-box .btn-secondary:hover[b-ua0u4n87nf] {
        color: #fff;
        background-color: #5c636a;
        border-color: #565e64;
    }

.modal-box .btn-outline-primary[b-ua0u4n87nf] {
    color: #0d6efd;
    border-color: #0d6efd;
}

    .modal-box .btn-outline-primary:hover[b-ua0u4n87nf] {
        color: white;
        background-color: #0d6efd;
    }

/* End toolbar override */

.modal-box .icon-holder[b-ua0u4n87nf] {
    line-height: 130%;
}

.multi-option-switch[b-ua0u4n87nf] {
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 5px 7px;
    background-color: #f0f0f0;
    border-radius: 6px;
    margin: 10px 0;
}

    .multi-option-switch input[type="radio"][b-ua0u4n87nf] {
        display: none;
    }

    .multi-option-switch label[b-ua0u4n87nf] {
        display: flex;
        flex: 1;
        justify-content: center;
        white-space: nowrap;
        cursor: pointer;
        text-align: center;
        color: #999;
        transition: background-color 0.4s, transform 0.4s;
        position: relative;
        z-index: 1;
        font-weight: 600;
        border-radius: 6px;
        padding: 2px 8px;
        transform: scale(0.9);
    }

    .multi-option-switch input[type="radio"]:checked + label[b-ua0u4n87nf] {
        color: #fff;
        transform: scale(1);
        font-weight: 600;
        background: linear-gradient(99.02deg, rgb(0, 113, 188) 95.38%, rgb(0, 113, 188) 95.38%);
        padding: 2px 8px;
    }

    .multi-option-switch label[b-ua0u4n87nf] {
        padding: 4px 12px;
        font-size: 0.9rem;
    }

.red-hover:hover[b-ua0u4n87nf] {
    background-color: #ab0f36 !important;
}

.red-always[b-ua0u4n87nf] {
    background-color: #ab0f36 !important;
}

.divider[b-ua0u4n87nf] {
    height: 2px;
    background-color: lightgray;
    width: 100%;
    margin: 15px 0;
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/Radio.razor.rz.scp.css */
.btn[b-0z8l61xeev] {
    border: 1px solid #ced4da;
    padding: 0.375rem 0.3rem;
    border-radius: var(--bs-border-radius);
    color: #444;
    margin-left: 0 !important;
    box-shadow: 1px 1px 1px 0px #ffffff57 inset, -1px -1px 1px 0px #0000001f inset;
}

    .btn:not(:last-of-type)[b-0z8l61xeev] {
        border-right: none;
    }

    .btn:checked + .btn[b-0z8l61xeev], .btn:hover + .btn[b-0z8l61xeev] {
        border-left: none;
    }

.highlight *[b-0z8l61xeev] {
    border-color: #ffab00;
    box-shadow: none;
}

.btn-group[b-0z8l61xeev] {
    gap: 0;
    max-width: 100%;
    background-color: #f5f5f5;
    border-radius: var(--bs-border-radius) !important;
    transition: all 0.1s linear;
}

.btn-check:checked + .btn-outline-secondary[b-0z8l61xeev], .btn:hover[b-0z8l61xeev] {
    color: white !important;
    box-shadow: none !important;
}

.btn:hover[b-0z8l61xeev] {
    background-color: #084bacdd !important;
}

.btn-check:checked + .btn-outline-secondary[b-0z8l61xeev] {
    background-color: #0b5ed7 !important;
}

.custom-tooltip[b-0z8l61xeev] {
    width: max-content;
}

    .btn-group:hover[b-0z8l61xeev] {
        box-shadow: 0px 0px 0px 1px #aaa;
    }

@media (max-width: 768px) {
    .btn[b-0z8l61xeev] {
        width: 100% !important;
        border: 1px solid lightgray !important;
    }
    .btn:first-of-type[b-0z8l61xeev] {
        border-bottom-left-radius: 0;
        border-top-right-radius: var(--bs-border-radius) !important;
    }
        .btn:last-of-type[b-0z8l61xeev] {
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--bs-border-radius) !important;
        }

        .btn:not(:last-of-type)[b-0z8l61xeev] {
            border-bottom: none;
        }
}
/* _content/EstateView/Pages/IntakeForm/SubComponents/SingleCheckbox.razor.rz.scp.css */
.check-box[b-fldlnsdiiq] {
    margin: 5px 0 5px 5px;
    width: 20px;
    height: 20px;
    pointer-events: none;
    position: relative;
}

.check-label[b-fldlnsdiiq] {
    margin: 5px;
    cursor: pointer;
    position: relative;
    top: -0.1em;
}

.check-item[b-fldlnsdiiq] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    width: fit-content;
    border: 1px solid #ced4da;
    border-radius: 4px;
    cursor: pointer;
    min-width: fit-content;
    max-width: 100%;
    transition: transform 0.05s;
    /*box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1);*/
    background-color: #fff;
}

    .check-item:hover[b-fldlnsdiiq] {
        background-color: #deeeff;
    }
/* _content/EstateView/Pages/IntakeForm/Tabs/FamilyInfo.razor.rz.scp.css */
[b-qsqhgzuxl4] .blue-header .card-header {
    background-color: #3879dc;
    color: white;
}

[b-qsqhgzuxl4] .pink-header .card-header {
    background-color: #dc38c6;
    color: white;
}

[b-qsqhgzuxl4] .pink-header .collapse-toggle, [b-qsqhgzuxl4] .blue-header .collapse-toggle {
    border-color: white !important;
    color: white !important;
}

[b-qsqhgzuxl4] .pink-header .collapse-toggle:hover, [b-qsqhgzuxl4] .blue-header .collapse-toggle:hover {
    background-color: white !important;
    color: black !important;
}
/* _content/EstateView/Pages/IntakeForm/Tabs/Fiduciaries.razor.rz.scp.css */
/*Sets the height of each spiuses card to be equal even when one has more content than the other.*/
.spouse-card[b-nqjdq12omw] {
    height: calc(100% - 1.5rem);
}
/* _content/EstateView/Pages/IntakeForm/Tabs/KeyFinancialData.razor.rz.scp.css */
.total-value[b-k8vokiv39b] {
    margin: auto !important;
    text-align: center !important;
    cursor: not-allowed;
    background-color: #eee !important;
    border: 1px solid lightgray;
}

.investment-label[b-k8vokiv39b] {
    font-weight: 500;
    text-align: center;
}

[b-k8vokiv39b] .investment-field {
    justify-content: center;
    align-content: center;
}

.total-showcase[b-k8vokiv39b] {
    background-color: #deeeff;
    border-radius: 4px;
    border: 1px solid lightgray;
}
.filter-chart[b-k8vokiv39b] {
    backdrop-filter: hue-rotate(240deg);
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 52%;
}
/* _content/EstateView/Pages/IntakeForm/Tabs/PersonalDetails.razor.rz.scp.css */
/* _content/EstateView/Pages/IntakeForm/Tabs/Results.razor.rz.scp.css */
[b-ouq0yxv0c5] .results-popout {
    left: 0px;
    top: 49px;
    width: 25vw;
    height: calc(100vh - 49px);
}

[b-ouq0yxv0c5] .assumptions-window .row div {
    width: 100%;
}

[b-ouq0yxv0c5] .assumptions-window .card-header .row {
    width: 100%;
}
/* _content/EstateView/Pages/IntakeForm/Tabs/ResultTabs/FamilyInfo_ResultsTab.razor.rz.scp.css */
[b-mn94yenl3o] .sibling-group {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0.5rem;
    padding: 0.5rem;
    height: fit-content;
    margin: 0 0.5rem;
}

    [b-mn94yenl3o] .sibling-group.Male {
        border-top: 0.5rem solid lightblue;
    }

    [b-mn94yenl3o] .sibling-group.Other {
        border-top: 0.5rem solid wheat;
    }

    [b-mn94yenl3o] .sibling-group.Female {
        border-top: 0.5rem solid lightpink;
    }

    [b-mn94yenl3o] .sibling-group.common {
        border-top: 0.5rem solid lightgreen;
    }



[b-mn94yenl3o] .married {
    background-color: lightgreen;
    border-radius: 0.5rem;
}

[b-mn94yenl3o] .single, [b-mn94yenl3o] .married {
    padding: 0.4rem;
}

    [b-mn94yenl3o] .branch.abs {
        position: absolute;
    }

        [b-mn94yenl3o] .branch.abs.vertical {
            left: calc(50% - 5vw);
        }

    [b-mn94yenl3o] .branch.vertical {
        border-left: 3px solid green;
        width: 10vw;
        transform: translateX(50%);
    }

    [b-mn94yenl3o] .branch.horizontal {
        border-top: 3px solid green;
        height: 10vw;
    }

[b-mn94yenl3o] .branch-row {
    position: relative;
    height: 75px;
}
/* _content/EstateView/Pages/IntakeForm/Tabs/ResultTabs/LIPO_ResultsTab.razor.rz.scp.css */
th[b-hfvwf5mntz] {
    white-space: pre;
}

th:not(:first-child)[b-hfvwf5mntz], td:not(:first-child)[b-hfvwf5mntz] {
    border-left: 1px solid lightgray;
}

td[b-hfvwf5mntz] {
    background-color: transparent !important;
}
/* _content/EstateView/Pages/Toolbar/PageAdditions/InstantPlanToolbar.razor.rz.scp.css */
/*.portal-link {
    transition: all 0.2s linear;
    background-position: right bottom;
    background-image: linear-gradient(to right, #D7840B 50%, transparent 50%);
    background-size: 200% 100%;
}

.portal-link:hover {
    background-position: left bottom; 
}


*/

.chart-button:hover[b-cgae5d0bdy] {
    background-color: #ab0f89 !important;
}

.excel-button:hover[b-cgae5d0bdy] {
    background-color: #21a366 !important;
}

.portal-link.portal-link[b-cgae5d0bdy] {
    background-color: #e9ecef;
    color: #0b5ed7;
    border: 1px solid #0b5ed7;
    box-shadow: 0px 0px 0px 1px #0b5ed7, 2px 2px 4px -1px black;
    transition: all linear 0.1s;
    transform: scale(0.98);
}

    .portal-link.portal-link:hover[b-cgae5d0bdy] {
        background-color: #084BAC;
        box-shadow: 0px 0px 3px -1px black;
        transform: scale(0.98) translate(1px, 1px);
        color: white;
    }

    .settings.settings:hover[b-cgae5d0bdy] {
        background-color: #2b3259;
    }
    .tools[b-cgae5d0bdy]::after {
        content: "\F279";
        font-family: bootstrap-icons !important;
        border-top: none;
    }
    .settings[b-cgae5d0bdy]::after {
        content: "\F279";
        font-family: bootstrap-icons !important;
        border-top: none;
    }

    .tools:hover[b-cgae5d0bdy]::after {
        content: "\F27C";
    }

.dropdown-menu[b-cgae5d0bdy] {
    background-color: #0b5ed7;
}

.left-down-arrow[b-cgae5d0bdy] {
    margin-right: -3px;
    margin-left: -5px;
}

/*
.dropdown-item {
    color: white;
    cursor: pointer;
}

.dropdown-menu {
    transform: translate3d(0, 31px, 0) !important;
    opacity: 1;
    transition: transform 0.2s ease, opacity 0.2s ease;
    color: white;
}

@starting-style {
    .dropdown-menu {
        transform: translate3d(0, 0, 0) !important;
        opacity: 0;
    }
}*/