/* _content/Web/Auth/Pages/Accounts.razor.rz.scp.css */
/* 
 *  # Head
 */

.accounts-container[b-03vzb5ojrh] {
    padding: 20px;
    width: 100%;
    max-width: 900px;
    width: calc(100% - 40px);
}

.add-button-container[b-03vzb5ojrh] {
    margin-bottom: 20px;
}


/* 
 *  # List
 */


.group-header[b-03vzb5ojrh] {
    grid-column: 1 / -1;
}

.users-grid[b-03vzb5ojrh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 10px;
    padding-left: 20px;
}


.generated-message[b-03vzb5ojrh]{
    font-size: 11px;
}



/* 
 *  # Button
 */


.button-group[b-03vzb5ojrh] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 0px 0px;
}


@media (max-width: 768px) {

    .accounts-container[b-03vzb5ojrh] {
        padding: 10px;
    }

    .add-button-container[b-03vzb5ojrh] {
        margin-left: 40px;
    }
}
/* _content/Web/Auth/Pages/CompleteRegistration.razor.rz.scp.css */
.container[b-yosy6zjrd2] {
    display: flex;
    height: 100vh;
}

.left-side[b-yosy6zjrd2] {
    flex: 1;
    background-color: #f0f0f0;
    position: relative;
}

.logo[b-yosy6zjrd2] {
    position: absolute;
    top: 20px;
    left: 40px;
    width: 120px;
    height: auto;
}

.right-side[b-yosy6zjrd2] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form[b-yosy6zjrd2] {
    width: 320px;
    text-align: center;
}

.login-form h1[b-yosy6zjrd2] {
    font-weight: 400;
}

.login-form .subtitle[b-yosy6zjrd2] {
    color: #888;
}

[b-yosy6zjrd2] .form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 16px;
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.button[b-yosy6zjrd2] {
    width: 100%;
    padding: 10px 15px;
    background-color: #171717;
    color: white;
    border: none;
}

.button:hover[b-yosy6zjrd2] {
    background-color: #272727;
}

.login-form .note[b-yosy6zjrd2] {
    color: #888;
}

.alert[b-yosy6zjrd2] {
    color: crimson;
}

@media (max-width: 700px) {
    .left-side[b-yosy6zjrd2] {
        display: none;
    }
    
    .right-side[b-yosy6zjrd2] {
        flex: 1;
    }
}
/* _content/Web/Auth/Pages/Login.razor.rz.scp.css */
.container[b-4n4e6q19h1] {
    display: flex;
    height: 100vh;
}

.left-side[b-4n4e6q19h1] {
    flex: 1;
    background-color: var(--color-bg-secondary);
    position: relative;
}

.logo[b-4n4e6q19h1] {
    position: absolute;
    top: 20px;
    left: 40px;
    width: 120px;
    height: auto;
}

.right-side[b-4n4e6q19h1] {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form[b-4n4e6q19h1] {
    width: 320px;
    text-align: center;
}

.login-form h1[b-4n4e6q19h1] {
    font-weight: 400;
}

.login-form .subtitle[b-4n4e6q19h1] {
    color: var(--color-text-muted); 
}

[b-4n4e6q19h1] .form-control {
    width: 100%;
    padding: 10px;
    margin-bottom: 16px;
    border: 1px solid var(--color-border);
    box-sizing: border-box;
}

.button[b-4n4e6q19h1] {
    width: 100%;
}

.login-form .note[b-4n4e6q19h1] {
    color: var(--color-text-muted);
}


.alert[b-4n4e6q19h1] {
    color: var(--color-error);
}

@media (max-width: 700px) {
    .left-side[b-4n4e6q19h1] {
        display: none;
    }
    
    .right-side[b-4n4e6q19h1] {
        flex: 1;
    }
}
/* _content/Web/BayutService/Pages/BayutPropertySearch.razor.rz.scp.css */


.container[b-tsuxrperyl] { 
    padding: 25px; 
    border: 1px solid #dfdfdf;
    border-radius: 8px; 
    box-shadow: 0 1px 2px 0 #0000000d; 
    max-width: 300px; 
    margin: 20px auto; 
}

h1[b-tsuxrperyl] { 
    color: #050505; 
    text-align: center; 
    margin-top: 75px; 
    margin-bottom: 50px; 
}

label[b-tsuxrperyl] { 
    display: block; 
    margin-bottom: 10px; 
    font-weight: 600; 
    color: #050505; 
}




.input-group[b-tsuxrperyl] { 
    display: flex; 
    margin-bottom: 24px; 
}

.input-group input[type="text"][b-tsuxrperyl] {
    flex-grow: 1; 
    padding: 10px 12px; 
    border: 1px solid #ced4da; 
    border-radius: 8px 0 0 8px;
}

.input-group input[type="text"]:focus[b-tsuxrperyl] { 
    border-color: #888888; 
}

.input-group button[b-tsuxrperyl] {
    padding: 10px 15px; 
    border: 1px solid #555555; 
    background-color: #111111; 
    color: white;
    border-radius: 0 8px 8px 0; 
    cursor: pointer; 
    transition: background-color 0.2s;
}

.input-group button:hover[b-tsuxrperyl] { 
    background-color: #050505; 
}

.input-group button:disabled[b-tsuxrperyl] { 
    background-color: #6c757d; 
    border-color: #6c757d; 
}





#districtListContainer[b-tsuxrperyl] { 
    margin-top: 10px; 
}

#districtList[b-tsuxrperyl] {
    /* border: 1px solid #e0e0e0;  */
    border-radius: 4px; 
    max-height: 220px; 
    overflow-y: auto; 
    background-color: #fff;
}

.district-item[b-tsuxrperyl] {
    padding: 10px 12px; 
    cursor: pointer; 
    border-bottom: 1px solid #f1f1f1; 
    font-size: 0.8rem;
}

.district-item:last-child[b-tsuxrperyl] { 
    border-bottom: none; 
}

.district-item:hover[b-tsuxrperyl] { 
    background-color: #f0f0f0; 
}

.district-item.selected[b-tsuxrperyl] { 
    background-color: #050505; 
    color: white; 
    font-weight: 600; 
}





.area-group[b-tsuxrperyl] { 
    display: flex; 
    flex-direction: column;
    gap: 0.5rem; 
    margin-bottom: 24px; 
    margin-top: 12px;
}

.area-group-top[b-tsuxrperyl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.area-group label[b-tsuxrperyl]{ 
    margin-bottom: 0;
}

.area-group-bottom[b-tsuxrperyl] {
    width: 100%;
}

.area-group .label-prefix[b-tsuxrperyl] { 
    font-size: 0.9rem; 
    color: #495057; 
    min-width: 30px; 
}

.area-group input[type="range"][b-tsuxrperyl] { 
    width: 100%;
    margin: 0px; 
    accent-color: #111111;
    border: none;
    outline: none;
}

[b-tsuxrperyl] .area-group input[type="range"]::-webkit-slider-runnable-track {
    background: #e0e0e0;
    border: none;
    border-radius: 4px;
    height: 6px;
}

[b-tsuxrperyl] .area-group input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-top: -5px;
}


.area-group input[type="number"][b-tsuxrperyl] {
    width: 50px; 
    padding: 8px 10px; 
    border: none; 
    border-radius: 4px; 
    font-size: 0.95rem;
    color: #777777;
    text-align: right;
}
[b-tsuxrperyl] .area-group input[type="number"]:focus {
    border: 1px solid #dfdfdf; 
}




.sqm-display[b-tsuxrperyl] { 
    font-size: 0.9em; 
    color: #555; 
    text-align: right; 
}

.get-price-button[b-tsuxrperyl] {
    background-color: #111111; 
    color: white; 
    padding: 12px 20px; 
    border: none; 
    border-radius: 8px;
    cursor: pointer; 
    font-weight: 600; 
    margin-top: 25px; 
    width: 100%;
    transition: background-color 0.2s;
}

.get-price-button:hover[b-tsuxrperyl] { 
    background-color: #111111; 
}

.get-price-button:disabled[b-tsuxrperyl] { 
    background-color: #777777; 
}

.results[b-tsuxrperyl] {
    padding: 10px; 
    text-align: center;
}

.price-title-label[b-tsuxrperyl] {
    color: #777777; 
    display: block; 
    margin-bottom: 8px;
}

.main-price[b-tsuxrperyl] {
    font-size: 2.6em; 
    font-weight: 600; 
    color: #050505; 
    display: block; 
    line-height: 1.1;
}

.secondary-price[b-tsuxrperyl] {
    color: #777777; 
    display: block; 
    margin-top: 8px;
    margin-bottom: 0px;
}

.no-results-message[b-tsuxrperyl] { 
    color: #777777; 
    font-style: italic; 
    padding: 10px 0; 
}

.loader[b-tsuxrperyl] {
    border: 5px solid #e9ecef; 
    border-top: 5px solid #050505; 
    border-radius: 50%;
    width: 35px; 
    height: 35px; 
    animation: spin-b-tsuxrperyl 1s linear infinite;
    margin: 25px auto;
}

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

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

.message-area[b-tsuxrperyl] { 
    text-align: center; 
    padding: 8px; 
    margin-top: 10px; 
    border-radius: 4px; 
    font-size: 0.9rem; 
}

.error-message[b-tsuxrperyl] { 
    background-color: #f8d7da; 
    color: #721c24; 
    border: 1px solid #f5c6cb; 
}

.info-message[b-tsuxrperyl] { 
    background-color: #eeeeee; 
    color: #777777; 
    border: 1px solid #dddddd; 
}
/* _content/Web/BlcnInfoSpace/Pages/ProjectAccountManagement.razor.rz.scp.css */
/*
 *  # Head
 */

.accounts-container[b-fev7n5603n] {
    padding: 20px;
    width: calc(100% - 40px);
    max-width: 500px;
}

.add-button-container[b-fev7n5603n] {
    margin-bottom: 20px;
}


/*
 *  # List
 */

.edit-button[b-fev7n5603n] {
    margin-left: auto;
}



/*
 *  # ModalView
 */
.generated-message[b-fev7n5603n]{
    font-size: 11px;
}

.copy-button[b-fev7n5603n] {
    white-space: nowrap;
}


/*
 *  # Button
 */


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


@media (max-width: 768px) {

    .accounts-container[b-fev7n5603n] {
        padding: 10px;
    }

    .add-button-container[b-fev7n5603n] {
        margin-left: 40px;
    }
}
/* _content/Web/Chats/Chat.razor.rz.scp.css */
.load-more-container[b-l4mxv4gtmm] {
    display: flex;
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 20px;
}


.chat-messages[b-l4mxv4gtmm]{
    padding: 10px;
}
/* _content/Web/Chats/ChatAI.razor.rz.scp.css */
.outgoing[b-nt1dkcjmd7] {
    background-color: var(--color-bg-secondary);
    color: inherit;
}

.incoming[b-nt1dkcjmd7] {
    background: none;
}


.chat-messages[b-nt1dkcjmd7]{
    padding: 10px;
}


.input-area[b-nt1dkcjmd7] {
    padding: 0 10px 10px 10px;
}
/* _content/Web/Chats/Chats.razor.rz.scp.css */
.chat-area[b-cmo6ip97rj] {
    flex-grow: 1;
    background-color: var(--color-bg-white);
    display: flex;
    flex-direction: column;
}


.list[b-cmo6ip97rj] {
    width: 250px;
    min-width: 250px;
    overflow-y: auto;
    background-color: var(--color-bg-white);
    border-right: 1px solid var(--color-border);
}

.list-item[b-cmo6ip97rj] {
    cursor: pointer;
}

.load-button-container[b-cmo6ip97rj] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}


/* tools-tabs */

.tabs[b-cmo6ip97rj] {
    margin: 10px;
}

.tools-panel[b-cmo6ip97rj] {
    width: 300px;
    /* min-width: 300px; */
    background-color: var(--color-bg-white);
    border-left: 1px solid var(--color-border);
    display: flex;
    flex-direction: column;
}

.tools-content[b-cmo6ip97rj] {
    flex-grow: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

/* Мобильная шапка */
.mobile-header[b-cmo6ip97rj] {
    display: none;
}

.chat-back-button[b-cmo6ip97rj] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: 34px;
    padding: 0 12px;
}

.chat-name[b-cmo6ip97rj] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

@media (max-width: 768px) {
    .page[b-cmo6ip97rj] {
        flex-direction: column;
        padding-top: 54px;
        height: calc(100vh - 54px);
    }

    .mobile-header[b-cmo6ip97rj] {
        display: flex;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 54px;
        background: white;
        border-bottom: 1px solid var(--color-border);
        align-items: center;
        padding-left: 60px;
        z-index: 998;
    }

    .tools-panel[b-cmo6ip97rj] {
        display: none;
    }

    .list[b-cmo6ip97rj] {
        display: none;
        position: fixed;
        top: 54px;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: unset;
        z-index: 100;
    }

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

    .chat-area[b-cmo6ip97rj] {
        flex-grow: 1;
        height: calc(100vh - 54px);
    }
}
/* _content/Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-739djkm78g] {
    display: flex;
    height: 100vh;
    overflow: hidden;
}

.sidebar-overlay[b-739djkm78g] {
    display: none;
}

.mobile-menu-button[b-739djkm78g] {
    display: none;
}

.sidebar[b-739djkm78g] {
    width: 54px;
    transition: width 0.3s ease;
    border-right: 1px solid #dee2e6;
    display: flex;
    flex-direction: column;
}

.sidebar.expanded[b-739djkm78g] {
    width: 220px;
}

[b-739djkm78g] .nav-label {
    display: none;
    margin-left: 10px;
    white-space: nowrap;
}

.sidebar.expanded[b-739djkm78g]  .nav-label {
    display: inline;
}

.sidebar.expanded .nav-menu[b-739djkm78g] {
    align-items: stretch;
}

.nav-menu[b-739djkm78g] {
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

.nav-menu-main[b-739djkm78g] {
    flex-grow: 1;
    overflow-y: auto;
}

.nav-menu-settings[b-739djkm78g] {
    position: relative;
}

.nav-menu[b-739djkm78g]  a {
    text-decoration: none;
    color: #333;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.nav-button[b-739djkm78g] {
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: inherit;
    color: inherit;
}

.nav-button:hover[b-739djkm78g] {
    background-color: var(--color-bg-secondary);
}

.nav-button .material-icons[b-739djkm78g] {
    font-size: 24px;
    width: 34px;
    min-width: 34px;
    text-align: center;
}

.sidebar.expanded[b-739djkm78g]  a {
    width: 100%;
}

.sidebar.expanded[b-739djkm78g]  .nav-button {
    width: 100%;
    justify-content: flex-start;
}

.nav-menu[b-739djkm78g]  a.active .nav-button {
    background-color: var(--color-bg-dark-secondary);
    color: var(--color-text-white);
}


.content[b-739djkm78g] {
    flex-grow: 1;
    overflow-y: auto;
}


#blazor-error-ui[b-739djkm78g] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-739djkm78g] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

@media (max-width: 768px) {
    .mobile-menu-button[b-739djkm78g] {
        display: flex;
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 999;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        justify-content: center;
        align-items: center;
    }

    .page:has(.sidebar.expanded) .mobile-menu-button[b-739djkm78g] {
        display: none;
    }

    .sidebar[b-739djkm78g] {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: 1001;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        width: 100%;
        max-width: 280px;
        background: white;
    }

    .sidebar.expanded[b-739djkm78g] {
        transform: translateX(0);
        width: 100%;
        max-width: 280px;
    }

    .sidebar-overlay[b-739djkm78g] {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
    }

    .page:has(.sidebar.expanded) .sidebar-overlay[b-739djkm78g] {
        display: block;
    }

    .sidebar.expanded[b-739djkm78g]  .nav-label {
        display: inline;
    }
}
/* _content/Web/Components/Pages/ClientPortalDemo.razor.rz.scp.css */
.project-page[b-eqmyi9n9b4] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
    scroll-behavior: smooth;
}

.project-page h2[b-eqmyi9n9b4] {
    margin-bottom: 10px;
}

.sections-grid[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.section[b-eqmyi9n9b4] {
    padding: 20px;
    border: 1px solid var(--color-border);
    background-color: var(--color-bg-white);
}

.section h3[b-eqmyi9n9b4] {
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--color-text);
}

.section-content[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.placeholder-text[b-eqmyi9n9b4] {
    color: var(--color-text-muted);
    margin: 0;
}

.section-description[b-eqmyi9n9b4] {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px 0;
}

/* Timeline */
.timeline[b-eqmyi9n9b4] {
    position: relative;
    padding-left: 24px;
}

.timeline-item[b-eqmyi9n9b4] {
    position: relative;
    padding-bottom: 28px;
}

.timeline-item:last-child[b-eqmyi9n9b4] {
    padding-bottom: 0;
}

.timeline-item[b-eqmyi9n9b4]::after {
    content: '';
    position: absolute;
    left: -18px;
    top: 22px;
    bottom: 0px;
    width: 2px;
    background-color: #e5e5e5;
}

.timeline-item:last-child[b-eqmyi9n9b4]::after {
    display: none;
}

.timeline-marker[b-eqmyi9n9b4] {
    position: absolute;
    left: -24px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #d1d5db;
    box-sizing: border-box;
    z-index: 1;
}

.timeline-content[b-eqmyi9n9b4] {
    padding-left: 8px;
}

.timeline-date[b-eqmyi9n9b4] {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 4px;
}

.timeline-title[b-eqmyi9n9b4] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

.timeline-description[b-eqmyi9n9b4] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.timeline-progress[b-eqmyi9n9b4] {
    margin-top: 12px;
    width: 70%;
}

.timeline-checklist[b-eqmyi9n9b4] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checklist-item[b-eqmyi9n9b4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #374151;
}

.checklist-item input[type="checkbox"][b-eqmyi9n9b4] {
    width: 16px;
    height: 16px;
    accent-color: #10b981;
}

.timeline-list[b-eqmyi9n9b4] {
    margin: 0;
    padding-left: 20px;
}

.timeline-list li[b-eqmyi9n9b4] {
    margin-bottom: 4px;
}

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

/* Data Table */
.table-header[b-eqmyi9n9b4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.table-header .table-title-section[b-eqmyi9n9b4] {
    margin-bottom: 0;
}

.table-title[b-eqmyi9n9b4] {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 500;
}

.table-subtitle[b-eqmyi9n9b4] {
    margin: 0;
    color: var(--color-text-muted);
}

.table-header .tabs[b-eqmyi9n9b4] {
    width: fit-content;
}

.data-table[b-eqmyi9n9b4] {
    width: 100%;
}

.data-table-header[b-eqmyi9n9b4],
.data-table-row[b-eqmyi9n9b4] {
    display: grid;
    grid-template-columns: 50px 1fr 100px 90px 40px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.data-table-header[b-eqmyi9n9b4] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.data-table-row:hover[b-eqmyi9n9b4] {
    background-color: var(--color-bg-white-hover);
}

.product-image-placeholder[b-eqmyi9n9b4] {
    width: 40px;
    height: 40px;
    background-color: var(--color-bg-secondary);
    border-radius: 6px;
}

.col-name[b-eqmyi9n9b4] {
    font-weight: 400;
}

.col-price[b-eqmyi9n9b4] {
    text-align: center;
}

.col-link[b-eqmyi9n9b4] {
    text-align: center;
}

.table-link[b-eqmyi9n9b4] {
    color: var(--color-text-secondary);
    text-decoration: none;
}

.table-link:hover[b-eqmyi9n9b4] {
    text-decoration: underline;
}

.data-table-row .col-date[b-eqmyi9n9b4] {
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-actions[b-eqmyi9n9b4] {
    text-align: right;
}

.status-badge[b-eqmyi9n9b4] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.85em;
}

.status-draft[b-eqmyi9n9b4] {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-secondary);
}

.status-approved[b-eqmyi9n9b4] {
    background-color: #fff3cd;
    color: #856404;
}

.status-purchased[b-eqmyi9n9b4] {
    background-color: transparent;
    border: 1px solid #0d6efd;
    color: #0d6efd;
}

.status-delivered[b-eqmyi9n9b4] {
    background-color: transparent;
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

/* Accounting */
.accounting-layout[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accounting-summary[b-eqmyi9n9b4] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.summary-card[b-eqmyi9n9b4] {
    flex: 1;
    min-width: 120px;
    padding: 15px;
    /* background-color: var(--color-bg-secondary); */
    /* border-radius: 8px; */
    border: 1px solid var(--color-border);
}

.summary-card-main[b-eqmyi9n9b4] {
    background-color: var(--color-bg-black);
}

.summary-card-main .summary-label[b-eqmyi9n9b4] {
    color: var(--color-text-inverted-muted);
}

.summary-label[b-eqmyi9n9b4] {
    font-size: 0.85em;
    color: var(--color-text-muted);
    margin-bottom: 5px;
}

.summary-value[b-eqmyi9n9b4] {
    font-size: 1.4em;
    font-weight: 600;
}

.summary-value.income[b-eqmyi9n9b4] {
    color: var(--color-success);
}

.summary-value.expense[b-eqmyi9n9b4] {
    color: #dc2626;
}

.summary-value.deposit-positive[b-eqmyi9n9b4] {
    color: var(--color-text-inverted);
}

.summary-value.deposit-negative[b-eqmyi9n9b4] {
    color: #fca5a5;
}

.accounting-table[b-eqmyi9n9b4] {
    width: 100%;
}

.accounting-table-header[b-eqmyi9n9b4],
.accounting-table-row[b-eqmyi9n9b4],
.accounting-table-footer[b-eqmyi9n9b4] {
    display: grid;
    grid-template-columns: 90px 1fr 100px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.accounting-table-header[b-eqmyi9n9b4] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.accounting-table-row:hover[b-eqmyi9n9b4] {
    background-color: var(--color-bg-white-hover);
}

.accounting-table-footer[b-eqmyi9n9b4] {
    font-weight: 500;
    border-bottom: none;
    border-top: 2px solid var(--color-border);
}

.col-acc-date[b-eqmyi9n9b4] {
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-acc-desc[b-eqmyi9n9b4] {
    font-weight: 400;
}

.col-acc-amount[b-eqmyi9n9b4] {
    text-align: right;
    font-weight: 500;
}

.col-acc-amount.income[b-eqmyi9n9b4] {
    color: var(--color-success);
}

.col-acc-amount.expense[b-eqmyi9n9b4] {
    color: #dc2626;
}

/* Files */
.files-list[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.file-folder[b-eqmyi9n9b4] {
    border: 1px solid var(--color-border);
    /* border-radius: 6px; */
    overflow: hidden;
}

.file-row[b-eqmyi9n9b4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
}

.file-row:hover[b-eqmyi9n9b4] {
    background-color: var(--color-bg-white-hover);
}

.folder-row[b-eqmyi9n9b4] {
    /* background-color: var(--color-bg-secondary); */
    font-weight: 500;
}

.folder-row:hover[b-eqmyi9n9b4] {
    background-color: var(--color-bg-secondary);
}

.folder-contents .file-row[b-eqmyi9n9b4] {
    padding-left: 30px;
    /* border-top: 1px solid var(--color-border); */
}

.file-icon[b-eqmyi9n9b4] {
    font-size: 20px;
    color: #656565;
}

.file-name[b-eqmyi9n9b4] {
    flex: 1;
    font-size: 14px;
}

.file-size[b-eqmyi9n9b4] {
    font-size: 12px;
    color: var(--color-text-muted);
}

/* Notifications */
.notification-section[b-eqmyi9n9b4] {
    padding: 0;
    border: none;
    background-color: transparent;
}

.notification-card[b-eqmyi9n9b4] {
    display: flex;
    gap: 15px;
    padding: 16px;
    /* background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); */
    /* background: #fef3c7; */
    border: 1px solid;
    /* border-radius: 10px; */
    border-color: color-mix(in oklab, rgb(254 154 0) 50%, transparent);
    box-shadow: 5px 5px 20px 1px rgba(254, 154, 0, 0.15);
    position: relative;
}

.notification-icon[b-eqmyi9n9b4] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    /* background-color: #f59e0b; */
    /* border-radius: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification-icon .material-icons[b-eqmyi9n9b4] {
    color: #fe9a00;
    font-size: 24px;
}

.notification-body[b-eqmyi9n9b4] {
    flex: 1;
    min-width: 0;
}

.notification-title[b-eqmyi9n9b4] {
    font-weight: 600;
    font-size: 15px;
    color: #e17100;
    margin-bottom: 6px;
}

.notification-text[b-eqmyi9n9b4] {
    font-size: 14px;
    color: #e1a66b;
    line-height: 1.5;
    margin-bottom: 12px;
}

.notification-file[b-eqmyi9n9b4] {
    margin-top: 8px;
}

.file-download-link[b-eqmyi9n9b4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    /* background-color: white; */
    /* border-radius: 6px; */
    border: 1px solid var(--color-border);
    text-decoration: none;
    color: #414141;
    font-size: 13px;
    transition: box-shadow 0.15s ease;
}

.file-download-link:hover[b-eqmyi9n9b4] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.file-download-link .material-icons[b-eqmyi9n9b4] {
    color: #494949;
    font-size: 20px;
}

.file-download-name[b-eqmyi9n9b4] {
    font-weight: 500;
}

.file-download-size[b-eqmyi9n9b4] {
    color: #9ca3af;
    font-size: 12px;
}

.notification-date[b-eqmyi9n9b4] {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 12px;
    color: #92400e;
}

/* Estimate (Смета) */
.estimate-total-card[b-eqmyi9n9b4] {
    /* padding: 16px; */
    background-color: var(--color-bg-black);
    /* margin-bottom: 15px; */
}

.estimate-total-label[b-eqmyi9n9b4] {
    font-size: 13px;
    color: var(--color-text-inverted-muted);
    margin-bottom: 4px;
}

.estimate-total-value[b-eqmyi9n9b4] {
    font-size: 1.6em;
    font-weight: 600;
    color: var(--color-text-inverted);
}

.estimate-stages[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.estimate-stage-card[b-eqmyi9n9b4] {
    border: 1px solid var(--color-border);
    overflow: hidden;
}

.estimate-stage-header[b-eqmyi9n9b4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 15px;
    cursor: pointer;
}

.estimate-stage-header:hover[b-eqmyi9n9b4] {
    background-color: var(--color-bg-white-hover);
}

.estimate-stage-info[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.estimate-stage-name[b-eqmyi9n9b4] {
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text);
}

.estimate-stage-amount[b-eqmyi9n9b4] {
    font-size: 14px;
    color: var(--color-text-muted);
}

.estimate-stage-items[b-eqmyi9n9b4] {
    padding: 0 15px 14px 15px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.estimate-item[b-eqmyi9n9b4] {
    font-size: 14px;
    color: #6b7280;
    padding-left: 12px;
    position: relative;
}

.estimate-item[b-eqmyi9n9b4]::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #9ca3af;
}

/* Contacts */
.contacts-grid[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-card[b-eqmyi9n9b4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background-color: var(--color-bg-secondary);
}

.contact-avatar[b-eqmyi9n9b4] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--color-bg-dark);
    color: var(--color-text-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
}

.contact-info[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.contact-role[b-eqmyi9n9b4] {
    font-size: 12px;
    color: var(--color-text-muted);
}

.contact-name[b-eqmyi9n9b4] {
    font-weight: 500;
    font-size: 15px;
    color: var(--color-text);
}

.contact-phone[b-eqmyi9n9b4] {
    font-size: 14px;
    color: var(--color-link);
    text-decoration: none;
}

.contact-phone:hover[b-eqmyi9n9b4] {
    text-decoration: underline;
}

.office-address[b-eqmyi9n9b4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
    margin-top: 10px;
    background-color: var(--color-bg-secondary);
    /* border-radius: 8px; */
}

.office-address .material-icons[b-eqmyi9n9b4] {
    color: #656565;
    font-size: 22px;
    margin-top: 2px;
}

.office-info[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.office-label[b-eqmyi9n9b4] {
    font-size: 12px;
    color: var(--color-text-muted);
}

.office-text[b-eqmyi9n9b4] {
    font-size: 14px;
    color: var(--color-text);
}

/* ========================================
   PAYMENTS SCHEDULE - Shared Styles
   ======================================== */

/* Summary Row */
.payments-summary-row[b-eqmyi9n9b4] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.payments-summary-item[b-eqmyi9n9b4] {
    flex: 1;
    min-width: 100px;
    padding: 12px 15px;
    /* background-color: var(--color-bg-secondary); */
    /* border-radius: 8px; */
    border: 1px solid var(--color-border);
}

.payments-summary-label[b-eqmyi9n9b4] {
    display: block;
    font-size: 12px;
    color: var(--color-text-muted);
    margin-bottom: 4px;
}

.payments-summary-value[b-eqmyi9n9b4] {
    font-size: 1.2em;
    font-weight: 600;
}

.payments-summary-value.paid[b-eqmyi9n9b4] {
    color: var(--color-success);
}

.payments-summary-value.remaining[b-eqmyi9n9b4] {
    color: #dc2626;
}

/* Category Colors */
.design[b-eqmyi9n9b4] { color: #6366f1; }
.construction[b-eqmyi9n9b4] { color: #f59e0b; }
.materials[b-eqmyi9n9b4] { color: #10b981; }
.furniture[b-eqmyi9n9b4] { color: #ec4899; }

/* ========================================
   VARIANT 1 - Month Cards
   ======================================== */

.month-cards[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.month-card[b-eqmyi9n9b4] {
    border: 1px solid var(--color-border);
    /* border-radius: 8px; */
    overflow: hidden;
}

.month-card.current-month[b-eqmyi9n9b4] {
    border-color: #000000;
    box-shadow: 5px 5px 10px 1px rgba(0, 0, 0, 0.1);
}

.month-card-header[b-eqmyi9n9b4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    /* background-color: var(--color-bg-secondary); */
    font-weight: 500;
}

/* .current-month .month-card-header {
    background-color: #eef2ff;
} */

.month-name[b-eqmyi9n9b4] {
    font-size: 15px;
}

.month-total[b-eqmyi9n9b4] {
    font-size: 15px;
    font-weight: 600;
}

.month-payments-list[b-eqmyi9n9b4] {
    display: flex;
    flex-direction: column;
}

.payment-item[b-eqmyi9n9b4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--color-border);
}

.payment-item:last-child[b-eqmyi9n9b4] {
    border-bottom: none;
}

/* .payment-item.paid {
    background-color: #f0fdf4;
} */

.payment-date[b-eqmyi9n9b4] {
    width: 28px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-text-muted);
}

.payment-info[b-eqmyi9n9b4] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.payment-category[b-eqmyi9n9b4] {
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.payment-desc[b-eqmyi9n9b4] {
    font-size: 14px;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.payment-amount[b-eqmyi9n9b4] {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.payment-check[b-eqmyi9n9b4] {
    color: var(--color-success);
    font-size: 20px;
}

/* ========================================
   BAR CHART (в стиле StackedBarChart)
   ======================================== */

.payments-bar-chart[b-eqmyi9n9b4] {
    position: relative;
    padding: 20px 10px;
    margin-bottom: 10px;
}

.payments-bar-chart .chart-bars[b-eqmyi9n9b4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 140px;
    gap: 8px;
}

.payments-bar-chart .bar-column[b-eqmyi9n9b4] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer;
}

.payments-bar-chart .bar-column.current .bar-segment[b-eqmyi9n9b4] {
    background-color: var(--color-bg-black);
}

.payments-bar-chart .bar-stack[b-eqmyi9n9b4] {
    width: 100%;
    max-width: 40px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.payments-bar-chart .bar-segment[b-eqmyi9n9b4] {
    width: 100%;
    height: 100%;
    background-color: var(--color-bg-secondary-hover);
    transition: opacity 0.15s ease;
}

.payments-bar-chart .bar-column:hover .bar-segment[b-eqmyi9n9b4] {
    opacity: 0.85;
}

.payments-bar-chart .chart-labels[b-eqmyi9n9b4] {
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
}

.payments-bar-chart .chart-label[b-eqmyi9n9b4] {
    flex: 1;
    text-align: center;
    font-size: 12px;
    color: #8c8c8c;
}

.payments-bar-chart .chart-tooltip[b-eqmyi9n9b4] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    min-width: 120px;
    z-index: 100;
    pointer-events: none;
}

.payments-bar-chart .tooltip-title[b-eqmyi9n9b4] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 6px;
}

.payments-bar-chart .tooltip-row[b-eqmyi9n9b4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 6px;
}

.payments-bar-chart .tooltip-label[b-eqmyi9n9b4] {
    font-size: 13px;
    color: #666;
}

.payments-bar-chart .tooltip-value[b-eqmyi9n9b4] {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
}

/* ========================================
   NEXT PAYMENT CARD
   ======================================== */

.next-payment-card[b-eqmyi9n9b4] {
    display: flex;
    gap: 15px;
    padding: 16px;
    border: 1px solid;
    border-color: color-mix(in oklab, rgb(254 154 0) 50%, transparent);
    box-shadow: 5px 5px 20px 1px rgba(254, 154, 0, 0.15);
}

.next-payment-icon[b-eqmyi9n9b4] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.next-payment-icon .material-icons[b-eqmyi9n9b4] {
    color: #fe9a00;
    font-size: 24px;
}

.next-payment-body[b-eqmyi9n9b4] {
    flex: 1;
    min-width: 0;
}

.next-payment-title[b-eqmyi9n9b4] {
    font-weight: 600;
    font-size: 15px;
    color: #e17100;
    margin-bottom: 6px;
}

.next-payment-text[b-eqmyi9n9b4] {
    font-size: 14px;
    color: #e1a66b;
    line-height: 1.5;
}

/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 768px) {
    .project-page h2[b-eqmyi9n9b4] {
        margin-left: 40px;
        margin-top: 0px;
    }

    .data-table-header[b-eqmyi9n9b4],
    .data-table-row[b-eqmyi9n9b4] {
        grid-template-columns: 40px 1fr 80px 40px;
    }

    .col-date[b-eqmyi9n9b4] {
        display: none;
    }

    .accounting-table-header[b-eqmyi9n9b4],
    .accounting-table-row[b-eqmyi9n9b4],
    .accounting-table-footer[b-eqmyi9n9b4] {
        grid-template-columns: 70px 1fr 90px;
    }

}
/* _content/Web/Components/Pages/UIExamples.razor.rz.scp.css */
.ui-examples-page[b-y390st338u] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.ui-examples-page h2[b-y390st338u] {
    margin-bottom: 10px;
}

.ui-sections-grid[b-y390st338u] {
    column-count: auto;
    column-width: 400px;
    column-gap: 20px;
    margin-top: 20px;
}

.ui-section[b-y390st338u] {
    padding: 20px;
    border: 1px solid var(--color-border);
    background-color: var(--color-bg-white);
    break-inside: avoid;
    margin-bottom: 20px;
}


.ui-section h3[b-y390st338u] {
    margin-top: 0;
    margin-bottom: 15px;
    color: var(--color-text);
}

.example-container[b-y390st338u] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.buttons[b-y390st338u] {
    display: block;
}




.send-text-container[b-y390st338u] {
    position: relative;
    width: 100%;
}

.send-text-container .input[b-y390st338u] {
    padding: 10px 40px 10px 10px;
    display: flex;
    background-color: var(--color-bg-white);
    color: inherit;
}


.buttons-in-send[b-y390st338u] {
    display: flex;
    position: absolute;
    position: absolute;
    right: 5px;
    bottom: 4.5px;
}

.buttons-in-send .button-small[b-y390st338u] {
    width: 28px;
    height: 28px;
}


.tabs[b-y390st338u] {
    width: fit-content;
}

.gantt-container[b-y390st338u] {
    overflow-x: auto;
}

.circular-progress-grid[b-y390st338u] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}




/* Data Table */
.ui-section-wide[b-y390st338u] {
    column-span: all;
}

.table-header[b-y390st338u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.table-header .table-title-section[b-y390st338u] {
    margin-bottom: 0;
}

.table-title[b-y390st338u] {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 500;
}

.table-subtitle[b-y390st338u] {
    margin: 0;
    color: var(--color-text-muted);
}

.data-table[b-y390st338u] {
    width: 100%;
}

.data-table-header[b-y390st338u],
.data-table-row[b-y390st338u] {
    display: grid;
    grid-template-columns: 60px 1fr 90px 90px 90px 140px 50px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.data-table-header[b-y390st338u] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.data-table-row:hover[b-y390st338u] {
    background-color: var(--color-bg-white-hover);
}

.product-image-placeholder[b-y390st338u] {
    width: 40px;
    height: 40px;
    background-color: var(--color-bg-secondary);
    border-radius: 6px;
}

.col-name[b-y390st338u] {
    font-weight: 400;
}

.col-price[b-y390st338u] {
    text-align: center;
}

.col-link[b-y390st338u] {
    text-align: center;
}

.table-link[b-y390st338u] {
    color: var(--color-text-secondary);
    text-decoration: none;
}

.table-link:hover[b-y390st338u] {
    text-decoration: underline;
}

.data-table-row .col-date[b-y390st338u] {
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-actions[b-y390st338u] {
    text-align: right;
}

.status-badge[b-y390st338u] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.85em;
}

.status-draft[b-y390st338u] {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-secondary);
}

.status-approved[b-y390st338u] {
    background-color: #fff3cd;
    color: #856404;
}

.status-purchased[b-y390st338u] {
    background-color: transparent;
    border: 1px solid #0d6efd;
    color: #0d6efd;
}

.status-delivered[b-y390st338u] {
    background-color: transparent;
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

/* Invoices Table */
.invoices-table[b-y390st338u] {
    width: 100%;
}

.invoices-table-header[b-y390st338u],
.invoices-table-row[b-y390st338u] {
    display: grid;
    grid-template-columns: 1fr 120px 120px 120px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.invoices-table-header[b-y390st338u] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.invoices-table-row:hover[b-y390st338u] {
    background-color: var(--color-bg-white-hover);
}

.col-purpose[b-y390st338u] {
    font-weight: 400;
}

.col-inv-status[b-y390st338u] {
    text-align: center;
}

.col-payment-date[b-y390st338u] {
    text-align: center;
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-amount[b-y390st338u] {
    text-align: right;
    font-weight: 500;
}

.status-paid[b-y390st338u] {
    background-color: transparent;
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.status-unpaid[b-y390st338u] {
    background-color: #fee2e2;
    color: #dc2626;
}

/* Accounting Example */
.accounting-layout[b-y390st338u] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.accounting-summary[b-y390st338u] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.summary-card[b-y390st338u] {
    flex: 1;
    min-width: 150px;
    padding: 15px;
    background-color: var(--color-bg-secondary);
    border-radius: 8px;
}

.summary-card-main[b-y390st338u] {
    background-color: var(--color-bg-black);
}

.summary-card-main .summary-label[b-y390st338u] {
    color: var(--color-text-inverted-muted);
}

.summary-label[b-y390st338u] {
    font-size: 0.85em;
    color: var(--color-text-muted);
    margin-bottom: 5px;
}

.summary-value[b-y390st338u] {
    font-size: 1.4em;
    font-weight: 600;
}

.summary-value.income[b-y390st338u] {
    color: var(--color-success);
}

.summary-value.expense[b-y390st338u] {
    color: #dc2626;
}

.summary-value.deposit-positive[b-y390st338u] {
    color: var(--color-text-inverted);
}

.summary-value.deposit-negative[b-y390st338u] {
    color: #fca5a5;
}

.accounting-table[b-y390st338u] {
    width: 100%;
}

.accounting-table-header[b-y390st338u],
.accounting-table-row[b-y390st338u],
.accounting-table-footer[b-y390st338u] {
    display: grid;
    grid-template-columns: 100px 1fr 130px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.accounting-table-header[b-y390st338u] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.accounting-table-row:hover[b-y390st338u] {
    background-color: var(--color-bg-white-hover);
}

.accounting-table-footer[b-y390st338u] {
    font-weight: 500;
    border-bottom: none;
    border-top: 2px solid var(--color-border);
}

.col-acc-date[b-y390st338u] {
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-acc-desc[b-y390st338u] {
    font-weight: 400;
}

.col-acc-amount[b-y390st338u] {
    text-align: right;
    font-weight: 500;
}

.col-acc-amount.income[b-y390st338u] {
    color: var(--color-success);
}

.col-acc-amount.expense[b-y390st338u] {
    color: #dc2626;
}

/* Timeline */
.timeline[b-y390st338u] {
    position: relative;
    padding-left: 24px;
}

.timeline-item[b-y390st338u] {
    position: relative;
    padding-bottom: 28px;
}

.timeline-item:last-child[b-y390st338u] {
    padding-bottom: 0;
}

.timeline-item[b-y390st338u]::after {
    content: '';
    position: absolute;
    left: -18px;
    top: 22px;
    bottom: 0px;
    width: 2px;
    background-color: #e5e5e5;
}

.timeline-item:last-child[b-y390st338u]::after {
    display: none;
}

.timeline-marker[b-y390st338u] {
    position: absolute;
    left: -24px;
    top: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    border: 2px solid #d1d5db;
    box-sizing: border-box;
    z-index: 1;
}

.timeline-content[b-y390st338u] {
    padding-left: 8px;
}

.timeline-date[b-y390st338u] {
    font-size: 13px;
    color: #6b7280;
    margin-bottom: 4px;
}

.timeline-title[b-y390st338u] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

.timeline-description[b-y390st338u] {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.timeline-progress[b-y390st338u] {
    margin-top: 12px;
    width: 50%;
}

.timeline-time-remaining[b-y390st338u] {
    font-size: 12px;
    color: #6b7280;
    /* margin-top: 8px; */
}


@media (max-width: 768px) {

    .ui-examples-page h2[b-y390st338u] {
        margin-left: 40px;
        margin-top: 0px;
    }

    .data-table-header[b-y390st338u],
    .data-table-row[b-y390st338u] {
        grid-template-columns: 50px 1fr 70px 70px 40px;
    }

    .col-link[b-y390st338u],
    .col-date[b-y390st338u] {
        display: none;
    }

    .invoices-table-header[b-y390st338u],
    .invoices-table-row[b-y390st338u] {
        grid-template-columns: 1fr 100px 100px;
    }

    .col-payment-date[b-y390st338u] {
        display: none;
    }

    .accounting-table-header[b-y390st338u],
    .accounting-table-row[b-y390st338u],
    .accounting-table-footer[b-y390st338u] {
        grid-template-columns: 80px 1fr 100px;
    }
}
/* _content/Web/Components/Shared/Charts/AreaChart.razor.rz.scp.css */
.area-chart[b-6pb1mhno2m] {
    background-color: white;
    max-width: 600px;
}

.area-chart-header[b-6pb1mhno2m] {
    margin-bottom: 20px;
}

.area-chart-title[b-6pb1mhno2m] {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}

.area-chart-subtitle[b-6pb1mhno2m] {
    margin: 0;
    font-size: 14px;
    color: #8c8c8c;
}

.area-chart-container[b-6pb1mhno2m] {
    position: relative;
}

.area-chart-svg-wrapper[b-6pb1mhno2m] {
    position: relative;
}

.area-chart-svg[b-6pb1mhno2m] {
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Area fills */
.chart-area[b-6pb1mhno2m] {
    stroke: none;
}

.chart-area-primary[b-6pb1mhno2m] {
    fill: rgba(26, 26, 26, 0.15);
}

.chart-area-secondary[b-6pb1mhno2m] {
    fill: rgba(192, 192, 192, 0.2);
}

/* Lines */
.chart-line[b-6pb1mhno2m] {
    stroke-width: 2.0;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-line-primary[b-6pb1mhno2m] {
    stroke: #1a1a1a;
}

.chart-line-secondary[b-6pb1mhno2m] {
    stroke: #c0c0c0;
}

/* Points */
.chart-point[b-6pb1mhno2m] {
    cursor: pointer;
    transition: r 0.15s ease;
}

.chart-point:hover[b-6pb1mhno2m] {
    r: 7;
}

.chart-point-primary[b-6pb1mhno2m] {
    fill: #1a1a1a;
    stroke: #1a1a1a;
    stroke-width: 1;
}

.chart-point-secondary[b-6pb1mhno2m] {
    fill: white;
    stroke: #c0c0c0;
    stroke-width: 1;
}

/* Hover zones (invisible rectangles for column hover) */
.chart-hover-zone[b-6pb1mhno2m] {
    fill: transparent;
    cursor: pointer;
}

/* Hover line */
.chart-hover-line[b-6pb1mhno2m] {
    stroke: #e0e0e0;
    stroke-width: 1;
}

/* X-axis labels */
.chart-labels[b-6pb1mhno2m] {
    display: flex;
    justify-content: space-between;
    padding: 12px 40px 0 40px;
}

.chart-label[b-6pb1mhno2m] {
    font-size: 13px;
    color: #8c8c8c;
    text-align: center;
}

/* Tooltip */
.chart-tooltip[b-6pb1mhno2m] {
    position: absolute;
    background: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    min-width: 120px;
    z-index: 100;
    pointer-events: none;
    transform: translate(-50%, -100%);
}

.tooltip-title[b-6pb1mhno2m] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 6px;
}

.tooltip-row[b-6pb1mhno2m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.tooltip-marker[b-6pb1mhno2m] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.tooltip-marker-primary[b-6pb1mhno2m] {
    background-color: #1a1a1a;
}

.tooltip-marker-secondary[b-6pb1mhno2m] {
    background-color: #c0c0c0;
}

.tooltip-label[b-6pb1mhno2m] {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

.tooltip-value[b-6pb1mhno2m] {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
}
/* _content/Web/Components/Shared/Charts/LineChart.razor.rz.scp.css */
.line-chart[b-2xzcsso6tt] {
    background-color: white;
    /* padding: 20px 25px; */
    max-width: 600px;
}

.line-chart-header[b-2xzcsso6tt] {
    margin-bottom: 20px;
}

.line-chart-title[b-2xzcsso6tt] {
    margin: 0 0 6px 0;
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
}

.line-chart-subtitle[b-2xzcsso6tt] {
    margin: 0;
    font-size: 14px;
    color: #8c8c8c;
}

.line-chart-container[b-2xzcsso6tt] {
    position: relative;
}

.line-chart-svg-wrapper[b-2xzcsso6tt] {
    position: relative;
}

.line-chart-svg[b-2xzcsso6tt] {
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Lines */
.chart-line[b-2xzcsso6tt] {
    stroke-width: 2.0;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-line-primary[b-2xzcsso6tt] {
    stroke: #1a1a1a;
}

.chart-line-secondary[b-2xzcsso6tt] {
    stroke: #c0c0c0;
}

/* Points */
.chart-point[b-2xzcsso6tt] {
    cursor: pointer;
    transition: r 0.15s ease;
}

.chart-point:hover[b-2xzcsso6tt] {
    r: 7;
}

.chart-point-primary[b-2xzcsso6tt] {
    fill: #1a1a1a;
    stroke: #1a1a1a;
    stroke-width: 1;
}

.chart-point-secondary[b-2xzcsso6tt] {
    fill: white;
    stroke: #c0c0c0;
    stroke-width: 1;
}

/* Hover zones (invisible rectangles for column hover) */
.chart-hover-zone[b-2xzcsso6tt] {
    fill: transparent;
    cursor: pointer;
}

/* Hover line */
.chart-hover-line[b-2xzcsso6tt] {
    stroke: #e0e0e0;
    stroke-width: 1;
}

/* X-axis labels */
.chart-labels[b-2xzcsso6tt] {
    display: flex;
    justify-content: space-between;
    padding: 12px 40px 0 40px;
}

.chart-label[b-2xzcsso6tt] {
    font-size: 13px;
    color: #8c8c8c;
    text-align: center;
}

/* Tooltip */
.chart-tooltip[b-2xzcsso6tt] {
    position: absolute;
    background: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    min-width: 120px;
    z-index: 100;
    pointer-events: none;
    transform: translate(-50%, -100%);
}

.tooltip-title[b-2xzcsso6tt] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 6px;
}

.tooltip-row[b-2xzcsso6tt] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.tooltip-marker[b-2xzcsso6tt] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.tooltip-marker-primary[b-2xzcsso6tt] {
    background-color: #1a1a1a;
}

.tooltip-marker-secondary[b-2xzcsso6tt] {
    background-color: #c0c0c0;
}

.tooltip-label[b-2xzcsso6tt] {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

.tooltip-value[b-2xzcsso6tt] {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
}
/* _content/Web/Components/Shared/Charts/RadarChart.razor.rz.scp.css */
.radar-chart[b-j7zfqh64qk] {
    background-color: white;
    max-width: 450px;
}

.radar-chart-container[b-j7zfqh64qk] {
    position: relative;
}

.radar-chart-svg[b-j7zfqh64qk] {
    width: 100%;
    height: auto;
    overflow: visible;
}

/* Grid polygons */
.radar-grid-polygon[b-j7zfqh64qk] {
    fill: none;
    stroke: rgb(235, 235, 235);
    stroke-width: 1;
}

/* Axis lines */
.radar-axis-line[b-j7zfqh64qk] {
    stroke: rgb(235, 235, 235);
    stroke-width: 1;
}

/* Data area (filled polygons) */
.radar-data-area[b-j7zfqh64qk] {
    opacity: 0.3;
}


/* Data lines (polygon outlines) */
.radar-data-line[b-j7zfqh64qk] {
    stroke-width: 1.5;
    stroke-linejoin: round;
}


/* Data points */
.radar-point[b-j7zfqh64qk] {
    stroke-width: 2;
    cursor: pointer;
    transition: r 0.15s ease;
}

.radar-point:hover[b-j7zfqh64qk] {
    r: 4;
}


/* Hover zones */
.radar-hover-zone[b-j7zfqh64qk] {
    fill: transparent;
    cursor: pointer;
}

/* Labels */
.radar-label[b-j7zfqh64qk] {
    font-size: 13px;
    fill: #666;
    font-family: inherit;
}

/* Tooltip */
.radar-tooltip[b-j7zfqh64qk] {
    position: absolute;
    background: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    min-width: 120px;
    z-index: 100;
    pointer-events: none;
    transform: translate(-50%, -100%);
}

.tooltip-title[b-j7zfqh64qk] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 6px;
}

.tooltip-row[b-j7zfqh64qk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.tooltip-marker[b-j7zfqh64qk] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}


.tooltip-label[b-j7zfqh64qk] {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

.tooltip-value[b-j7zfqh64qk] {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
}
/* _content/Web/Components/Shared/Charts/StackedBarChart.razor.rz.scp.css */
.stacked-bar-chart[b-rn0m2s45xh] {
    position: relative;
    padding: 30px 25px 20px;
    max-width: 600px;
}

.chart-bars[b-rn0m2s45xh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 280px;
    gap: 20px;
}

.bar-column[b-rn0m2s45xh] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    cursor: pointer;
}

.bar-stack[b-rn0m2s45xh] {
    width: 100%;
    max-width: 50px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.bar-segment[b-rn0m2s45xh] {
    width: 100%;
    transition: opacity 0.15s ease;
}

.bar-primary[b-rn0m2s45xh] {
    background-color: var(--color-bg-dark);
    order: 2;
}

.bar-secondary[b-rn0m2s45xh] {
    background-color: var(--color-bg-secondary-hover);
    order: 1;
}

.bar-column:hover .bar-segment[b-rn0m2s45xh] {
    opacity: 0.85;
}

/* Labels */
.chart-labels[b-rn0m2s45xh] {
    display: flex;
    justify-content: space-around;
    padding-top: 16px;
}

.chart-label[b-rn0m2s45xh] {
    flex: 1;
    text-align: center;
    font-size: 14px;
    color: #8c8c8c;
}

/* Tooltip */
.chart-tooltip[b-rn0m2s45xh] {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    padding: 12px 16px;
    min-width: 120px;
    z-index: 100;
    pointer-events: none;
}

.tooltip-title[b-rn0m2s45xh] {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 8px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 6px;
}

.tooltip-row[b-rn0m2s45xh] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.tooltip-marker[b-rn0m2s45xh] {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
}

.tooltip-marker-primary[b-rn0m2s45xh] {
    background-color: var(--color-bg-dark);
}

.tooltip-marker-secondary[b-rn0m2s45xh] {
    background-color: var(--color-bg-secondary-hover);
}

.tooltip-label[b-rn0m2s45xh] {
    font-size: 13px;
    color: #666;
    flex-grow: 1;
}

.tooltip-value[b-rn0m2s45xh] {
    font-size: 13px;
    font-weight: 500;
    color: #1a1a1a;
}
/* _content/Web/Components/Shared/CircularProgressWidget.razor.rz.scp.css */
.circular-progress-widget[b-e0s9c01avi] {
    position: relative;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-ring[b-e0s9c01avi] {
    width: 100%;
    height: 100%;
}

.progress-ring-bg[b-e0s9c01avi] {
    fill: none;
    stroke: #e8e8e8;
    stroke-linecap: butt;
}

.progress-ring-fill[b-e0s9c01avi] {
    fill: none;
    stroke-linecap: butt;
    transition: stroke-dashoffset 0.5s ease;
}

.progress-content[b-e0s9c01avi] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.progress-value[b-e0s9c01avi] {
    font-size: 2.2rem;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.progress-label[b-e0s9c01avi] {
    font-size: 0.85rem;
    color: #888;
    margin-top: 4px;
}
/* _content/Web/Components/Shared/FileUpload.razor.rz.scp.css */
.file-upload-area[b-zxflvfdi0v] {
    position: relative;
    border: 2px dashed var(--color-border);
    padding: 40px 20px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.2s, background-color 0.2s;
}

.file-upload-area:hover[b-zxflvfdi0v] {
    border-color: var(--color-text-muted);
    background-color: var(--color-bg-white-hover);
}

.file-upload-area.drag-over[b-zxflvfdi0v] {
    border-color: var(--color-bg-dark);
    background-color: var(--color-bg-secondary);
}

.file-upload-area[b-zxflvfdi0v]  .file-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.file-upload-content[b-zxflvfdi0v] {
    pointer-events: none;
}

.file-upload-icon[b-zxflvfdi0v] {
    font-size: 48px;
    color: var(--color-text-muted);
    margin-bottom: 10px;
}

.file-upload-text[b-zxflvfdi0v] {
    font-weight: 500;
    margin-bottom: 5px;
}

.file-upload-hint[b-zxflvfdi0v] {
    color: var(--color-text-muted);
    font-size: 0.9em;
}

.uploaded-files-list[b-zxflvfdi0v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
}

.uploaded-file-item[b-zxflvfdi0v] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    background-color: var(--color-bg-white-hover);
    border: 1px solid var(--color-border);
}

.uploaded-file-item .file-icon[b-zxflvfdi0v] {
    color: var(--color-text-muted);
    font-size: 24px;
}

.uploaded-file-item .file-info[b-zxflvfdi0v] {
    flex-grow: 1;
}

.uploaded-file-item .file-name[b-zxflvfdi0v] {
    font-weight: 400;
}

.uploaded-file-item .file-size[b-zxflvfdi0v] {
    font-size: 0.85em;
    color: var(--color-text-muted);
}
/* _content/Web/Components/Shared/ModalView.razor.rz.scp.css */

/* The Modal (background) */
.modal[b-dzehhb4jy0] {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.8);
    transition: opacity 0.3s ease;
}

/* Modal Content/Box */
.modal-content[b-dzehhb4jy0] {
    z-index: 12;
    background-color: #fefefe;
    margin: auto;
    margin-top: calc(10vh);
    margin-bottom: calc(10vh);
    padding: 24px;
    transition: opacity 0.3s ease;
    opacity: 0;
}


.FooterHeader[b-dzehhb4jy0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.FooterHeader h3[b-dzehhb4jy0] {
    margin-top: 0;
    margin-bottom: 0;
}


.button-close[b-dzehhb4jy0] {
    padding: 8px 15px;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 1em;
}

.button-close:hover[b-dzehhb4jy0] {
    background-color: #f0f0f0;
}
/* _content/Web/Components/Shared/ProgressBar.razor.rz.scp.css */
.progress-bar-container[b-2xq2qgmr7l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.progress-bar[b-2xq2qgmr7l] {
    flex: 1;
    height: 6px;
    background-color: #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar-fill[b-2xq2qgmr7l] {
    height: 100%;
    background-color: #1a1a1a;
    border-radius: 4px;
}

.progress-bar-percent[b-2xq2qgmr7l] {
    font-size: 12px;
    color: #6b7280;
    min-width: 36px;
    text-align: right;
}
/* _content/Web/Components/Shared/TreeMenu.razor.rz.scp.css */
.tree-item[b-9tada7kvfo] {
    user-select: none;
}

.tree-item-row[b-9tada7kvfo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 8px;
    cursor: pointer;
}

.tree-item-row:hover[b-9tada7kvfo] {
    background-color: rgba(0, 0, 0, 0.04);
}

.tree-item-row.selected[b-9tada7kvfo] {
    background-color: rgba(0, 0, 0, 0.08);
}

/* .tree-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #666;
    font-size: 22px;
    transition: transform 0.15s ease;
} */
.tree-arrow[b-9tada7kvfo] {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 600;
    transition: transform 0.15s ease;
}

.tree-arrow.expanded[b-9tada7kvfo] {
    transform: rotate(90deg);
}

.tree-arrow-placeholder[b-9tada7kvfo] {
    width: 12px;
    height: 12px;
}

.tree-icon[b-9tada7kvfo] {
    font-size: 18px;
    font-weight: 400;
    color: #656565;
}

.tree-name[b-9tada7kvfo] {
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.tree-children[b-9tada7kvfo] {
    border-left: 1px solid #e3e3e3;
    padding-left: 12px;
}

/* _content/Web/CRM/Pages/ConstructionObjects.razor.rz.scp.css */
.constructionobjects-container[b-j6hr0ipbkq] {
    padding: 20px;
    width: 100%;
    max-width: 500px;
}

.add-button-container[b-j6hr0ipbkq] {
    margin-bottom: 20px;
}


/* 
 *  # List
 */

 .list-item-detail[b-j6hr0ipbkq] {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.0em;
    gap: 8px;
}

.list-item-detail span[b-j6hr0ipbkq] {
    display: inline-block;
    font-size: 0.85em;
}

.list-item-detail span:not(:last-child)[b-j6hr0ipbkq]::after {
    content: " • ";
    margin-left: 8px;
}

.edit-button[b-j6hr0ipbkq] {
    margin-left: auto;
}



.edit-button[b-j6hr0ipbkq] {
    margin-left: auto;
}

.button-group[b-j6hr0ipbkq] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 0px 0px;
}


@media (max-width: 768px) {

    .constructionobjects-container[b-j6hr0ipbkq] {
        padding: 10px;
    }

    .add-button-container[b-j6hr0ipbkq] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/ContractPhases.razor.rz.scp.css */
.contractphases-container[b-97j29mcv8o] {
    padding: 20px;
    width: 100%;
    max-width: 500px;
}

.add-button-container[b-97j29mcv8o] {
    margin-bottom: 20px;
}


/* 
 *  # List
 */

 .list-item-detail[b-97j29mcv8o] {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.0em;
    gap: 8px;
}

.list-item-detail span[b-97j29mcv8o] {
    display: inline-block;
    font-size: 0.85em;
}

.list-item-detail span:not(:last-child)[b-97j29mcv8o]::after {
    content: " • ";
    margin-left: 8px;
}

.edit-button[b-97j29mcv8o] {
    margin-left: auto;
}





.button-group[b-97j29mcv8o] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0px 0px 0px;
}


@media (max-width: 768px) {

    .contractphases-container[b-97j29mcv8o] {
        padding: 10px;
    }

    .add-button-container[b-97j29mcv8o] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/Contracts.razor.rz.scp.css */
/*
 *  # Container
 */

.contracts-container[b-wg1l86ohng] {
    padding: 20px;
    width: 100%;
    max-width: 600px;
}

.add-button-container[b-wg1l86ohng] {
    margin-bottom: 20px;
}


/*
 *  # List
 */


.list-item-detail[b-wg1l86ohng] {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.0em;
    gap: 8px;
}

.list-item-detail span[b-wg1l86ohng] {
    display: inline-block;
    font-size: 0.85em;
}

.list-item-detail span:not(:last-child)[b-wg1l86ohng]::after {
    content: " • ";
    margin-left: 8px;
    color: #ccc;
}

.edit-button[b-wg1l86ohng] {
    margin-left: auto;
}




/*
 *  # Synchronization Status
 */

.add-button-container[b-wg1l86ohng] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sync-status[b-wg1l86ohng] {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 0.9em;
}

.sync-loading[b-wg1l86ohng] {
    background-color: #e7f3ff;
    color: #0066cc;
    border: 1px solid #b3d9ff;
}

.sync-success[b-wg1l86ohng] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.sync-error[b-wg1l86ohng] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}


@media (max-width: 768px) {

    .contracts-container[b-wg1l86ohng] {
        padding: 10px;
    }

    .add-button-container[b-wg1l86ohng] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/CrmIndex.razor.rz.scp.css */
.crm-index-container[b-8c58uc1pt4] {
    padding: 20px;
    max-width: 800px;
}

.crm-index-container h2[b-8c58uc1pt4] {
    margin-bottom: 30px;
}

.crm-sections[b-8c58uc1pt4] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}




/*
 * Mobile Styles
 */

@media (max-width: 768px) {

    .crm-index-container h2[b-8c58uc1pt4] {
        margin-left: 40px;
        margin-top: 0;
    }
}
/* _content/Web/CRM/Pages/Departments.razor.rz.scp.css */
/*
 *  # Container
 */

.departments-container[b-ylmxwk0mtj] {
    padding: 20px;
    width: 100%;
    max-width: 500px;
}

.add-button-container[b-ylmxwk0mtj] {
    margin-bottom: 20px;
}


/*
 *  # List
 */

.edit-button[b-ylmxwk0mtj] {
    margin-left: auto;
}


/*
 *  # ModalView
 */
.form-container[b-ylmxwk0mtj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0px 0px 0px;
}

.form-container p[b-ylmxwk0mtj] {
    margin-top: 0;
}

.input-area[b-ylmxwk0mtj] {
    padding: 0 0px 10px 0px;
}

.input[b-ylmxwk0mtj] {
    margin-right: 0px;
}


/*
 *  # Button
 */


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


@media (max-width: 768px) {

    .departments-container[b-ylmxwk0mtj] {
        padding: 10px;
    }

    .add-button-container[b-ylmxwk0mtj] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/Posts.razor.rz.scp.css */
/*
 *  # Head
 */

.departments-container[b-616ctz1co9] {
    padding: 20px;
    width: 100%;
    max-width: 500px;
}

.add-button-container[b-616ctz1co9] {
    margin-bottom: 20px;
}


/*
 *  # List
 */

.list-item[b-616ctz1co9] {
    padding-left: 40px;
}



.edit-button[b-616ctz1co9] {
    margin-left: auto;
}





/*
 *  # Button
 */


.button-group[b-616ctz1co9] {
    display: flex;
    justify-content: space-between;
}



@media (max-width: 768px) {


    .departments-container[b-616ctz1co9] {
        padding: 10px;
    }

    .add-button-container[b-616ctz1co9] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/Projects.razor.rz.scp.css */
/*
 *  # Container
 */

.projects-container[b-5vljkozt1r] {
    padding: 20px;
    width: 100%;
    max-width: 500px;
}

.add-button-container[b-5vljkozt1r] {
    margin-bottom: 20px;
}


/*
 *  # List
 */

 .list-item-detail[b-5vljkozt1r] {
    display: flex;
    flex-wrap: wrap;
    /* font-size: 1.0em; */
    gap: 8px;
}

.detail-item[b-5vljkozt1r] {
    display: inline-block;
}

.detail-item:not(:last-child)[b-5vljkozt1r]::after {
    content: "•";
    margin-left: 8px;
    color: #ccc;
}

.status-badge[b-5vljkozt1r],
.type-badge[b-5vljkozt1r] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 500;
    color: white;
}

.progress-indicator[b-5vljkozt1r] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 500;
}

.progress-indicator.completed[b-5vljkozt1r] {
    background-color: #d4edda;
    color: #155724;
}

.progress-indicator.ready[b-5vljkozt1r] {
    background-color: #e7f3ff;
    color: #0066cc;
}

.edit-button[b-5vljkozt1r] {
    margin-left: auto;
}




.checkbox-label input[type="checkbox"][b-5vljkozt1r] {
    width: auto;
    cursor: pointer;
}



/*
 *  # Synchronization Status
 */

.add-button-container[b-5vljkozt1r] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sync-status[b-5vljkozt1r] {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 0.9em;
}

.sync-loading[b-5vljkozt1r] {
    background-color: #e7f3ff;
    color: #0066cc;
    border: 1px solid #b3d9ff;
}

.sync-success[b-5vljkozt1r] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.sync-error[b-5vljkozt1r] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}


/*
 *  # Wizard
 */


/* .contract-select-row { */
.input-group-inline[b-5vljkozt1r] {
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.input-group-inline select[b-5vljkozt1r] {
    flex: 1;
}

.button-small[b-5vljkozt1r] {
    width: 39px;
    height: 39px;
    font-size: 12px;
}



.note-without-margin[b-5vljkozt1r] {
    margin-bottom: 0;
}

.note-box[b-5vljkozt1r] {
    margin-bottom: 16px;
}

.warning-box[b-5vljkozt1r] {
    margin-bottom: 16px;
}



@media (max-width: 768px) {

    .projects-container[b-5vljkozt1r] {
        padding: 10px;
    }

    .add-button-container[b-5vljkozt1r] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/Statuses.razor.rz.scp.css */
/*
 *  # Container
 */

.statuses-container[b-qx2wfb5bmq] {
    padding: 20px;
    /* width: 100%; */
    max-width: 500px;
}

.add-button-container[b-qx2wfb5bmq] {
    margin-bottom: 20px;
}


/*
 *  # List
 */


.list-item-detail[b-qx2wfb5bmq] {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.0em;
    gap: 8px;
}

.list-item-detail span[b-qx2wfb5bmq] {
    display: inline-block;
    font-size: 0.85em;
}

.list-item-detail span:not(:last-child)[b-qx2wfb5bmq]::after {
    content: " • ";
    margin-left: 8px;
    color: #ccc;
}

.edit-button[b-qx2wfb5bmq] {
    margin-left: auto;
}

.material-icons[b-qx2wfb5bmq] {
    color: rgb(250, 250, 250, 0.3);
}


/*
 *  # ModalView
 */
.form-container[b-qx2wfb5bmq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0px 0px 0px;
}

.form-container p[b-qx2wfb5bmq] {
    margin-top: 0;
}

.input-area[b-qx2wfb5bmq] {
    padding: 0 0px 10px 0px;
}

.input[b-qx2wfb5bmq] {
    margin-right: 0px;
}

.color-picker[b-qx2wfb5bmq] {
    width: 100%;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
}


/*
 *  # Button
 */

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


.tabs[b-qx2wfb5bmq] {
    margin: 10px 0px;
    width: fit-content;
}

.tabs .tab-button[b-qx2wfb5bmq] {
    flex: initial;
}


@media (max-width: 768px) {


    .statuses-container[b-qx2wfb5bmq] {
        padding: 10px;
    }

    .add-button-container[b-qx2wfb5bmq] {
        margin-left: 40px;
    }
}
/* _content/Web/CRM/Pages/Tasks.razor.rz.scp.css */
/* Container */
.tasks-container[b-5302d5fesx] {
    padding: 20px;
    max-width: 1200px;
}

/* Header */
.table-header[b-5302d5fesx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.table-title-section[b-5302d5fesx] {
    margin-bottom: 0;
}

.table-title[b-5302d5fesx] {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: 500;
}

.back-link[b-5302d5fesx] {
    color: var(--color-text-muted);
    text-decoration: none;
}

.back-link:hover[b-5302d5fesx] {
    text-decoration: underline;
}

.table-subtitle[b-5302d5fesx] {
    margin: 0;
    color: var(--color-text-muted);
}

.button-group-header[b-5302d5fesx] {
    display: flex;
    gap: 8px;
}

/* Loading & Empty */
.loading[b-5302d5fesx],
.empty-state[b-5302d5fesx] {
    padding: 40px;
    text-align: center;
    color: var(--color-text-muted);
}

/* Table */
.tasks-table[b-5302d5fesx] {
    width: 100%;
    overflow-x: auto;
}

.tasks-table-header[b-5302d5fesx],
.tasks-table-row[b-5302d5fesx] {
    display: grid;
    grid-template-columns: 1fr 120px 100px 90px 100px 100px 100px;
    align-items: center;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--color-border);
}

.tasks-table-header[b-5302d5fesx] {
    color: var(--color-text-muted);
    font-size: 0.85em;
}

.tasks-table-row:hover[b-5302d5fesx] {
    background-color: var(--color-bg-white-hover);
}

/* Columns */
.col-task-name[b-5302d5fesx] {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-project[b-5302d5fesx] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--color-text-secondary);
    font-size: 0.9em;
}

.col-status[b-5302d5fesx] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.col-employee[b-5302d5fesx],
.col-post[b-5302d5fesx] {
    font-size: 0.9em;
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.col-dates[b-5302d5fesx] {
    font-size: 0.9em;
    color: var(--color-text-secondary);
}

/* Status Badge */
.status-badge[b-5302d5fesx] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 500;
    color: white;
}

.status-completed[b-5302d5fesx] {
    background-color: #d4edda;
    color: #155724;
}

/* Progress */
.col-progress[b-5302d5fesx] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.progress-bar[b-5302d5fesx] {
    flex: 1;
    height: 6px;
    background-color: var(--color-bg-secondary);
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-5302d5fesx] {
    height: 100%;
    background-color: #57534d;
    border-radius: 3px;
}

.progress-text[b-5302d5fesx] {
    font-size: 0.8em;
    color: var(--color-text-muted);
    min-width: 30px;
}

/* Sync Status */
.sync-status[b-5302d5fesx] {
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 0.9em;
}

.sync-loading[b-5302d5fesx] {
    background-color: #e7f3ff;
    color: #0066cc;
    border: 1px solid #b3d9ff;
}

.sync-success[b-5302d5fesx] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.sync-error[b-5302d5fesx] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Modal */
.form-container .note[b-5302d5fesx] {
    margin-bottom: 10px;
}

/* Responsive */
@media (max-width: 900px) {
    .tasks-table-header[b-5302d5fesx],
    .tasks-table-row[b-5302d5fesx] {
        grid-template-columns: 1fr 100px 80px 70px 80px;
    }

    .col-post[b-5302d5fesx],
    .col-dates[b-5302d5fesx] {
        display: none;
    }
}

@media (max-width: 600px) {
    .tasks-container[b-5302d5fesx] {
        padding: 10px;
    }

    .table-header[b-5302d5fesx] {
        margin-left: 40px;
    }

    .tasks-table-header[b-5302d5fesx],
    .tasks-table-row[b-5302d5fesx] {
        grid-template-columns: 1fr 80px 70px;
    }

    .col-project[b-5302d5fesx],
    .col-employee[b-5302d5fesx],
    .col-post[b-5302d5fesx],
    .col-dates[b-5302d5fesx] {
        display: none;
    }
}
/* _content/Web/DocumentCheck/Pages/DocumentCheck.razor.rz.scp.css */
.document-check-container[b-5tky8qrii8] {
    padding: 20px;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
}

.document-check-container *[b-5tky8qrii8] {
    box-sizing: border-box;
}

.page-title[b-5tky8qrii8] {
    margin-bottom: 24px;
    font-weight: 500;
}

.upload-section[b-5tky8qrii8] {
    margin-bottom: 20px;
}

.file-info-section[b-5tky8qrii8] {
    margin-bottom: 20px;
}

.file-info-item[b-5tky8qrii8] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    /* border-radius: 8px; */
    /* background-color: var(--color-bg-white); */
    min-width: 0;
    width: 100%;
}

.file-info-item .material-icons[b-5tky8qrii8] {
    color: var(--color-text-muted);
}

.file-info-item .file-name[b-5tky8qrii8] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.action-section[b-5tky8qrii8] {
    margin-bottom: 24px;
}

.result-section[b-5tky8qrii8] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 16px;
    background-color: var(--color-bg-white);
    width: 100%;
    overflow: hidden;
}

.result-header[b-5tky8qrii8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.result-header h3[b-5tky8qrii8] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.result-content[b-5tky8qrii8] {
    background-color: var(--color-bg-secondary);
    border-radius: 4px;
    padding: 16px;
    overflow-x: auto;
    width: 100%;
}

.result-content pre[b-5tky8qrii8] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.5;
}

.copy-notification[b-5tky8qrii8] {
    color: var(--color-success);
    font-size: 12px;
    margin-bottom: 8px;
}

@media (max-width: 480px) {
    .document-check-container[b-5tky8qrii8] {
        padding: 12px;
    }

    .result-section[b-5tky8qrii8] {
        padding: 12px;
    }

    .result-content[b-5tky8qrii8] {
        padding: 12px;
    }

    .file-info-item[b-5tky8qrii8] {
        padding: 10px 12px;
        gap: 8px;
    }
}
/* _content/Web/KnowledgeBase/KnowledgeBasePage.razor.rz.scp.css */
.kb-container[b-0dd7nujpuh] {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
}

.kb-menu-toggle[b-0dd7nujpuh] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
}

.kb-sidebar[b-0dd7nujpuh] {
    width: 280px;
    min-width: 280px;
    height: 100%;
    overflow-y: auto;
    border-right: 1px solid #e3e3e3;
    background: #fff;
    padding-top: 48px;
    transition: width 0.2s, min-width 0.2s;
}

.kb-sidebar.collapsed[b-0dd7nujpuh] {
    width: 0;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border-right: none;
}

.kb-content[b-0dd7nujpuh] {
    flex: 1;
    height: 100%;
    min-width: 0;
}

.kb-frame[b-0dd7nujpuh] {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .kb-container[b-0dd7nujpuh] {
        height: calc(100% - 50px);
        padding-top: 50px;
    }

    .kb-sidebar[b-0dd7nujpuh] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 5;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);
        padding-top: 100px;
    }

    .kb-sidebar.collapsed[b-0dd7nujpuh] {
        box-shadow: none;
    }

    .kb-menu-toggle[b-0dd7nujpuh] {
        top: 58px;
    }
}