/* /Components/ClientInformation.razor.rz.scp.css */
.section-card[b-v9khf6iwya] {
    border: 1px solid rgb(229, 231, 235);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 16px;
}

.section-header[b-v9khf6iwya] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: default;
}

.section-header-text[b-v9khf6iwya] {
    font-weight: 600;
    font-size: 13px;
}

.section-content[b-v9khf6iwya] {
    background: white;
    padding: 16px;
}

.form-label-client[b-v9khf6iwya] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    margin-bottom: 3px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.form-input-client[b-v9khf6iwya] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: white;
}

.form-select-client[b-v9khf6iwya] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 8px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    background: white;
    cursor: pointer;
    outline: none;
    width: 100%;
}

.form-textarea-client[b-v9khf6iwya] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: white;
    min-height: 90px;
    resize: vertical;
}

.radio-label-client[b-v9khf6iwya] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    cursor: pointer;
    white-space: nowrap;
    margin-bottom: 4px;
}

.radio-input-client[b-v9khf6iwya] {
    accent-color: rgb(13, 148, 136);
}

.checkbox-label-client[b-v9khf6iwya] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    cursor: pointer;
    white-space: nowrap;
}

.checkbox-input-client[b-v9khf6iwya] {
    accent-color: rgb(13, 148, 136);
    width: 13px;
    height: 13px;
}

.btn-save-client[b-v9khf6iwya] {
    padding: 7px 20px;
    background: rgb(13, 148, 136);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.grid-2-1-1[b-v9khf6iwya] {
    display: grid;
    grid-template-columns: 130px 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.grid-auto-1fr-120-150[b-v9khf6iwya] {
    display: grid;
    grid-template-columns: auto 1fr 120px 150px;
    gap: 14px;
    margin-bottom: 14px;
    align-items: end;
}

.grid-5[b-v9khf6iwya] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}

.grid-1fr-auto[b-v9khf6iwya] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
}

.grid-1fr-1fr[b-v9khf6iwya] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 22px;
    align-content: start;
    padding-top: 18px;
}

.flex-end-margin-top[b-v9khf6iwya] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.padding-bottom-8px[b-v9khf6iwya] {
    padding-bottom: 8px;
}
/* /Components/Filter.razor.rz.scp.css */
.vc-toolbar[b-c8p47dxugh] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    padding: 10px 16px;
}

.vc-toolbar-group[b-c8p47dxugh] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.vc-toolbar-label[b-c8p47dxugh] {
    font-size: 13px;
    color: rgb(107, 114, 128);
}

.vc-toolbar-select[b-c8p47dxugh] {
    font-size: 13px;
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.vc-toolbar-spacer[b-c8p47dxugh] {
    flex: 1 1 0%;
}

.vc-search-input[b-c8p47dxugh] {
    padding: 5px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    font-size: 13px;
    width: 200px;
}

.vc-table-footer[b-c8p47dxugh] {
    padding: 12px 16px;
    background: rgb(249, 250, 251);
    border-top: 1px solid rgb(229, 231, 235);
    font-size: 12px;
    color: rgb(107, 114, 128);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vc-pagination[b-c8p47dxugh] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-c8p47dxugh] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 12px;
    color: rgb(31, 41, 55);
}

.vc-button-pagination--highlight[b-c8p47dxugh] {
    background: rgb(13, 148, 136);
    color: white;
    border: none;
}
/* /Components/Header.razor.rz.scp.css */
/* Header container */
/* property header */
.property-header-container[b-x10h26uxuz] {
    background: rgb(30, 58, 95);
    color: rgb(255, 255, 255);
    padding: 12px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0px;
    z-index: 10;
}
.property-header-title[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.property-back-button[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    font-size: 12px;
    padding: 0px;
}
.property-title[b-x10h26uxuz] {
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(255, 255, 255);
}
.view-on-website-btn[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}
/* end property header */
.header-container[b-x10h26uxuz] {
    position: sticky;
    top: 0px;
    z-index: 10;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
}

/* Sticky header */
.sticky-header[b-x10h26uxuz] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
}

/* Header title */
.header-title[b-x10h26uxuz] {
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

/* Header button container */
.header-buttons[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 10px
}

/* Sync button */
.btn-sync[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
}

/* Add Property button */
.btn-add[b-x10h26uxuz] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}
/* /Components/Pagination.razor.rz.scp.css */
.vc-table-footer[b-bmshbug9nj] {
    padding: 12px 16px;
    background: rgb(249, 250, 251);
    border-top: 1px solid rgb(229, 231, 235);
    font-size: 12px;
    color: rgb(107, 114, 128);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vc-pagination[b-bmshbug9nj] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-bmshbug9nj] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 12px;
    color: rgb(31, 41, 55);
}

.vc-button-pagination-prev[b-bmshbug9nj] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 12px;
}

.vc-button-pagination-current[b-bmshbug9nj] {
    padding: 4px 8px;
    background: white;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    cursor: pointer;
    font-size: 12px;
}

.vc-button-pagination-next[b-bmshbug9nj] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 12px;
}

.disabled[b-bmshbug9nj]{
    opacity:0.4;
}

.vc-button-pagination--highlight[b-bmshbug9nj] {
    padding: 4px 8px;
    background: rgb(13, 148, 136);
    color: white;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 12px;
}
/* /Components/UIElements.razor.rz.scp.css */
/* loader css */

.mypreloader[b-rb7ldtbvdg] {
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 75%);
    text-align: center;
    display: none;
}

.loader-box[b-rb7ldtbvdg] {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loader-shape[b-rb7ldtbvdg] {
    border: 2px solid var(--colorWhite);
    width: 60px;
    height: 60px;
    background: var(--mainTheme);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation-b-rb7ldtbvdg 2s linear infinite;
}

    .loader-shape[b-rb7ldtbvdg]::after {
        content: "";
        box-sizing: border-box;
        position: absolute;
        left: 50%;
        top: 50%;
        border: 30px solid;
        border-color: transparent var(--colorWhite);
        border-radius: 50%;
        transform: translate(-50%, -50%);
    }

.task-preloader[b-rb7ldtbvdg] {
    position: fixed;
    z-index: 999999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    text-align: center;
    display: none;
}

.task-loader[b-rb7ldtbvdg] {
    position: absolute;
    z-index: 1;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgb(30, 58, 95);
    color: white;
    width: 50%;
    padding: 10px;
    border-radius: 25px;
    text-align:center;
    opacity: 0.6;
}

@keyframes rotation-b-rb7ldtbvdg {
    0% {
        transform: rotate(0deg);
    }

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

/* end load css */

/* toast css */

/*-- Start --*/
.toast[b-rb7ldtbvdg] {
    position: fixed;
    z-index: 13;
    top: 0;
    right: 0;
    margin: 20px;
    background-color: var(--colorWhite);
    border-radius: 7px;
    border: none;
    border-left: 5px solid var(--colorBlack);
}

    .toast .toast-box[b-rb7ldtbvdg] {
        display: flex;
        align-items: center;
        padding: 10px 15px;
        background-color: transparent;
    }

.toast-box i[b-rb7ldtbvdg] {
    font-size: 30px;
    color: var(--colorBlack);
}

.toast-cnt[b-rb7ldtbvdg] {
    margin: 0 15px;
}

    .toast-cnt .toast-status[b-rb7ldtbvdg] {
        font-size: 16px;
        font-weight: 600;
        color: var(--colorBlack);
    }

    .toast-cnt .toast-msg[b-rb7ldtbvdg] {
        font-size: 14px;
        color: var(--colorBlack);
    }

.toast-box button[b-rb7ldtbvdg] {
    font-size: 18px;
    color: var(--colorBlack);
    padding: 0;
    border: none;
    margin-left: auto;
    background-color: transparent;
}

    .toast-box button i[b-rb7ldtbvdg] {
        font-size: 24px;
        color: var(--colorBlack);
    }

.toast.toast-success[b-rb7ldtbvdg] {
    background-color: #c5f7dc;
    border-left-color: #3ac279;
}

    .toast.toast-success i[b-rb7ldtbvdg] {
        color: #3ac279;
    }

    .toast.toast-success .toast-cnt .toast-status[b-rb7ldtbvdg] {
        color: #3ac279;
    }

    .toast.toast-success button i[b-rb7ldtbvdg] {
        color: #3ac279;
    }

.toast.toast-warning[b-rb7ldtbvdg] {
    background-color: #ffe8c3;
    border-left-color: #e89f2a;
}

    .toast.toast-warning i[b-rb7ldtbvdg] {
        color: #e89f2a;
    }

    .toast.toast-warning .ti-circle-check-filled[b-rb7ldtbvdg]:before {
        content: "\f6f0";
    }

    .toast.toast-warning .toast-cnt .toast-status[b-rb7ldtbvdg] {
        color: #e89f2a;
    }

    .toast.toast-warning button i[b-rb7ldtbvdg] {
        color: #e89f2a;
    }

.toast.toast-info[b-rb7ldtbvdg] {
    background-color: #cde2ff;
    border-left-color: #3d84e5;
}

    .toast.toast-info i[b-rb7ldtbvdg] {
        color: #3d84e5;
    }

    .toast.toast-info .ti-circle-check-filled[b-rb7ldtbvdg]:before {
        content: "\f6d8";
    }

    .toast.toast-info .toast-cnt .toast-status[b-rb7ldtbvdg] {
        color: #3d84e5;
    }

    .toast.toast-info button i[b-rb7ldtbvdg] {
        color: #3d84e5;
    }

.toast.toast-error[b-rb7ldtbvdg] {
    background-color: #ffcfcb;
    border-left-color: #e95a4d;
}

    .toast.toast-error i[b-rb7ldtbvdg] {
        color: #e95a4d;
    }

    .toast.toast-error .ti-circle-check-filled[b-rb7ldtbvdg]:before {
        content: "\f739";
    }

    .toast.toast-error .toast-cnt .toast-status[b-rb7ldtbvdg] {
        color: #e95a4d;
    }

    .toast.toast-error button i[b-rb7ldtbvdg] {
        color: #e95a4d;
    }

/*-- End --*/

/* end toast css */
/* /Components/VCSelect.razor.rz.scp.css */

.select-search-input-container[b-qd6dt4cjcg] {
    padding: 6px 8px;
    border-bottom: 1px solid rgb(243, 244, 246);
}

.select-search-input[b-qd6dt4cjcg] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 13px;
    background-color: white;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.dropdown-collapse[b-qd6dt4cjcg] {
    border: 1px solid rgb(13, 148, 136);
}

.select-item[b-qd6dt4cjcg] {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 13px;
    color: rgb(55, 65, 81);
    background: transparent;
}

.property-dropdown-container[b-qd6dt4cjcg] {
    /*position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 50;
    margin-top: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    height: 245px;
    overflow-x: hidden;
    overflow-y: auto;*/

    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    z-index: 50;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    max-height: 220px;
    overflow-y: auto;
}

.dropdown-search[b-qd6dt4cjcg] {
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 13px;
    box-sizing: border-box;
}

.dropdown-item[b-qd6dt4cjcg] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 13px;
}

    .dropdown-item:last-child[b-qd6dt4cjcg] {
        border-bottom: none;
    }

.dropdown-radio[b-qd6dt4cjcg] {
    margin-right: 8px;
    cursor: pointer;
}

.dropdown-checkbox[b-qd6dt4cjcg] {
    margin-right: 8px;
    cursor: pointer;
}

.dropdown-menu-sm[b-qd6dt4cjcg] {
    position: absolute;
    top: 100%;
    left: 0px;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 50;
    margin-top: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    min-width: 150px;
}

.dropdown-item-sm[b-qd6dt4cjcg] {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 12px;
}

    .dropdown-item-sm:last-child[b-qd6dt4cjcg] {
        border-bottom: none;
    }
/* /Pages/Agents/AgentDirectory.razor.rz.scp.css */
/* Agent Page Container */
.agent-page-container[b-drmybsfslq] {
    padding: 20px 24px;
    background: #f3f4f6;
    min-height: calc(100vh - 120px);
}

/* Agent Detail Card */
.agent-detail-card[b-drmybsfslq] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 20px;
    margin-bottom: 20px;
}

/* Divider */
.agents-divider[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.agents-divider-line[b-drmybsfslq] {
    flex: 1;
    border-top: 1px dashed #d1d5db;
}

.agents-divider-text[b-drmybsfslq] {
    font-size: 11px;
    color: #9ca3af;
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: 0.04em;
}

/* Agent Detail Form */
.agent-detail-form[b-drmybsfslq] {
    width: 100%;
}

/* Agent Type Toggle */
.agent-type-toggle[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.agent-type-label[b-drmybsfslq] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
}

.toggle-buttons[b-drmybsfslq] {
    display: flex;
    background: #f3f4f6;
    border-radius: 6px;
    padding: 3px;
    gap: 2px;
}

.toggle-btn[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: #6b7280;
    transition: all 0.15s;
}

.toggle-btn.active[b-drmybsfslq] {
    background: #0d9488;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.toggle-btn:not(.active):hover[b-drmybsfslq] {
    background: #fff;
    color: #111827;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Form Section */
.form-section[b-drmybsfslq] {
    width: 100%;
}

.form-row[b-drmybsfslq] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.form-field[b-drmybsfslq] {
    flex: 1 1 180px;
    min-width: 0;
}

.form-label[b-drmybsfslq] {
    display: block;
    font-size: 11px;
    color: #374151;
    font-weight: 600;
    margin-bottom: 5px;
}

.form-input[b-drmybsfslq],
.form-select[b-drmybsfslq],
.form-textarea[b-drmybsfslq] {
    width: 100%;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    background-color: #fff;
    box-sizing: border-box;
}

.form-select[b-drmybsfslq] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 28px;
}

.form-textarea[b-drmybsfslq] {
    resize: vertical;
    min-height: 80px;
    line-height: 1.5;
}

/* Section Label */
.section-label[b-drmybsfslq] {
    font-size: 10px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f3f4f6;
}

/* Sub-Agents Section */
.sub-agents-section[b-drmybsfslq] {
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
    margin-top: 16px;
}

.sub-agents-header[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.sub-agents-title[b-drmybsfslq] {
    font-size: 10px;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}

.sub-agents-count[b-drmybsfslq] {
    font-size: 11px;
    background: #f0fdf4;
    color: #0d9488;
    border: 1px solid #a7f3d0;
    border-radius: 10px;
    padding: 1px 8px;
    font-weight: 600;
}

.add-sub-agent-form[b-drmybsfslq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-end;
    margin-bottom: 12px;
    padding: 12px;
    background: #f9fafb;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}

.btn-add-sub-agent[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px 14px;
    border: none;
    border-radius: 4px;
    background: #0d9488;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.btn-add-sub-agent:hover[b-drmybsfslq] {
    background: #0f766e;
}

/* Sub-Agents Table */
.sub-agents-table[b-drmybsfslq] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    overflow: hidden;
}

.sub-agents-table table[b-drmybsfslq] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.sub-agents-table thead tr[b-drmybsfslq] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.sub-agents-table th[b-drmybsfslq] {
    padding: 8px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    color: #374151;
}

.sub-agents-table tbody tr[b-drmybsfslq] {
    border-bottom: 1px solid #f3f4f6;
}

.sub-agents-table tbody tr:nth-child(even)[b-drmybsfslq] {
    background: #fafafa;
}

.sub-agents-table tbody tr td[b-drmybsfslq] {
    padding: 8px 12px;
    color: #374151;
}

.sub-agents-table tbody tr td:first-child[b-drmybsfslq] {
    color: #111827;
    font-weight: 500;
}

.btn-delete-sub[b-drmybsfslq] {
    background: #ef4444;
    color: #fff;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-delete-sub:hover[b-drmybsfslq] {
    background: #dc2626;
}

/* No Sub-Agents */
.no-sub-agents[b-drmybsfslq] {
    padding: 16px;
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
    border: 1px dashed #d1d5db;
    border-radius: 6px;
}

/* Form Actions */
.form-actions[b-drmybsfslq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f3f4f6;
}

.btn-cancel[b-drmybsfslq] {
    padding: 7px 16px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.btn-cancel:hover[b-drmybsfslq] {
    background: #f9fafb;
}

.btn-save[b-drmybsfslq] {
    padding: 7px 24px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.btn-save:hover[b-drmybsfslq] {
    background: #0f766e;
}

/* Agents Table Container */
.agents-table-container[b-drmybsfslq] {
    width: 100%;
}

/* Table Controls */
.table-controls[b-drmybsfslq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
    background-color: white;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.table-filter-group[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.table-filter-show-label[b-drmybsfslq],
.table-filter-show-entry-label[b-drmybsfslq] {
    font-size: 13px;
    color: #6b7280;
}

.table-filter-show-select[b-drmybsfslq] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 5px 24px 5px 8px;
    font-size: 12px;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    width: auto;
}

.table-filter-search-container[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.table-filter-search-label[b-drmybsfslq] {
    font-size: 13px;
    color: #6b7280;
}

.table-filter-search-wrapper[b-drmybsfslq] {
    position: relative;
}

.table-filter-search-input[b-drmybsfslq] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 200px;
}

.table-filter-search-icon[b-drmybsfslq] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b7280;
}

/* Table Wrapper */
.table-wrapper[b-drmybsfslq] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.agents-table[b-drmybsfslq] {
    width: 100%;
    border-collapse: collapse;
}

.agents-table thead tr[b-drmybsfslq] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.agents-table th[b-drmybsfslq] {
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
    color: #374151;
}

.agents-table th.text-left[b-drmybsfslq] {
    text-align: left;
}

.agents-table tbody tr[b-drmybsfslq] {
    border-bottom: 1px solid #f3f4f6;
}

.agents-table tbody tr:hover:not(.selected)[b-drmybsfslq] {
    background: #f0fdfa;
}

.agents-table tbody tr td[b-drmybsfslq] {
    padding: 8px 12px;
}

.no-results[b-drmybsfslq] {
    padding: 28px;
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
}

/* Agent Info */
.agent-company-name[b-drmybsfslq] {
    font-size: 13px;
    color: #111827;
    font-weight: 600;
}

.agent-lead-text[b-drmybsfslq] {
    font-size: 11px;
    color: #6b7280;
    margin-top: 1px;
}

.agent-name[b-drmybsfslq] {
    font-size: 13px;
    color: #111827;
    font-weight: 500;
}

.agent-company-text[b-drmybsfslq] {
    font-size: 11px;
    color: #6b7280;
    margin-top: 1px;
}

.agent-email[b-drmybsfslq],
.agent-phone[b-drmybsfslq] {
    font-size: 13px;
    color: #374151;
}

/* Agent Type Badges */
.agent-type-container[b-drmybsfslq] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    align-items: flex-start;
}

.badge-company[b-drmybsfslq],
.badge-individual[b-drmybsfslq],
.badge-subagents[b-drmybsfslq] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    border-radius: 10px;
    padding: 2px 8px;
}

.badge-company[b-drmybsfslq] {
    font-weight: 600;
    color: #0d9488;
    background: #f0fdf4;
    border: 1px solid #a7f3d0;
}

.badge-individual[b-drmybsfslq] {
    font-weight: 600;
    color: #4b5563;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
}

.badge-subagents[b-drmybsfslq] {
    color: #6b7280;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

/* Action Buttons */
.action-btn-edit[b-drmybsfslq],
.action-btn-delete[b-drmybsfslq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background 0.15s;
}

.action-btn-edit[b-drmybsfslq] {
    background: #2c4a6e;
    color: #fff;
}

.action-btn-edit:hover[b-drmybsfslq] {
    background: #0d9488;
}

.action-btn-delete[b-drmybsfslq] {
    background: #dc2626;
    color: #fff;
}

.action-btn-delete:hover[b-drmybsfslq] {
    background: #b91c1c;
}

/* Pagination */
.table-pagination[b-drmybsfslq] {
    padding: 10px 14px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.pagination-info[b-drmybsfslq] {
    font-size: 12px;
    color: #6b7280;
}

.pagination-buttons[b-drmybsfslq] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.pagination-btn[b-drmybsfslq] {
    padding: 4px 10px;
    font-size: 12px;
    border: 1px solid #d1d5db;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 400;
}

.pagination-btn:not(.active):not(:disabled)[b-drmybsfslq] {
    background: #fff;
    color: #374151;
}

.pagination-btn:not(.active):not(:disabled):hover[b-drmybsfslq] {
    background: #f9fafb;
}

.pagination-btn.active[b-drmybsfslq] {
    background: #0d9488;
    color: #fff;
    border-color: #0d9488;
    font-weight: 600;
}

.pagination-btn:disabled[b-drmybsfslq] {
    background: #f3f4f6;
    color: #9ca3af;
    cursor: default;
}

/* Modal Overlay */
.modal-overlay[b-drmybsfslq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-drmybsfslq] {
    background: #fff;
    border-radius: 8px;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-header[b-drmybsfslq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h3[b-drmybsfslq] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.modal-close[b-drmybsfslq] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-close:hover[b-drmybsfslq] {
    color: #111827;
}

.modal-body[b-drmybsfslq] {
    padding: 20px;
}

/* Add Agent Button */
.btn-add-agent[b-drmybsfslq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.btn-add-agent:hover[b-drmybsfslq] {
    background: #0f766e;
}
/* /Pages/Bookings/ArchiveBookingDetails.razor.rz.scp.css */
.section-header[b-7mvo5fces5] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px 6px 0px 0px;
    margin-bottom: 0px;
}

.section-content[b-7mvo5fces5] {
    border-width: medium 1px 1px;
    border-style: none solid solid;
    border-color: currentcolor rgb(229, 231, 235) rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 6px 6px;
    padding: 20px 18px;
    background-color: white;
    margin-bottom: 20px;
}

.form-label[b-7mvo5fces5] {
    font-size: 12px;
    font-weight: 500;
    color: rgb(55, 65, 81);
    margin-bottom: 5px;
    display: block;
}

.form-input[b-7mvo5fces5] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    background-color: white;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.form-select[b-7mvo5fces5] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    background-color: white;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
}

.form-textarea[b-7mvo5fces5] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    background-color: white;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    resize: vertical;
}

.radio-label[b-7mvo5fces5] {
    font-size: 12px;
    font-weight: 500;
    color: rgb(55, 65, 81);
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.radio-input[b-7mvo5fces5] {
    accent-color: rgb(13, 148, 136);
}

.villa-dropdown[b-7mvo5fces5] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 7px 10px;
    font-size: 13px;
    background-color: white;
    color: rgb(55, 65, 81);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.btn-save[b-7mvo5fces5] {
    padding: 10px 28px;
    background: rgb(13, 148, 136);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
}

.grid-3-name[b-7mvo5fces5] {
    display: grid;
    grid-template-columns: 140px 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.grid-contact[b-7mvo5fces5] {
    display: grid;
    grid-template-columns: auto 1fr 140px 160px;
    gap: 16px;
    align-items: end;
    margin-bottom: 16px;
}

.radio-group[b-7mvo5fces5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-bottom: 2px;
}

.grid-3[b-7mvo5fces5] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.grid-2[b-7mvo5fces5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.textarea-sm[b-7mvo5fces5] {
    min-height: 70px;
}

.textarea-lg[b-7mvo5fces5] {
    min-height: 90px;
}

.grid-booking[b-7mvo5fces5] {
    display: grid;
    grid-template-columns: 140px 140px 70px 80px 110px 110px 1fr;
    gap: 12px;
    margin-bottom: 16px;
    align-items: end;
}

.villa-wrapper[b-7mvo5fces5] {
    position: relative;
    width: 100%;
}

.villa-text[b-7mvo5fces5] {
    color: rgb(55, 65, 81);
}

.button-container[b-7mvo5fces5] {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px;
}
/* /Pages/Bookings/ArchiveBookings.razor.rz.scp.css */
.archive-container[b-v5np890qvu] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    overflow: hidden;
}

.archive-table[b-v5np890qvu] {
    width: 100%;
    border-collapse: collapse;
}

.archive-table-header-row[b-v5np890qvu] {
    background: rgb(249, 250, 251);
    border-bottom: 2px solid rgb(229, 231, 235);
}

.archive-table-header[b-v5np890qvu] {
    padding: 10px 16px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: rgb(55, 65, 81);
    letter-spacing: 0.02em;
}

.archive-table-header-center[b-v5np890qvu] {
    padding: 10px 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: rgb(55, 65, 81);
    letter-spacing: 0.02em;
}

.archive-table-row[b-v5np890qvu] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: white;
}

.archive-table-row-alt[b-v5np890qvu] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(250, 250, 250);
}

.archive-table-cell[b-v5np890qvu] {
    padding: 10px 16px;
    color: rgb(55, 65, 81);
    cursor: pointer;
}

.archive-table-cell-center[b-v5np890qvu] {
    padding: 10px 16px;
    text-align: center;
    color: rgb(55, 65, 81);
}

.btn-delete[b-v5np890qvu] {
    width: 30px;
    height: 30px;
    background: rgb(239, 68, 68);
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* /Pages/Bookings/BookingOverview.razor.rz.scp.css */
body[b-qleyb6i28a] {
}
/* /Pages/Clients/ClientsOverview.razor.rz.scp.css */
.client-preference[b-f9jdvanlha] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: rgb(107, 114, 128);
    cursor: pointer;
}

.btn-back[b-f9jdvanlha] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    color: rgb(13, 148, 136);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 12px;
    padding: 0px;
}

.client-header[b-f9jdvanlha] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.client-avatar[b-f9jdvanlha] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgb(59, 130, 246), rgb(29, 78, 216));
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.client-name[b-f9jdvanlha] {
    font-weight: 700;
    font-size: 16px;
    color: rgb(17, 24, 39);
}

.client-badges[b-f9jdvanlha] {
    font-size: 12px;
    color: rgb(107, 114, 128);
    margin-top: 1px;
}

.badge[b-f9jdvanlha] {
    display: inline-block;
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 600;
    margin-right: 3px;
}

.badge-vip[b-f9jdvanlha] {
    color: rgb(124, 58, 237);
    background: rgb(245, 243, 255);
}

.badge-repeat[b-f9jdvanlha] {
    color: rgb(13, 148, 136);
    background: rgb(240, 253, 244);
}

.badge-trade[b-f9jdvanlha] {
    color: rgb(29, 78, 216);
    background: rgb(239, 246, 255);
}

.section-card[b-f9jdvanlha] {
    border: 1px solid rgb(229, 231, 235);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 16px;
}

.section-header-clickable[b-f9jdvanlha] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.section-header-text[b-f9jdvanlha] {
    font-weight: 600;
    font-size: 13px;
}

.section-header-icon[b-f9jdvanlha] {
    color: rgba(255, 255, 255, 0.8);
}

.section-content[b-f9jdvanlha] {
    background: white;
    padding: 16px;
}


.data-table[b-f9jdvanlha] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    margin-bottom: 12px;
}

.data-table-header[b-f9jdvanlha] {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: rgb(55, 65, 81);
    font-size: 12px;
    background: rgb(232, 238, 245);
    border-bottom: 1px solid rgb(209, 213, 219);
    white-space: nowrap;
}

.data-table-cell[b-f9jdvanlha] {
    padding: 9px 14px;
    color: rgb(55, 65, 81);
    font-size: 13px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.data-table-cell-sm[b-f9jdvanlha] {
    padding: 9px 14px;
    color: rgb(55, 65, 81);
    font-size: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
    max-width: 220px;
}

.data-table-cell-nowrap[b-f9jdvanlha] {
    padding: 9px 14px;
    color: rgb(55, 65, 81);
    font-size: 12px;
    border-bottom: 1px solid rgb(240, 240, 240);
    white-space: nowrap;
}

.table-select[b-f9jdvanlha] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    background: white;
    cursor: pointer;
    outline: none;
}

.btn-icon-sm[b-f9jdvanlha] {
    width: 26px;
    height: 26px;
    background: rgb(239, 68, 68);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon-sm-green[b-f9jdvanlha] {
    width: 26px;
    height: 26px;
    background: rgb(13, 148, 136);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-add-contact[b-f9jdvanlha] {
    padding: 6px 16px;
    background: rgb(29, 78, 216);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}

.link-primary[b-f9jdvanlha] {
    color: rgb(37, 99, 235);
    text-decoration: none;
    font-weight: 500;
}

.action-buttons[b-f9jdvanlha] {
    display: flex;
    gap: 4px;
}

.divider[b-f9jdvanlha] {
    border-top: 2px dashed rgb(229, 231, 235);
    margin: 16px 0px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.divider-text[b-f9jdvanlha] {
    background: rgb(243, 244, 246);
    padding: 0px 12px;
    font-size: 11px;
    color: rgb(156, 163, 175);
    letter-spacing: 0.05em;
    position: relative;
    top: -9px;
}

.grid-2-1-1[b-f9jdvanlha] {
    display: grid;
    grid-template-columns: 130px 1fr 1fr;
    gap: 14px;
    margin-bottom: 14px;
}

.grid-auto-1fr-120-150[b-f9jdvanlha] {
    display: grid;
    grid-template-columns: auto 1fr 120px 150px;
    gap: 14px;
    margin-bottom: 14px;
    align-items: end;
}

.grid-5[b-f9jdvanlha] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 16px;
}

.grid-1fr-auto[b-f9jdvanlha] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
}

.grid-1fr-1fr[b-f9jdvanlha] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 22px;
    align-content: start;
    padding-top: 18px;
}

.flex-end[b-f9jdvanlha] {
    display: flex;
    justify-content: flex-end;
}

.flex-end-margin-top[b-f9jdvanlha] {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
}

.padding-bottom-8px[b-f9jdvanlha] {
    padding-bottom: 8px;
}

.vc-table-container[b-f9jdvanlha] {
    overflow-x: auto;
}

.vc-table[b-f9jdvanlha] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.vc-table-header-row[b-f9jdvanlha] {
    background: rgb(232, 238, 245);
}

.vc-table-header-cell[b-f9jdvanlha] {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: rgb(55, 65, 81);
    font-size: 12px;
    border-bottom: 1px solid rgb(209, 213, 219);
    white-space: nowrap;
}

.vc-table-body-row[b-f9jdvanlha] {
    cursor: pointer;
}

.vc-table-body-row:hover[b-f9jdvanlha] {
    background: rgb(249, 250, 251);
}

.edit-button.active[b-f9jdvanlha] {
    background: rgb(29, 78, 216)
}

    .vc-table-body-row.active[b-f9jdvanlha] {
        background: rgb(239, 246, 255);
    }
    .vc-table-cell[b-f9jdvanlha] {
        padding: 9px 14px;
        color: rgb(55, 65, 81);
        font-size: 13px;
        border-bottom: 1px solid rgb(240, 240, 240);
    }

.table-row[b-f9jdvanlha] {
    cursor: default;
}

.btn-active[b-f9jdvanlha]{
    background: rgb(29, 78, 216);
    color: white;
}

.select-relation[b-f9jdvanlha] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    background: white;
    cursor: pointer;
    outline: none;
}
/* /Pages/Contacts/Contacts.razor.rz.scp.css */
.form-container[b-0jk9kvvt3r] {
    background: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    padding: 16px;
    margin-bottom: 16px;
}

.form-grid[b-0jk9kvvt3r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.form-label[b-0jk9kvvt3r] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.form-input[b-0jk9kvvt3r],
.form-select[b-0jk9kvvt3r] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
}

.form-textarea[b-0jk9kvvt3r] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    font-family: Inter, sans-serif;
}

.form-actions[b-0jk9kvvt3r] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-cancel[b-0jk9kvvt3r] {
    background: white;
    border: 1px solid rgb(209, 213, 219);
    color: rgb(55, 65, 81);
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.btn-save[b-0jk9kvvt3r] {
    background: rgb(13, 148, 136);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
}

.divider[b-0jk9kvvt3r] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.divider-line[b-0jk9kvvt3r] {
    flex: 1 1 0%;
    border-top: 1px dashed rgb(209, 213, 219);
}

.divider-text[b-0jk9kvvt3r] {
    font-size: 11px;
    color: rgb(156, 163, 175);
    font-weight: 500;
    white-space: nowrap;
    letter-spacing: 0.04em;
}

/* Properties Section */
.properties-container[b-0jk9kvvt3r] {
    background: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
    overflow: hidden;
}

.properties-header[b-0jk9kvvt3r] {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
}

.properties-title[b-0jk9kvvt3r] {
    margin: 0px;
    font-size: 13px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.properties-action-bar[b-0jk9kvvt3r] {
    padding: 12px 16px;
    border-bottom: 1px solid rgb(229, 231, 235);
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.properties-field[b-0jk9kvvt3r] {
    flex: 1 1 0%;
}

.properties-label[b-0jk9kvvt3r] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.btn-dropdown[b-0jk9kvvt3r] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    background: white;
    cursor: pointer;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-arrow[b-0jk9kvvt3r] {
    color: rgb(156, 163, 175);
}

.properties-table[b-0jk9kvvt3r] {
    width: 100%;
    font-size: 13px;
    border-collapse: collapse;
}

.properties-table-header-row[b-0jk9kvvt3r] {
    background: rgb(249, 250, 251);
    border-bottom: 2px solid rgb(229, 231, 235);
}

.properties-table-header[b-0jk9kvvt3r] {
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    color: rgb(55, 65, 81);
    font-size: 12px;
    background: rgb(232, 238, 245);
    border-bottom: 1px solid rgb(209, 213, 219);
}

.properties-table-header-center[b-0jk9kvvt3r] {
    padding: 10px 14px;
    text-align: center;
    font-weight: 600;
    color: rgb(55, 65, 81);
    font-size: 12px;
    background: rgb(232, 238, 245);
    border-bottom: 1px solid rgb(209, 213, 219);
}

.properties-table-row[b-0jk9kvvt3r] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: white;
}

.properties-table-row-alt[b-0jk9kvvt3r] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(250, 250, 250);
}

.properties-table-cell[b-0jk9kvvt3r] {
    padding: 9px 14px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    border-bottom: 1px solid rgb(240, 240, 240);
}

.properties-table-cell-center[b-0jk9kvvt3r] {
    padding: 9px 14px;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

.btn-role-badge[b-0jk9kvvt3r] {
    background: rgb(30, 58, 95);
    color: white;
    border: none;
    border-radius: 4px;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    min-width: 32px;
    text-align: center;
}

.btn-delete[b-0jk9kvvt3r] {
    background: rgb(239, 68, 68);
    color: white;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 5px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.properties-pagination[b-0jk9kvvt3r] {
    padding: 10px 16px;
    border-top: 1px solid rgb(229, 231, 235);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.properties-pagination-controls[b-0jk9kvvt3r] {
    display: flex;
    gap: 8px;
}

.btn-page[b-0jk9kvvt3r] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.btn-page:disabled[b-0jk9kvvt3r] {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Dropdown Menu */
/*.property-dropdown-container {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 50;
    margin-top: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    height: 245px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dropdown-search {
    width: 100%;
    padding: 8px 12px;
    border: none;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 13px;
    box-sizing: border-box;
}

.dropdown-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 13px;
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-radio {
    margin-right: 8px;
    cursor: pointer;
}

.dropdown-checkbox {
    margin-right: 8px;
    cursor: pointer;
}

.dropdown-menu-sm {
    position: absolute;
    top: 100%;
    left: 0px;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 50;
    margin-top: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px;
    min-width: 150px;
}

.dropdown-item-sm {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 12px;
}

.dropdown-item-sm:last-child {
    border-bottom: none;
}*/

/* /Pages/Properties/Properties.razor.rz.scp.css */
.btn-add-property[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.property-card[b-on6oqvtibl] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 9px 16px;
    border-radius: 4px 4px 0px 0px;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.property-filter-container[b-on6oqvtibl] {
    background: rgb(255, 255, 255);
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    padding: 14px 16px;
}

.input-group[b-on6oqvtibl] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 20px;
}

.field-filter-container[b-on6oqvtibl] {
    flex: 1 1 200px;
    min-width: 0px;
}

/* table filter css */
.filter-lable[b-on6oqvtibl] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 4px;
    letter-spacing: 0.03em;
}

.filter-select[b-on6oqvtibl] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 28px 6px 10px;
    font-size: 12px;
    background-color: white;
    cursor: pointer;
    color: rgb(55, 65, 81);
    outline: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E"");
    background-repeat: no-repeat;
    background-position: right 8px center;
    width: 100%;
}

.table-header[b-on6oqvtibl] {
    background: rgb(255, 255, 255);
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.table-filter-group[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.table-filter-show-label[b-on6oqvtibl] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.table-filter-show-select[b-on6oqvtibl] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 5px 24px 5px 8px;
    font-size: 12px;
    background-color: white;
    cursor: pointer;
    color: rgb(55, 65, 81);
    outline: none;
    appearance: none;
    background-image: url(";data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    width: 72px;
}

.table-filter-show-entry-label[b-on6oqvtibl] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}
.table-filter-search-container[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.table-filter-search-label[b-on6oqvtibl] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.table-filter-search-input[b-on6oqvtibl] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px 6px 28px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 200px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.table-filter-search-icon[b-on6oqvtibl] {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(156, 163, 175);
    pointer-events: none;
}
    /* end table filter css */
    .relative[b-on6oqvtibl] {
        position: relative;
    }


/* table css */

.table-container[b-on6oqvtibl] {
    background: rgb(255, 255, 255);
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
}

.table[b-on6oqvtibl] {
    width: 100%;
    border-collapse: collapse;
}

.th-empty[b-on6oqvtibl] {
    width: 72px;
    padding: 9px 12px;
    background: rgb(249, 250, 251);
    border-bottom: 2px solid rgb(229, 231, 235);
}

.th-id[b-on6oqvtibl] {
    padding: 9px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(13, 148, 136);
    letter-spacing: 0.04em;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    width: 60px;
    border-bottom: 2px solid rgb(229, 231, 235);
    background: rgb(249, 250, 251);
}

.th-span-label[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.th-span-icon[b-on6oqvtibl] {
    color: rgb(13, 148, 136);
}

.th-text[b-on6oqvtibl] {
    padding: 9px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(107, 114, 128);
    letter-spacing: 0.04em;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
    width: auto;
    border-bottom: 2px solid rgb(229, 231, 235);
    background: rgb(249, 250, 251);
}

.th-span-text-icon[b-on6oqvtibl] {
    color: rgb(156, 163, 175);
}

.data-row[b-on6oqvtibl] {
    background: rgb(255, 255, 255);
}
.data-col[b-on6oqvtibl] {
    padding: 8px 10px;
    white-space: nowrap;
}

.action-btn-container[b-on6oqvtibl] {
    display: flex;
    gap: 5px;
}

.action-btn[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    background: rgb(30, 58, 95);
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.dlt-btn-container[b-on6oqvtibl] {
    padding: 8px 10px;
}

.action-btn-dlt[b-on6oqvtibl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    background: rgb(220, 38, 38);
    color: rgb(255, 255, 255);
    cursor: pointer;
}

.data-property-id[b-on6oqvtibl] {
    padding: 9px 12px;
    font-size: 13px;
    color: rgb(107, 114, 128);
}
.data-display-name[b-on6oqvtibl] {
    padding: 9px 12px;
    font-size: 13px;
    color: rgb(17, 24, 39);
    font-weight: 500;
    cursor: pointer;
}

.data-name[b-on6oqvtibl] {
    padding: 9px 12px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}
.data-region-name[b-on6oqvtibl] {
    padding: 9px 12px;
}
.data-region-label[b-on6oqvtibl] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    background: rgb(243, 244, 246);
    color: rgb(55, 65, 81);
}
/* end table css*/


/* add property modal css  */

/* Overlay */
.modal-overlay[b-on6oqvtibl] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

/* Container */
.modal-container[b-on6oqvtibl] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    max-width: 620px;
    width: calc(100% - 40px);
}

/* Header */
.modal-header[b-on6oqvtibl] {
    padding: 14px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Close Button */
.btn-close[b-on6oqvtibl] {
    margin-left: auto;
    background: #374151;
    border: none;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}

/* Calendar Wrapper */
.calendar-wrapper[b-on6oqvtibl] {
    padding: 16px 16px 10px;
    display: flex;
    align-items: stretch;
    gap: 8px;
}

/* Navigation Buttons */
.nav-btn[b-on6oqvtibl] {
    background: none;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0 8px;
    cursor: pointer;
    color: #6b7280;
    display: flex;
    align-items: center;
}

/* Calendar Grid */
.calendar-grid[b-on6oqvtibl] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

/* Hint Text */
.hint-text[b-on6oqvtibl] {
    padding: 0 20px 8px;
    font-size: 11px;
    color: #9ca3af;
}

/* Pending Section */
.pending-container[b-on6oqvtibl] {
    padding: 8px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

/* Badge */
.pending-badge[b-on6oqvtibl] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    padding: 3px 10px;
    font-size: 12px;
    color: #374151;
    border: 1px solid #ccc;
}

/* Dot */
.dot[b-on6oqvtibl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0d9488;
}

/* Remove Button */
.btn-remove[b-on6oqvtibl] {
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    font-size: 14px;
}

/* Footer */
.modal-footer[b-on6oqvtibl] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Buttons */
.btn-secondary[b-on6oqvtibl] {
    padding: 8px 20px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

.btn-primary[b-on6oqvtibl] {
    padding: 8px 20px;
    background: #0d9488;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

    .btn-primary:disabled[b-on6oqvtibl] {
        background: #d1d5db;
        cursor: default;
    }

/* end modal css */

/* input text csss */

.form-input[b-on6oqvtibl] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

/* end input text css */
/* /Pages/Properties/Property Page/Contacts.razor.rz.scp.css */
.vc-panel-header[b-x5yajaidtk] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-content[b-x5yajaidtk] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 14px;
}

.vc-label[b-x5yajaidtk] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-textarea[b-x5yajaidtk] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 90px;
    margin-bottom: 10px;
}

.vc-button-save[b-x5yajaidtk] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.vc-header-toggle-label[b-x5yajaidtk] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    cursor: pointer;
}

.vc-toggle-switch[b-x5yajaidtk] {
    width: 32px;
    height: 18px;
    background: rgb(13, 148, 136);
    border-radius: 9px;
    position: relative;
}

.vc-toggle-indicator[b-x5yajaidtk] {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.vc-entries-row[b-x5yajaidtk] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.vc-entries-label[b-x5yajaidtk] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-select[b-x5yajaidtk] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 28px 4px 8px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 64px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.vc-table[b-x5yajaidtk] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-header-row[b-x5yajaidtk] {
    background: rgb(249, 250, 251);
    border-bottom: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-x5yajaidtk] {
    padding: 7px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(107, 114, 128);
}

.vc-table-cell-checkbox[b-x5yajaidtk] {
    width: 36px;
}

.vc-table-body-row[b-x5yajaidtk] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(255, 255, 255);
}

.vc-table-body-row--alt[b-x5yajaidtk] {
    background: rgb(250, 250, 250);
}

.vc-table-cell[b-x5yajaidtk] {
    padding: 7px 12px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

.vc-table-cell--name[b-x5yajaidtk] {
    color: rgb(17, 24, 39);
    font-weight: 500;
}

.vc-button-icon[b-x5yajaidtk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-x5yajaidtk] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-x5yajaidtk] {
    background: rgb(220, 38, 38);
}

.vc-status-indicator[b-x5yajaidtk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
}

.vc-status-indicator--primary[b-x5yajaidtk] {
    background: rgb(30, 58, 95);
}

.vc-status-indicator--success[b-x5yajaidtk] {
    background: rgb(5, 150, 105);
}

.vc-pagination-info[b-x5yajaidtk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.vc-pagination-text[b-x5yajaidtk] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-pagination-buttons[b-x5yajaidtk] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-x5yajaidtk] {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    background: rgb(255, 255, 255);
    color: rgb(55, 65, 81);
    font-size: 12px;
    cursor: pointer;
}

.vc-button-pagination--active[b-x5yajaidtk] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    border-color: rgb(13, 148, 136);
}

.vc-form-section[b-x5yajaidtk] {
    border-top: 1px solid rgb(229, 231, 235);
    padding-top: 14px;
}

.vc-form-row[b-x5yajaidtk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-field[b-x5yajaidtk] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-x5yajaidtk] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-x5yajaidtk] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-x5yajaidtk] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-input[b-x5yajaidtk] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}
/* /Pages/Properties/Property Page/Description.razor.rz.scp.css */
/* VC Management System Layout Styles */

.vc-content-wrapper[b-a4ysz1sroy] {
    width: 100%;
}

.vc-flex-row[b-a4ysz1sroy] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.vc-flex-item[b-a4ysz1sroy] {
    flex: 1 1 340px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
}

.vc-field-label[b-a4ysz1sroy] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-textarea[b-a4ysz1sroy] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    font-family: inherit;
}

.vc-textarea--large[b-a4ysz1sroy] {
    min-height: 180px;
}

.vc-textarea--video[b-a4ysz1sroy] {
    min-height: 100px;
    max-width: 720px;
}

.vc-form-section-full[b-a4ysz1sroy] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.vc-form-actions[b-a4ysz1sroy] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}

.vc-button-save[b-a4ysz1sroy] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/* Legacy Classes (kept for backward compatibility) */
.vc-panel-header[b-a4ysz1sroy] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-content[b-a4ysz1sroy] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 16px;
    margin-bottom: 18px;
}

.vc-grid[b-a4ysz1sroy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

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

.vc-checkbox-label[b-a4ysz1sroy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    font-weight: 500;
    margin-bottom: 4px;
    cursor: pointer;
}

.vc-checkbox[b-a4ysz1sroy] {
    accent-color: rgb(13, 148, 136);
}

.vc-info-text[b-a4ysz1sroy] {
    font-size: 13px;
    color: rgb(55, 65, 81);
    padding-left: 22px;
}

.vc-form-input[b-a4ysz1sroy] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 140px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.vc-form-select[b-a4ysz1sroy] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 28px 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 180px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.vc-label[b-a4ysz1sroy] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-form-field[b-a4ysz1sroy] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-a4ysz1sroy] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-a4ysz1sroy] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-a4ysz1sroy] {
    flex: 0 0 100px;
    min-width: 0;
}

/* Table & Additional Styles */
.vc-table[b-a4ysz1sroy] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-header-row[b-a4ysz1sroy] {
    background: rgb(249, 250, 251);
    border-bottom: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-a4ysz1sroy] {
    padding: 7px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(107, 114, 128);
}

.vc-table-cell-checkbox[b-a4ysz1sroy] {
    width: 36px;
}

.vc-table-body-row[b-a4ysz1sroy] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(255, 255, 255);
}

.vc-table-body-row--alt[b-a4ysz1sroy] {
    background: rgb(250, 250, 250);
}

.vc-table-cell[b-a4ysz1sroy] {
    padding: 7px 12px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

.vc-table-cell--name[b-a4ysz1sroy] {
    color: rgb(17, 24, 39);
    font-weight: 500;
}

.vc-button-icon[b-a4ysz1sroy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-a4ysz1sroy] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-a4ysz1sroy] {
    background: rgb(220, 38, 38);
}

.vc-status-indicator[b-a4ysz1sroy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
}

.vc-status-indicator--primary[b-a4ysz1sroy] {
    background: rgb(30, 58, 95);
}

.vc-status-indicator--success[b-a4ysz1sroy] {
    background: rgb(5, 150, 105);
}

.vc-pagination-info[b-a4ysz1sroy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.vc-pagination-text[b-a4ysz1sroy] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-pagination-buttons[b-a4ysz1sroy] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-a4ysz1sroy] {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    background: rgb(255, 255, 255);
    color: rgb(55, 65, 81);
    font-size: 12px;
    cursor: pointer;
}

.vc-button-pagination--active[b-a4ysz1sroy] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    border-color: rgb(13, 148, 136);
}

.vc-form-section[b-a4ysz1sroy] {
    border-top: 1px solid rgb(229, 231, 235);
    padding-top: 14px;
}

.vc-form-row[b-a4ysz1sroy] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-textarea[b-a4ysz1sroy] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 90px;
    margin-bottom: 10px;
}

.vc-header-toggle-label[b-a4ysz1sroy] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    cursor: pointer;
}

.vc-toggle-switch[b-a4ysz1sroy] {
    width: 32px;
    height: 18px;
    background: rgb(13, 148, 136);
    border-radius: 9px;
    position: relative;
}

.vc-toggle-indicator[b-a4ysz1sroy] {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.vc-entries-row[b-a4ysz1sroy] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.vc-entries-label[b-a4ysz1sroy] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-select[b-a4ysz1sroy] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 28px 4px 8px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 64px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
/* /Pages/Properties/Property Page/Features.razor.rz.scp.css */

.vc-container[b-un7hw2kwft] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    
}

.vc-category-container[b-un7hw2kwft] {
    flex: 1 1 420px;
    min-width: 0;
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.vc-category[b-un7hw2kwft] {
    width: calc(50% - 8px);
}

.vc-panel-header[b-un7hw2kwft] {
    background: #0d9488;
    color: #ffffff;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-body[b-un7hw2kwft] {
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    padding: 0px;
}

.vc-table[b-un7hw2kwft] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0px;
}

.vc-table-heading-row[b-un7hw2kwft] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.vc-table-cell--icon[b-un7hw2kwft],
.vc-drag-cell[b-un7hw2kwft] {
    padding: 7px 8px;
}

.vc-table-cell--icon-sm[b-un7hw2kwft] {
    width: 24px;
}

.vc-table-cell--icon[b-un7hw2kwft] {
    width: 36px;
}

.vc-table-row[b-un7hw2kwft] {
    border-bottom: 1px solid #f3f4f6;
}

.vc-table-row--white[b-un7hw2kwft] {
    background: #ffffff;
}

.vc-draggable-cell[b-un7hw2kwft] {
    color: #9ca3af;
    cursor: grab;
}

.vc-icon-button[b-un7hw2kwft] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
}

.vc-icon-button--primary[b-un7hw2kwft] {
    background: #1e3a5f;
}

.vc-icon-button--danger[b-un7hw2kwft] {
    background: #dc2626;
}

.vc-text-strong[b-un7hw2kwft] {
    font-size: 13px;
    color: #111827;
    font-weight: 500;
    white-space: nowrap;
}

.vc-text-muted[b-un7hw2kwft] {
    font-size: 13px;
    color: #6b7280;
}

.vc-table-header-cell[b-un7hw2kwft] {
    padding: 6px 10px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
}


.vc-add-button[b-un7hw2kwft] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
    margin-top: 8px;
}

.vc-text-normal[b-un7hw2kwft] {
    padding: 7px 10px;
    font-size: 13px;
    color: #374151;
}

.vc-text-normal--label[b-un7hw2kwft] {
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-button[b-un7hw2kwft] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
}

.vc-button--secondary[b-un7hw2kwft] {
    padding: 6px 16px;
    font-size: 13px;
    background: #ffffff;
}

.vc-button--primary[b-un7hw2kwft] {
    padding: 6px 18px;
    font-size: 13px;
    border: none;
    background: #0d9488;
    color: #ffffff;
    font-weight: 600;
}

.vc-form-panel[b-un7hw2kwft] {
    border-top: 1px solid #e5e7eb;
}

.vc-form-row[b-un7hw2kwft] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-row--no-margin[b-un7hw2kwft] {
    margin-bottom: 0;
}

.vc-form-field[b-un7hw2kwft] {
    flex: 1 1 300px;
    min-width: 0;
}

.vc-form-field--small[b-un7hw2kwft] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-field--auto[b-un7hw2kwft] {
    flex: 0 0 auto;
}

.vc-label[b-un7hw2kwft] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-input[b-un7hw2kwft],
.vc-textarea[b-un7hw2kwft],
.vc-select[b-un7hw2kwft] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.vc-textarea[b-un7hw2kwft] {
    resize: vertical;
    line-height: 1.5;
    min-height: 80px;
}

.vc-checkbox-label[b-un7hw2kwft] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #374151;
}

.vc-checkbox-input[b-un7hw2kwft] {
    accent-color: #0d9488;
}

.vc-form-field--placement[b-un7hw2kwft] {
    flex: 0 0 220px;
}

.vc-select[b-un7hw2kwft] {
    padding-right: 28px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
}

.vc-form-actions[b-un7hw2kwft] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.vc-flex-grow[b-un7hw2kwft] {
    flex: 1 1 0%;
}

.vc-description-add-button[b-un7hw2kwft] {
    margin-top: 8px;
}

.vc-features-container[b-un7hw2kwft] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.vc-features-column[b-un7hw2kwft] {
    flex: 1 1 420px;
    min-width: 0px;
}

.vc-features-section[b-un7hw2kwft] {
    margin-bottom: 16px;
}

.vc-table-cell--compact[b-un7hw2kwft] {
    padding: 6px 8px;
}

.vc-table-cell--compact-header[b-un7hw2kwft] {
    padding: 6px 10px;
}

.vc-text-normal[b-un7hw2kwft] {
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
}

.vc-draggable-cell[b-un7hw2kwft] {
    color: #9ca3af;
    cursor: grab;
}


/* Overlay */
.modal-overlay[b-un7hw2kwft] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

/* Container */
.modal-container[b-un7hw2kwft] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    max-width: 300px;
    width: calc(100% - 40px);
}

/* Header */
.modal-header[b-un7hw2kwft] {
    padding: 14px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Footer */
.modal-footer[b-un7hw2kwft] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-secondary[b-un7hw2kwft] {
    padding: 8px 20px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

/* Close Button */
.btn-close[b-un7hw2kwft] {
    margin-left: auto;
    background: #374151;
    border: none;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}


/* other description css */
.vc-panel-header[b-un7hw2kwft] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-content[b-un7hw2kwft] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 14px;
}

.vc-label[b-un7hw2kwft] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-textarea[b-un7hw2kwft] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 90px;
    margin-bottom: 10px;
}

.vc-button-save[b-un7hw2kwft] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/* other description  */
/* /Pages/Properties/Property Page/Finance.razor.rz.scp.css */

/* Section header with title and inherit checkbox */
.section-header[b-7r4py2bdy7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 6px;
    border-bottom: 1px solid rgb(229, 231, 235);
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 600;
    color: rgb(17, 24, 39);
}

/* Section body/card container */
.section-body[b-7r4py2bdy7] {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(229, 231, 235);
    border-radius: 4px;
    padding: 14px;
    margin-bottom: 18px;
}

/* Flex group for form fields */
.field-group[b-7r4py2bdy7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

    .field-group:last-of-type[b-7r4py2bdy7] {
        margin-bottom: 0px;
    }

/* Inherit checkbox label */
.inherit-label[b-7r4py2bdy7] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: rgb(107, 114, 128);
    font-weight: 400;
}

/* Form field containers */
.field-item[b-7r4py2bdy7] {
    flex: 1 1 180px;
    min-width: 0px;
}

.field-item-auto[b-7r4py2bdy7] {
    flex: 0 0 auto;
}

.field-item-medium[b-7r4py2bdy7] {
    flex: 0 0 160px;
    min-width: 0px;
}

.field-item-small[b-7r4py2bdy7] {
    flex: 0 0 140px;
    min-width: 0px;
}

.field-item-large[b-7r4py2bdy7] {
    flex: 1 1 180px;
    min-width: 0px;
}

/* Field label text */
.field-label[b-7r4py2bdy7] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

/* Text input styling */
.form-input[b-7r4py2bdy7] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

/* Select dropdown styling */
.form-select[b-7r4py2bdy7] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 28px 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

/* Checkbox and Radio input styling */
input[type="checkbox"][b-7r4py2bdy7],
input[type="radio"][b-7r4py2bdy7] {
    accent-color: rgb(13, 148, 136);
}

/* Checkbox label styling */
.form-checkbox[b-7r4py2bdy7] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

/* Radio button group */
.radio-group[b-7r4py2bdy7] {
    display: flex;
    gap: 16px;
    padding-top: 4px;
}

.radio-label[b-7r4py2bdy7] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

/* Button styling */
.button-group[b-7r4py2bdy7] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}

.btn-primary[b-7r4py2bdy7] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-primary:hover[b-7r4py2bdy7] {
        background: rgb(12, 130, 120);
    }

/* /Pages/Properties/Property Page/Images.razor.rz.scp.css */
/* VC Management System Layout Styles */

.vc-content-wrapper[b-i95pypr5cx] {
    width: 100%;
}

.vc-flex-row[b-i95pypr5cx] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.vc-flex-item[b-i95pypr5cx] {
    flex: 1 1 340px;
    min-width: 0px;
    display: flex;
    flex-direction: column;
}

.vc-field-label[b-i95pypr5cx] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-textarea[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    font-family: inherit;
}

.vc-textarea--large[b-i95pypr5cx] {
    min-height: 180px;
}

.vc-textarea--video[b-i95pypr5cx] {
    min-height: 100px;
    max-width: 720px;
}

.vc-form-section-full[b-i95pypr5cx] {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.vc-form-actions[b-i95pypr5cx] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}

.vc-button-save[b-i95pypr5cx] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

/* Legacy Classes (kept for backward compatibility) */
.vc-panel-header[b-i95pypr5cx] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-content[b-i95pypr5cx] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 16px;
    margin-bottom: 18px;
}

.vc-grid[b-i95pypr5cx] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

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

.vc-checkbox-label[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    font-weight: 500;
    margin-bottom: 4px;
    cursor: pointer;
}

.vc-checkbox[b-i95pypr5cx] {
    accent-color: rgb(13, 148, 136);
}

.vc-info-text[b-i95pypr5cx] {
    font-size: 13px;
    color: rgb(55, 65, 81);
    padding-left: 22px;
}

.vc-form-input[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 140px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.vc-form-select[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 28px 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 180px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.vc-label[b-i95pypr5cx] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-form-field[b-i95pypr5cx] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-i95pypr5cx] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-i95pypr5cx] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-i95pypr5cx] {
    flex: 0 0 100px;
    min-width: 0;
}

/* Table & Additional Styles */
.vc-table[b-i95pypr5cx] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-header-row[b-i95pypr5cx] {
    background: rgb(249, 250, 251);
    border-bottom: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-i95pypr5cx] {
    padding: 7px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(107, 114, 128);
}

.vc-table-cell-checkbox[b-i95pypr5cx] {
    width: 36px;
}

.vc-table-body-row[b-i95pypr5cx] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(255, 255, 255);
}

.vc-table-body-row--alt[b-i95pypr5cx] {
    background: rgb(250, 250, 250);
}

.vc-table-cell[b-i95pypr5cx] {
    padding: 7px 12px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

.vc-table-cell--name[b-i95pypr5cx] {
    color: rgb(17, 24, 39);
    font-weight: 500;
}

.vc-button-icon[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-i95pypr5cx] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-i95pypr5cx] {
    background: rgb(220, 38, 38);
}

.vc-status-indicator[b-i95pypr5cx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
}

.vc-status-indicator--primary[b-i95pypr5cx] {
    background: rgb(30, 58, 95);
}

.vc-status-indicator--success[b-i95pypr5cx] {
    background: rgb(5, 150, 105);
}

.vc-pagination-info[b-i95pypr5cx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.vc-pagination-text[b-i95pypr5cx] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-pagination-buttons[b-i95pypr5cx] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-i95pypr5cx] {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    background: rgb(255, 255, 255);
    color: rgb(55, 65, 81);
    font-size: 12px;
    cursor: pointer;
}

.vc-button-pagination--active[b-i95pypr5cx] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    border-color: rgb(13, 148, 136);
}

.vc-form-section[b-i95pypr5cx] {
    border-top: 1px solid rgb(229, 231, 235);
    padding-top: 14px;
}

.vc-form-row[b-i95pypr5cx] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-textarea[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 90px;
    margin-bottom: 10px;
}

.vc-header-toggle-label[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    cursor: pointer;
}

.vc-toggle-switch[b-i95pypr5cx] {
    width: 32px;
    height: 18px;
    background: rgb(13, 148, 136);
    border-radius: 9px;
    position: relative;
}

.vc-toggle-indicator[b-i95pypr5cx] {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.vc-entries-row[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.vc-entries-label[b-i95pypr5cx] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-select[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 28px 4px 8px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 64px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

/* Image Upload Styles */
.vc-upload-header[b-i95pypr5cx] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-upload-panel[b-i95pypr5cx] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 16px;
    margin-bottom: 16px;
}

.vc-upload-dropzone[b-i95pypr5cx] {
    border: 2px dashed rgb(209, 213, 219);
    border-radius: 6px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    margin-bottom: 0px;
    background: rgb(250, 250, 250);
}

.vc-upload-dropzone-icon[b-i95pypr5cx] {
    color: rgb(13, 148, 136);
}

.vc-upload-dropzone-text[b-i95pypr5cx] {
    font-size: 13px;
    color: rgb(156, 163, 175);
}

.vc-image-gallery[b-i95pypr5cx] {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(229, 231, 235);
    border-radius: 4px;
    padding: 16px;
}

.vc-gallery-header[b-i95pypr5cx] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.vc-delete-all-btn[b-i95pypr5cx] {
    padding: 6px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(220, 38, 38);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.vc-image-grid[b-i95pypr5cx] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.vc-image-card[b-i95pypr5cx] {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(229, 231, 235);
    border-radius: 6px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}

.vc-image-preview-container[b-i95pypr5cx] {
    position: relative;
    flex-shrink: 0;
}

.vc-image-preview[b-i95pypr5cx] {
    width: 120px;
    height: 80px;
    background: rgb(229, 231, 235);
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    color: rgb(156, 163, 175);
    overflow: hidden;
}

    .vc-image-preview img[b-i95pypr5cx]{
        width:stretch;
    }

    .vc-image-delete-btn[b-i95pypr5cx] {
        position: absolute;
        top: -6px;
        right: -6px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: none;
        background: rgb(220, 38, 38);
        color: rgb(255, 255, 255);
        font-size: 13px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        line-height: 1;
    }

.vc-image-checkboxes[b-i95pypr5cx] {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 12px 12px;
    align-content: start;
    font-size: 12px;
    color: rgb(55, 65, 81);
}

.vc-image-checkbox-label[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    gap: 3px;
    cursor: pointer;
    white-space: nowrap;
}

.vc-image-input-row[b-i95pypr5cx] {
    display: flex;
    gap: 6px;
    align-items: flex-end;
}

.vc-image-textarea[b-i95pypr5cx] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: none;
    line-height: 1.5;
    min-height: 36px;
    flex: 1 1 0%;
    font-family: inherit;
}

.vc-image-save-btn[b-i95pypr5cx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: none;
    background: rgb(30, 58, 95);
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}
/* /Pages/Properties/Property Page/NearBy.razor.rz.scp.css */
.vc-container[b-by28isy7ci] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.vc-button-bar[b-by28isy7ci] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 12px;
}

.vc-button--primary[b-by28isy7ci] {
    padding: 6px 16px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.vc-button--secondary[b-by28isy7ci] {
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
    font-size: 13px;
    cursor: pointer;
}

.vc-section[b-by28isy7ci] {
    margin-bottom: 20px;
}

.vc-category-container[b-by28isy7ci] {
    flex: 1 1 420px;
    min-width: 0;
}

.vc-category[b-by28isy7ci] {
    margin-bottom: 16px;
}

.vc-panel-header[b-by28isy7ci] {
    background: #0d9488;
    color: #ffffff;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-body[b-by28isy7ci] {
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    padding: 16px;
    margin-bottom: 18px;
}

.vc-table[b-by28isy7ci] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-heading-row[b-by28isy7ci] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.vc-table-cell--icon[b-by28isy7ci],
.vc-drag-cell[b-by28isy7ci] {
    padding: 7px 8px;
}

.vc-table-cell--icon-sm[b-by28isy7ci] {
    width: 24px;
}

.vc-table-cell--icon[b-by28isy7ci] {
    width: 36px;
}

.vc-table-row[b-by28isy7ci] {
    border-bottom: 1px solid #f3f4f6;
}

.vc-table-row--white[b-by28isy7ci] {
    background: #ffffff;
}

.vc-table-row--striped[b-by28isy7ci] {
    background: #fafafa;
}

.vc-draggable-cell[b-by28isy7ci] {
    color: #9ca3af;
    cursor: grab;
}

.vc-icon-button[b-by28isy7ci] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
}

.vc-icon-button--primary[b-by28isy7ci] {
    background: #1e3a5f;
}

.vc-icon-button--danger[b-by28isy7ci] {
    background: #dc2626;
}

.vc-text-strong[b-by28isy7ci] {
    font-size: 13px;
    color: #111827;
    font-weight: 500;
    white-space: nowrap;
}

.vc-text-muted[b-by28isy7ci] {
    font-size: 13px;
    color: #6b7280;
}

.vc-table-header-cell[b-by28isy7ci] {
    padding: 6px 10px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
}

.vc-table-header-cell--nowrap[b-by28isy7ci] {
    white-space: nowrap;
}


.vc-add-button[b-by28isy7ci] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
    margin-top: 8px;
}

.vc-form-panel[b-by28isy7ci] {
    border: 1px solid #e5e7eb;
    border-top: none;
    background: #f9fafb;
    padding: 14px;
    border-radius: 0 0 4px 4px;
}

.vc-form-row[b-by28isy7ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-field[b-by28isy7ci] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-by28isy7ci] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-by28isy7ci] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-by28isy7ci] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-label[b-by28isy7ci] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-form-input[b-by28isy7ci] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.vc-form-textarea[b-by28isy7ci] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 80px;
}

.vc-form-actions[b-by28isy7ci] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}

.vc-empty-state[b-by28isy7ci] {
    padding: 16px;
    text-align: center;
    color: #9ca3af;
    font-size: 13px;
}

.vc-text-normal[b-by28isy7ci] {
    padding: 7px 10px;
    font-size: 13px;
    color: #374151;
}

.vc-text-normal--label[b-by28isy7ci] {
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-button[b-by28isy7ci] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
}

.vc-button--secondary[b-by28isy7ci] {
    padding: 6px 16px;
    font-size: 13px;
    background: #ffffff;
}

.vc-button--primary[b-by28isy7ci] {
    padding: 6px 18px;
    font-size: 13px;
    border: none;
    background: #0d9488;
    color: #ffffff;
    font-weight: 600;
}

.vc-form-panel[b-by28isy7ci] {
    border-top: 1px solid #e5e7eb;
}

.vc-form-row[b-by28isy7ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-row--no-margin[b-by28isy7ci] {
    margin-bottom: 0;
}

.vc-form-field[b-by28isy7ci] {
    flex: 1 1 300px;
    min-width: 0;
}

.vc-form-field--small[b-by28isy7ci] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-field--auto[b-by28isy7ci] {
    flex: 0 0 auto;
}

.vc-label[b-by28isy7ci] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-input[b-by28isy7ci],
.vc-textarea[b-by28isy7ci],
.vc-select[b-by28isy7ci] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.vc-textarea[b-by28isy7ci] {
    resize: vertical;
    line-height: 1.5;
    min-height: 80px;
}

.vc-checkbox-label[b-by28isy7ci] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #374151;
}

.vc-checkbox-input[b-by28isy7ci] {
    accent-color: #0d9488;
}

.vc-form-field--placement[b-by28isy7ci] {
    flex: 0 0 220px;
}

.vc-select[b-by28isy7ci] {
    padding-right: 28px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
}

.vc-form-actions[b-by28isy7ci] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.vc-flex-grow[b-by28isy7ci] {
    flex: 1 1 0%;
}

.vc-description-add-button[b-by28isy7ci] {
    margin-top: 8px;
}

.vc-features-container[b-by28isy7ci] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.vc-features-column[b-by28isy7ci] {
    flex: 1 1 420px;
    min-width: 0px;
}

.vc-features-section[b-by28isy7ci] {
    margin-bottom: 16px;
}

.vc-table-cell--compact[b-by28isy7ci] {
    padding: 6px 8px;
}

.vc-table-cell--compact-header[b-by28isy7ci] {
    padding: 6px 10px;
}

.vc-text-normal[b-by28isy7ci] {
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
}

.vc-draggable-cell[b-by28isy7ci] {
    color: #9ca3af;
    cursor: grab;
}

/* form-panel  */
.vc-button--primary[b-by28isy7ci] {
    padding: 6px 16px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.vc-button--secondary[b-by28isy7ci] {
    padding: 6px 16px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
    font-size: 13px;
    cursor: pointer;
}

.vc-form-panel[b-by28isy7ci] {
    border: 1px solid #e5e7eb;
    border-top: none;
    background: #f9fafb;
    padding: 14px;
    border-radius: 0 0 4px 4px;
}

.vc-form-row[b-by28isy7ci] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-field[b-by28isy7ci] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-by28isy7ci] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-by28isy7ci] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-by28isy7ci] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-label[b-by28isy7ci] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-form-input[b-by28isy7ci] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.vc-form-textarea[b-by28isy7ci] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 80px;
}

.vc-form-actions[b-by28isy7ci] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}



/* end*/
/* /Pages/Properties/Property Page/Rooms.razor.rz.scp.css */
.vc-root[b-yu5thlzpyv] {
}

.vc-panel-header[b-yu5thlzpyv] {
    background: #0d9488;
    color: #ffffff;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-body[b-yu5thlzpyv] {
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    padding: 16px;
    margin-bottom: 18px;
}

.vc-table[b-yu5thlzpyv] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-heading-row[b-yu5thlzpyv] {
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.vc-table-cell[b-yu5thlzpyv] {
    padding: 7px 10px;
}

.vc-table-cell--icon[b-yu5thlzpyv],
.vc-drag-cell[b-yu5thlzpyv] {
    padding: 7px 8px;
}

.vc-table-cell--icon-sm[b-yu5thlzpyv] {
    width: 24px;
}

.vc-table-cell--icon[b-yu5thlzpyv] {
    width: 36px;
}

.vc-table-head[b-yu5thlzpyv] {
    font-size: 11px;
    font-weight: 600;
    color: #6b7280;
    text-align: left;
}

.vc-draggable-cell[b-yu5thlzpyv] {
    color: #9ca3af;
    cursor: grab;
}

.vc-icon-button[b-yu5thlzpyv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
}

.vc-icon-button--primary[b-yu5thlzpyv] {
    background: #1e3a5f;
}

.vc-icon-button--danger[b-yu5thlzpyv] {
    background: #dc2626;
}

.vc-text-strong[b-yu5thlzpyv] {
    font-size: 13px;
    color: #111827;
    font-weight: 500;
    white-space: nowrap;
}

.vc-text-muted[b-yu5thlzpyv] {
    padding: 7px 10px;
    font-size: 12px;
    color: #6b7280;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vc-text-normal[b-yu5thlzpyv] {
    padding: 7px 10px;
    font-size: 13px;
    color: #374151;
}

.vc-button[b-yu5thlzpyv] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    color: #374151;
    font-size: 12px;
    cursor: pointer;
}

.vc-button--secondary[b-yu5thlzpyv] {
    padding: 6px 16px;
    font-size: 13px;
    background: #ffffff;
}

.vc-button--primary[b-yu5thlzpyv] {
    padding: 6px 18px;
    font-size: 13px;
    border: none;
    background: #0d9488;
    color: #ffffff;
    font-weight: 600;
}

.vc-form-panel[b-yu5thlzpyv] {
    border-top: 1px solid #e5e7eb;
}

.vc-form-row[b-yu5thlzpyv] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-row--no-margin[b-yu5thlzpyv] {
    margin-bottom: 0;
}

.vc-form-field[b-yu5thlzpyv] {
    flex: 1 1 300px;
    min-width: 0;
}

.vc-form-field--small[b-yu5thlzpyv] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-form-field--auto[b-yu5thlzpyv] {
    flex: 0 0 auto;
}

.vc-label[b-yu5thlzpyv] {
    font-size: 11px;
    color: #6b7280;
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-input[b-yu5thlzpyv],
.vc-textarea[b-yu5thlzpyv],
.vc-select[b-yu5thlzpyv] {
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: #374151;
    outline: none;
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
}

.vc-textarea[b-yu5thlzpyv] {
    resize: vertical;
    line-height: 1.5;
    min-height: 80px;
}

.vc-checkbox-label[b-yu5thlzpyv] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #374151;
}

.vc-checkbox-input[b-yu5thlzpyv] {
    accent-color: #0d9488;
}

.vc-form-field--placement[b-yu5thlzpyv] {
    flex: 0 0 220px;
}

.vc-select[b-yu5thlzpyv] {
    padding-right: 28px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    cursor: pointer;
}

.vc-form-actions[b-yu5thlzpyv] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}

.vc-flex-grow[b-yu5thlzpyv] {
    flex: 1 1 0%;
}

.vc-description-body .vc-button[b-yu5thlzpyv] {
    margin-top: 8px;
}


/* Overlay */
.modal-overlay[b-yu5thlzpyv] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

/* Container */
.modal-container[b-yu5thlzpyv] {
    background: white;
    border-radius: 10px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    max-width: 300px;
    width: calc(100% - 40px);
}

/* Header */
.modal-header[b-yu5thlzpyv] {
    padding: 14px 20px;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Footer */
.modal-footer[b-yu5thlzpyv] {
    padding: 12px 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn-secondary[b-yu5thlzpyv] {
    padding: 8px 20px;
    border: 1px solid #d1d5db;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    font-size: 13px;
    color: rgb(55, 65, 81)
}

/* Close Button */
.btn-close[b-yu5thlzpyv] {
    margin-left: auto;
    background: #374151;
    border: none;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
/* /Pages/Properties/Property Page/Settings.razor.rz.scp.css */
.vc-panel-header[b-4192na6jq9] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 4px 4px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vc-panel-content[b-4192na6jq9] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 14px;
}

.vc-label[b-4192na6jq9] {
    font-size: 11px;
    color: rgb(107, 114, 128);
    font-weight: 500;
    margin-bottom: 3px;
    letter-spacing: 0.03em;
}

.vc-textarea[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 90px;
    margin-bottom: 10px;
}

.vc-button-save[b-4192na6jq9] {
    padding: 6px 18px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.vc-header-toggle-label[b-4192na6jq9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    cursor: pointer;
}

.vc-toggle-switch[b-4192na6jq9] {
    width: 32px;
    height: 18px;
    background: rgb(13, 148, 136);
    border-radius: 9px;
    position: relative;
}

.vc-toggle-indicator[b-4192na6jq9] {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 14px;
    height: 14px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
}

.vc-entries-row[b-4192na6jq9] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}

.vc-entries-label[b-4192na6jq9] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-select[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 4px 28px 4px 8px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 64px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.vc-table[b-4192na6jq9] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
}

.vc-table-header-row[b-4192na6jq9] {
    background: rgb(249, 250, 251);
    border-bottom: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-4192na6jq9] {
    padding: 7px 12px;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    color: rgb(107, 114, 128);
}

.vc-table-cell-checkbox[b-4192na6jq9] {
    width: 36px;
}

.vc-table-body-row[b-4192na6jq9] {
    border-bottom: 1px solid rgb(243, 244, 246);
    background: rgb(255, 255, 255);
}

.vc-table-body-row--alt[b-4192na6jq9] {
    background: rgb(250, 250, 250);
}

.vc-table-cell[b-4192na6jq9] {
    padding: 7px 12px;
    font-size: 13px;
    color: rgb(55, 65, 81);
}

.vc-table-cell--name[b-4192na6jq9] {
    color: rgb(17, 24, 39);
    font-weight: 500;
}

.vc-button-icon[b-4192na6jq9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-4192na6jq9] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-4192na6jq9] {
    background: rgb(220, 38, 38);
}

.vc-status-indicator[b-4192na6jq9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
}

.vc-status-indicator--primary[b-4192na6jq9] {
    background: rgb(30, 58, 95);
}

.vc-status-indicator--success[b-4192na6jq9] {
    background: rgb(5, 150, 105);
}

.vc-pagination-info[b-4192na6jq9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.vc-pagination-text[b-4192na6jq9] {
    font-size: 12px;
    color: rgb(107, 114, 128);
}

.vc-pagination-buttons[b-4192na6jq9] {
    display: flex;
    gap: 4px;
}

.vc-button-pagination[b-4192na6jq9] {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid rgb(209, 213, 219);
    background: rgb(255, 255, 255);
    color: rgb(55, 65, 81);
    font-size: 12px;
    cursor: pointer;
}

.vc-button-pagination--active[b-4192na6jq9] {
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    border-color: rgb(13, 148, 136);
}

.vc-form-section[b-4192na6jq9] {
    border-top: 1px solid rgb(229, 231, 235);
    padding-top: 14px;
}

.vc-form-row[b-4192na6jq9] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 12px;
    margin-bottom: 12px;
}

.vc-form-field[b-4192na6jq9] {
    flex: 1 1 260px;
    min-width: 0;
}

.vc-form-field--wide[b-4192na6jq9] {
    flex: 1 1 180px;
    min-width: 0;
}

.vc-form-field--medium[b-4192na6jq9] {
    flex: 0 0 120px;
    min-width: 0;
}

.vc-form-field--small[b-4192na6jq9] {
    flex: 0 0 100px;
    min-width: 0;
}

.vc-panel-content[b-4192na6jq9] {
    border-top: none;
    border-right: 1px solid rgb(229, 231, 235);
    border-bottom: 1px solid rgb(229, 231, 235);
    border-left: 1px solid rgb(229, 231, 235);
    border-image: initial;
    border-radius: 0px 0px 4px 4px;
    background: rgb(255, 255, 255);
    padding: 16px;
    margin-bottom: 18px;
}

.vc-grid[b-4192na6jq9] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.vc-form-group[b-4192na6jq9] {
    display: flex;
    flex-direction: column;
}

.vc-checkbox-label[b-4192na6jq9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: rgb(55, 65, 81);
    font-weight: 500;
    margin-bottom: 4px;
    cursor: pointer;
}

.vc-checkbox[b-4192na6jq9] {
    accent-color: rgb(13, 148, 136);
}

.vc-info-text[b-4192na6jq9] {
    font-size: 13px;
    color: rgb(55, 65, 81);
    padding-left: 22px;
}

.vc-form-input[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 140px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}

.vc-form-select[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 28px 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 180px;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' fill='none' strokeWidth='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.vc-form-textarea[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    resize: vertical;
    line-height: 1.5;
    min-height: 60px;
    max-width: 400px;
}

.vc-form-actions[b-4192na6jq9] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 14px;
}

.vc-form-input[b-4192na6jq9] {
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 13px;
    color: rgb(55, 65, 81);
    outline: none;
    width: 100%;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
}
/* /Pages/Settings/CollectionMapping/CollectionMapping.razor.rz.scp.css */
.page-header[b-17rg05nmc6] {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.page-title[b-17rg05nmc6] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.page-body[b-17rg05nmc6] {
    background: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 0px;
    overflow: hidden;
    min-height: 500px;
}

.sidebar[b-17rg05nmc6] {
    border-right: 1px solid #e5e7eb;
}

.sidebar-header[b-17rg05nmc6] {
    background: #f3f4f6;
    padding: 12px 16px;
    font-weight: 600;
    font-size: 13px;
    color: #374151;
}

.list-item[b-17rg05nmc6] {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 13px;
    border-bottom: 1px solid #e5e7eb;
    color: #1f2937;
    background: #fff;
}

    .list-item.active[b-17rg05nmc6] {
        background: rgb(13, 148, 136);
        color: #fff;
    }

.content[b-17rg05nmc6] {
    padding: 20px;
}

.form-row[b-17rg05nmc6] {
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.label[b-17rg05nmc6] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.input[b-17rg05nmc6] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.villa-select-container[b-17rg05nmc6] {
    position: relative;
    display: inline-block;
    width: 250px;
}

.button[b-17rg05nmc6] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    margin-top: 20px;
}

.section[b-17rg05nmc6] {
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.toolbar[b-17rg05nmc6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 8px 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.table[b-17rg05nmc6] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-17rg05nmc6] {
        background: #f3f4f6;
        padding: 8px;
        text-align: left;
        font-size: 12px;
        font-weight: 600;
        color: #374151;
    }

    .table td[b-17rg05nmc6] {
        padding: 8px;
        border-top: 1px solid #e5e7eb;
    }

.text-center[b-17rg05nmc6] {
    text-align: center;
}

/* search container dropdown */
.dropdown-container[b-17rg05nmc6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 4px;
}

.dropdown-item[b-17rg05nmc6] {
    padding: 8px 10px;
    cursor: pointer;
    background: white;
    color: rgb(31, 41, 55);
    font-size: 13px;
}

    .dropdown-item:hover[b-17rg05nmc6] {
        background: rgb(243, 244, 246); /* subtle hover effect */
    }
/* /Pages/Settings/Collections/Collection.razor.rz.scp.css */
.page-header[b-kvj78lgtmo] {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.page-title[b-kvj78lgtmo] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.btn[b-kvj78lgtmo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-kvj78lgtmo] {
    background: #0d9488;
    color: #fff;
}

.card[b-kvj78lgtmo] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 20px;
    margin-bottom: 16px;
}

.form-grid[b-kvj78lgtmo] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

.label[b-kvj78lgtmo] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.input[b-kvj78lgtmo],
.textarea[b-kvj78lgtmo],
.select[b-kvj78lgtmo] {
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.textarea[b-kvj78lgtmo] {
    resize: none;
}

.btn-secondary[b-kvj78lgtmo] {
    background: #fff;
    color: #374151;
    border: 1px solid #d1d5db;
}

.table-container[b-kvj78lgtmo] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.table[b-kvj78lgtmo] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-kvj78lgtmo] {
        background: #f3f4f6;
        padding: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #374151;
        text-align: left;
    }

    .table td[b-kvj78lgtmo] {
        padding: 8px;
        font-size: 13px;
        color: #1f2937;
        border-top: 1px solid #e5e7eb;
    }

.table-center[b-kvj78lgtmo] {
    text-align: center;
}
/* /Pages/Settings/Config/Config.razor.rz.scp.css */
.vc-panel-header[b-77527uowiz] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.vc-grid-3[b-77527uowiz] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.vc-form-label[b-77527uowiz] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-77527uowiz] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-button-save[b-77527uowiz] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-actions-right[b-77527uowiz] {
    text-align: right;
}

.vc-margin-bottom[b-77527uowiz] {
    margin-bottom: 20px;
}

.vc-form-checkbox-row[b-77527uowiz] {
    display: flex;
    align-items: flex-end;
}

.vc-checkbox-label-inline[b-77527uowiz] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.vc-checkbox[b-77527uowiz] {
    cursor: pointer;
}

.vc-checkbox-text[b-77527uowiz] {
    font-size: 12px;
    color: rgb(55, 65, 81);
}

.vc-main-content[b-77527uowiz] {
    flex: 1 1 0%;
    overflow-y: auto;
    background: rgb(249, 250, 251);
    padding: 16px;
}

.vc-header[b-77527uowiz] {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.vc-header-title[b-77527uowiz] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.vc-button-sync[b-77527uowiz] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.vc-card[b-77527uowiz] {
    background: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
}

.vc-card-content[b-77527uowiz] {
    padding: 20px;
}
/* /Pages/Settings/Config/Email.razor.rz.scp.css */
.vc-panel-header[b-5yqnn2sopw] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.vc-grid-3[b-5yqnn2sopw] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.vc-form-label[b-5yqnn2sopw] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-5yqnn2sopw] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-button-save[b-5yqnn2sopw] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-actions-right[b-5yqnn2sopw] {
    text-align: right;
}

.vc-margin-bottom[b-5yqnn2sopw] {
    margin-bottom: 20px;
}

.vc-form-checkbox-row[b-5yqnn2sopw] {
    display: flex;
    align-items: flex-end;
}

.vc-checkbox-label-inline[b-5yqnn2sopw] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.vc-checkbox[b-5yqnn2sopw] {
    cursor: pointer;
}

.vc-checkbox-text[b-5yqnn2sopw] {
    font-size: 12px;
    color: rgb(55, 65, 81);
}
/* /Pages/Settings/Config/General.razor.rz.scp.css */
/*general tab css */
.vc-panel-header[b-esv6cg6pdp] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.vc-grid-3[b-esv6cg6pdp] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.vc-form-label[b-esv6cg6pdp] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-esv6cg6pdp] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-actions-right[b-esv6cg6pdp] {
    text-align: right;
}

.vc-button-save[b-esv6cg6pdp] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}
/* end */
/* /Pages/Settings/Config/Website.razor.rz.scp.css */
.vc-panel-header[b-riivowd9zb] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.vc-grid-3[b-riivowd9zb] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
    align-items: flex-end;
}

.vc-form-label[b-riivowd9zb] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-riivowd9zb] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-button-save[b-riivowd9zb] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-table[b-riivowd9zb] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
}

.vc-table-header-row[b-riivowd9zb] {
    background: rgb(243, 244, 246);
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-riivowd9zb] {
    padding: 8px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
}

.vc-table-header-cell-center[b-riivowd9zb] {
    text-align: center;
}

.vc-table-body-row[b-riivowd9zb] {
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-cell[b-riivowd9zb] {
    padding: 8px;
    font-size: 13px;
    color: rgb(31, 41, 55);
}

.vc-table-actions[b-riivowd9zb] {
    text-align: center;
    display: flex;
    gap: 4px;
    justify-content: center;
}

.vc-button-icon[b-riivowd9zb] {
    background: rgb(30, 58, 95);
    color: white;
    padding: 5px 7px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.vc-button-icon--delete[b-riivowd9zb] {
    background: rgb(220, 38, 38);
}
/* /Pages/Settings/Countries/Country.razor.rz.scp.css */
.vc-header[b-6ob9jl5wvv] {
    background: white;
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.vc-header-title[b-6ob9jl5wvv] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.vc-button-add[b-6ob9jl5wvv] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.vc-form-card[b-6ob9jl5wvv] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
}

.vc-form-grid[b-6ob9jl5wvv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.vc-form-label[b-6ob9jl5wvv] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-6ob9jl5wvv] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-form-actions[b-6ob9jl5wvv] {
    grid-column: 3 / 5;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.vc-button-save[b-6ob9jl5wvv] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-button-cancel[b-6ob9jl5wvv] {
    background: white;
    color: rgb(55, 65, 81);
    border: 1px solid rgb(209, 213, 219);
    padding: 7px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.vc-table-container[b-6ob9jl5wvv] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    overflow: hidden;
}

.vc-table[b-6ob9jl5wvv] {
    width: 100%;
    border-collapse: collapse;
}

.vc-table-header-row[b-6ob9jl5wvv] {
    background: rgb(243, 244, 246);
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-6ob9jl5wvv] {
    padding: 8px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
}

.vc-table-header-cell-center[b-6ob9jl5wvv] {
    text-align: center;
}

.vc-table-header-cell-width-50[b-6ob9jl5wvv] {
    width: 50px;
}

.vc-table-header-cell-width-40[b-6ob9jl5wvv] {
    width: 40px;
}

.vc-table-body-row[b-6ob9jl5wvv] {
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-cell[b-6ob9jl5wvv] {
    padding: 8px;
    font-size: 13px;
    color: rgb(31, 41, 55);
}

.vc-table-cell-center[b-6ob9jl5wvv] {
    text-align: center;
}

.vc-table-actions[b-6ob9jl5wvv] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.vc-button-icon[b-6ob9jl5wvv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-6ob9jl5wvv] {
    background: rgb(30, 58, 95);
}

.vc-form-grid-bottom[b-6ob9jl5wvv] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

.vc-checkbox-container[b-6ob9jl5wvv] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.vc-checkbox[b-6ob9jl5wvv] {
    cursor: pointer;
}

.vc-checkbox-label[b-6ob9jl5wvv] {
    font-size: 12px;
    color: rgb(55, 65, 81);
    cursor: pointer;
}

.vc-button-create[b-6ob9jl5wvv] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 5px 7px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}

.vc-table-cell--muted[b-6ob9jl5wvv] {
    color: rgb(156, 163, 175);
}
/* /Pages/Settings/Countries/Regions.razor.rz.scp.css */
.vc-header[b-oblpirahyr] {
    background: white;
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.vc-header-title[b-oblpirahyr] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.vc-button-add[b-oblpirahyr] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.vc-form-card[b-oblpirahyr] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
}

.vc-form-grid[b-oblpirahyr] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 16px;
}

.vc-form-label[b-oblpirahyr] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-oblpirahyr] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-form-actions[b-oblpirahyr] {
    grid-column: 3 / 5;
    display: flex;
    align-items:end;
    gap: 8px;
    justify-content: flex-end;
}

.vc-button-save[b-oblpirahyr] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: 1px solid rgb(13, 148, 136);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-button-cancel[b-oblpirahyr] {
    background: white;
    color: rgb(55, 65, 81);
    border: 1px solid rgb(209, 213, 219);
    padding: 7px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.vc-table-container[b-oblpirahyr] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    overflow: hidden;
}

.vc-table[b-oblpirahyr] {
    width: 100%;
    border-collapse: collapse;
}

.vc-table-header-row[b-oblpirahyr] {
    background: rgb(243, 244, 246);
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-oblpirahyr] {
    padding: 8px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
}

.vc-table-header-cell-center[b-oblpirahyr] {
    text-align: center;
}

.vc-table-header-cell-width-40[b-oblpirahyr] {
    width: 40px;
}

.vc-table-body-row[b-oblpirahyr] {
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-cell[b-oblpirahyr] {
    padding: 8px;
    font-size: 13px;
    color: rgb(31, 41, 55);
}

.vc-table-cell-center[b-oblpirahyr] {
    text-align: center;
}

.vc-table-actions[b-oblpirahyr] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.vc-button-icon[b-oblpirahyr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-oblpirahyr] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-oblpirahyr] {
    background: rgb(220, 38, 38);
}
/* /Pages/Settings/Currency/Currency.razor.rz.scp.css */
.vc-main-content[b-cijgepgija] {
    flex: 1 1 0%;
    overflow-y: auto;
    background: rgb(249, 250, 251);
    padding: 16px;
}

.vc-footer[b-cijgepgija] {
    text-align: center;
    padding: 16px;
    font-size: 12px;
    color: rgb(156, 163, 175);
}

.vc-form-row-actions[b-cijgepgija] {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
}

.vc-header[b-cijgepgija] {
    background: white;
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.vc-header-title[b-cijgepgija] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.vc-button-add[b-cijgepgija] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.vc-form-card[b-cijgepgija] {
    background: white;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
}

.vc-form-grid[b-cijgepgija] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

.vc-form-label[b-cijgepgija] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-cijgepgija] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-button-save[b-cijgepgija] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-button-cancel[b-cijgepgija] {
    background: white;
    color: rgb(55, 65, 81);
    border: 1px solid rgb(209, 213, 219);
    padding: 7px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.vc-table-container[b-cijgepgija] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    overflow: hidden;
}

.vc-table[b-cijgepgija] {
    width: 100%;
    border-collapse: collapse;
}

.vc-table-header-row[b-cijgepgija] {
    background: rgb(243, 244, 246);
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-cijgepgija] {
    padding: 8px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
}

.vc-table-header-cell-center[b-cijgepgija] {
    text-align: center;
}

.vc-table-header-cell-width-50[b-cijgepgija] {
    width: 50px;
}

.vc-table-header-cell-width-40[b-cijgepgija] {
    width: 40px;
}

.vc-table-body-row[b-cijgepgija] {
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-cell[b-cijgepgija] {
    padding: 8px;
    font-size: 13px;
    color: rgb(31, 41, 55);
}

.vc-table-cell-center[b-cijgepgija] {
    text-align: center;
}

.vc-table-actions[b-cijgepgija] {
    display: flex;
    gap: 4px;
    justify-content: center;
}

.vc-button-icon[b-cijgepgija] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    border: none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    flex-shrink: 0;
}

.vc-button-icon--edit[b-cijgepgija] {
    background: rgb(30, 58, 95);
}

.vc-button-icon--delete[b-cijgepgija] {
    background: rgb(220, 38, 38);
}

.vc-form-grid-bottom[b-cijgepgija] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

.vc-checkbox-container[b-cijgepgija] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.vc-checkbox[b-cijgepgija] {
    cursor: pointer;
}

.vc-checkbox-label[b-cijgepgija] {
    font-size: 12px;
    color: rgb(55, 65, 81);
    cursor: pointer;
}

.vc-button-create[b-cijgepgija] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 5px 7px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
}

.vc-table-cell--muted[b-cijgepgija] {
    color: rgb(156, 163, 175);
}
/* /Pages/Settings/Groups/Groups.razor.rz.scp.css */
.page-header[b-fo0asdpmcm] {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.page-title[b-fo0asdpmcm] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.btn[b-fo0asdpmcm] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary[b-fo0asdpmcm] {
    background: #0d9488;
    color: #fff;
}

.card[b-fo0asdpmcm] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    padding: 20px;
    margin-bottom: 16px;
}

.form-grid[b-fo0asdpmcm] {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

.label[b-fo0asdpmcm] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.input[b-fo0asdpmcm],
.textarea[b-fo0asdpmcm],
.select[b-fo0asdpmcm] {
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.textarea[b-fo0asdpmcm] {
    resize: none;
}

.btn-secondary[b-fo0asdpmcm] {
    background: #fff;
    color: #374151;
    border: 1px solid #d1d5db;
}

.table-container[b-fo0asdpmcm] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.table[b-fo0asdpmcm] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-fo0asdpmcm] {
        background: #f3f4f6;
        padding: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #374151;
        text-align: left;
    }

    .table td[b-fo0asdpmcm] {
        padding: 8px;
        font-size: 13px;
        color: #1f2937;
        border-top: 1px solid #e5e7eb;
    }

.table-center[b-fo0asdpmcm] {
    text-align: center;
}
/* /Pages/Settings/Tags/Tags.razor.rz.scp.css */
.page-header[b-nci5egjtc7] {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.page-header__title[b-nci5egjtc7] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.btn-add[b-nci5egjtc7] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: #0d9488;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

    .btn-add:hover[b-nci5egjtc7] {
        background: #0f766e;
    }

/* ── Form card ── */
.form-card[b-nci5egjtc7] {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    margin-bottom: 16px;
}

.form-row-top[b-nci5egjtc7] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    gap: 12px;
    margin-bottom: 16px;
}

.form-row-bottom[b-nci5egjtc7] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 12px;
    align-items: flex-end;
}

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

.form-label[b-nci5egjtc7] {
    font-size: 12px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 4px;
    display: block;
}

.form-control[b-nci5egjtc7] {
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    background: #fff;
}

.form-select[b-nci5egjtc7] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
    background: white;
}

.form-control--textarea[b-nci5egjtc7] {
    resize: none;
}

.form-actions[b-nci5egjtc7] {
    grid-column: 3 / 5;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.btn-save[b-nci5egjtc7] {
    background: #0d9488;
    color: #fff;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

    .btn-save:hover[b-nci5egjtc7] {
        background: #0f766e;
    }

.btn-cancel[b-nci5egjtc7] {
    background: #fff;
    color: #374151;
    border: 1px solid #d1d5db;
    padding: 7px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

    .btn-cancel:hover[b-nci5egjtc7] {
        background: #f9fafb;
    }

/* ── Categories dropdown ── */
.dropdown-wrapper[b-nci5egjtc7] {
    position: relative;
    display: inline-block;
    width: 100%;
}

.btn-dropdown[b-nci5egjtc7] {
    width: 100%;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-arrow[b-nci5egjtc7] {
    color: #9ca3af;
}

/* ── Toolbar ── */
.table-toolbar[b-nci5egjtc7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    background: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.toolbar-label[b-nci5egjtc7] {
    font-size: 13px;
    color: #6b7280;
}

.toolbar-select[b-nci5egjtc7] {
    font-size: 13px;
    padding: 4px 8px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
}

.toolbar-spacer[b-nci5egjtc7] {
    flex: 1;
}

.toolbar-search[b-nci5egjtc7] {
    padding: 5px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 13px;
    width: 200px;
}

/* ── Table ── */
.table-wrapper[b-nci5egjtc7] {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.data-table[b-nci5egjtc7] {
    width: 100%;
    border-collapse: collapse;
}

    .data-table thead tr[b-nci5egjtc7] {
        background: #f3f4f6;
        border-top: 1px solid #e5e7eb;
    }

    .data-table th[b-nci5egjtc7] {
        padding: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #374151;
        text-align: left;
    }

        .data-table th.th-center[b-nci5egjtc7] {
            text-align: center;
        }

        .data-table th.th-drag[b-nci5egjtc7] {
            width: 40px;
            text-align: center;
        }

        .data-table th.th-edit[b-nci5egjtc7] {
            width: 40px;
            text-align: center;
        }

    .data-table tbody tr[b-nci5egjtc7] {
        border-top: 1px solid #e5e7eb;
    }

    .data-table td[b-nci5egjtc7] {
        padding: 8px;
        font-size: 13px;
        color: #1f2937;
    }

        .data-table td.td-center[b-nci5egjtc7] {
            text-align: center;
        }

.icon-drag[b-nci5egjtc7] {
    color: #9ca3af;
}



/* ── Pagination ── */
.table-footer[b-nci5egjtc7] {
    padding: 12px 16px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    font-size: 12px;
    color: #6b7280;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pagination[b-nci5egjtc7] {
    display: flex;
    gap: 4px;
}

.btn-page[b-nci5egjtc7] {
    padding: 4px 8px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    color: #374151;
}

    .btn-page:hover[b-nci5egjtc7] {
        background: #f3f4f6;
    }

.btn-page--active[b-nci5egjtc7] {
    background: #0d9488;
    color: #fff;
    border: none;
}

    .btn-page--active:hover[b-nci5egjtc7] {
        background: #0f766e;
    }


.dropdown-container[b-nci5egjtc7] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    z-index: 10;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 4px;
}

.dropdown-item[b-nci5egjtc7] {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    cursor: pointer;
    border-bottom: 1px solid rgb(243, 244, 246);
    font-size: 13px;
}

    /* optional: remove border from last item */
    .dropdown-item:last-child[b-nci5egjtc7] {
        border-bottom: none;
    }

.checkbox[b-nci5egjtc7] {
    margin-right: 8px;
}

/* ✅ Change checkbox color when checked */
.checkbox[b-nci5egjtc7] {
    accent-color: green;
}

.dropdown-item.active[b-nci5egjtc7], .dropdown-item:active[b-nci5egjtc7] {
    text-decoration: none;
}
/* /Pages/Settings/Users/Users.razor.rz.scp.css */
.vc-navbar[b-0x42ctn4kc] {
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(229, 231, 235);
    padding: 0px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    margin-bottom: 16px;
}

.vc-navbar-title[b-0x42ctn4kc] {
    margin: 0px;
    font-size: 15px;
    font-weight: 700;
    color: rgb(17, 24, 39);
}

.vc-btn-add[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 4px;
    border: none;
    background: rgb(13, 148, 136);
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}


.vc-card-padded[b-0x42ctn4kc] {
    background: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    margin-bottom: 16px;
    padding: 20px;
}

.vc-tab-bar[b-0x42ctn4kc] {
    border-bottom: 1px solid rgb(229, 231, 235);
    margin-bottom: 20px;
}

.vc-tab-active[b-0x42ctn4kc] {
    padding: 12px 16px;
    border-top: none;
    border-right: none;
    border-bottom: 2px solid rgb(13, 148, 136);
    border-left: none;
    border-image: initial;
    background: transparent;
    color: rgb(13, 148, 136);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-tab-inactive[b-0x42ctn4kc] {
    padding: 12px 16px;
    border: none;
    background: transparent;
    color: rgb(156, 163, 175);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-panel-header[b-0x42ctn4kc] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 12px 16px;
    border-radius: 4px 4px 0 0;
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.vc-grid-3[b-0x42ctn4kc] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.vc-form-label[b-0x42ctn4kc] {
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
    margin-bottom: 4px;
    display: block;
}

.vc-form-input[b-0x42ctn4kc] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-margin-bottom[b-0x42ctn4kc] {
    margin-bottom: 20px;
}

.vc-checkbox-container[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.vc-checkbox[b-0x42ctn4kc] {
    cursor: pointer;
}

.vc-checkbox-label[b-0x42ctn4kc] {
    font-size: 12px;
    color: rgb(55, 65, 81);
    cursor: pointer;
}

.vc-form-select[b-0x42ctn4kc] {
    padding: 7px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 6px;
    font-size: 13px;
    width: 100%;
    box-sizing: border-box;
}

.vc-form-checkbox-row[b-0x42ctn4kc] {
    display: flex;
    align-items: flex-end;
}

.vc-checkbox-label-inline[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.vc-checkbox-text[b-0x42ctn4kc] {
    font-size: 12px;
    color: rgb(55, 65, 81);
}

.vc-grid-2[b-0x42ctn4kc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.vc-role-list[b-0x42ctn4kc] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.vc-role-badge[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 14px;
    border-radius: 6px;
    border: 2px solid rgb(229, 231, 235);
    background: rgb(249, 250, 251);
    transition: 0.15s;
    user-select: none;
}

.vc-role-selected[b-0x42ctn4kc] {
    border: 2px solid rgb(30, 58, 95);
    background: rgba(30, 58, 95, 0.08);
}

.vc-role-sales-person[b-0x42ctn4kc] {
    border: 2px solid rgb(30, 58, 95);
    background: rgba(30, 58, 95, 0.08);
}

.vc-role-sales-concierge[b-0x42ctn4kc] {
    border: 2px solid rgb(13, 148, 136);
    background: rgba(13, 148, 136, 0.08);
}

.vc-role-sales-admin[b-0x42ctn4kc] {
    border: 2px solid rgb(127, 29, 29);
    background: rgba(127, 29, 29, 0.08);
}

.vc-role-checkbox-sales-person[b-0x42ctn4kc] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid rgb(30, 58, 95);
    background: rgb(30, 58, 95);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vc-role-checkbox-concierge[b-0x42ctn4kc] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid rgb(13, 148, 136);
    background: rgb(13, 148, 136);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vc-role-checkbox-admin[b-0x42ctn4kc] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid rgb(127, 29, 29);
    background: rgb(127, 29, 29);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vc-role-checkbox-empty[b-0x42ctn4kc] {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid rgb(209, 213, 219);
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.vc-role-text[b-0x42ctn4kc] {
    font-size: 13px;
    font-weight: 500;
    color: rgb(30, 58, 95);
}

.vc-role-unselected[b-0x42ctn4kc] {
    border: 2px solid rgb(229, 231, 235);
    background: rgb(249, 250, 251);
}

.vc-button-save[b-0x42ctn4kc] {
    background: rgb(13, 148, 136);
    color: white;
    padding: 7px 16px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.vc-button-cancel[b-0x42ctn4kc] {
    background: white;
    color: rgb(55, 65, 81);
    border: 1px solid rgb(209, 213, 219);
    padding: 7px 16px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.vc-actions-right[b-0x42ctn4kc] {
    display: flex;
    align-self: end;
    justify-self:end;
}

.vc-filter-bar[b-0x42ctn4kc] {
    padding: 10px 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
}

.vc-filter-controls[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.vc-filter-label[b-0x42ctn4kc] {
    font-size: 13px;
    color: rgb(107, 114, 128);
}

.vc-filter-select[b-0x42ctn4kc] {
    font-size: 13px;
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
}

.vc-filter-spacer[b-0x42ctn4kc] {
    flex: 1 1 0%;
}

.vc-search-group[b-0x42ctn4kc] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.vc-search-input[b-0x42ctn4kc] {
    padding: 5px 10px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    font-size: 13px;
    width: 200px;
}

.vc-table-container[b-0x42ctn4kc] {
    background-color: white;
    border-radius: 8px;
    border: 1px solid rgb(229, 231, 235);
    overflow: hidden;
}

.vc-table[b-0x42ctn4kc] {
    width: 100%;
    border-collapse: collapse;
}

.vc-table-header-row[b-0x42ctn4kc] {
    background: rgb(243, 244, 246);
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-header-cell[b-0x42ctn4kc] {
    width: 50px;
    padding: 8px;
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: rgb(55, 65, 81);
}

.vc-table-header-cell-center[b-0x42ctn4kc] {
    text-align: center;
}

.vc-table-body-row[b-0x42ctn4kc] {
    border-top: 1px solid rgb(229, 231, 235);
}

.vc-table-cell[b-0x42ctn4kc] {
    padding: 8px;
    font-size: 13px;
    color: rgb(31, 41, 55);
}

.vc-table-cell-center[b-0x42ctn4kc] {
    text-align: center;
}

.vc-role-badges[b-0x42ctn4kc] {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.vc-role-badge-small[b-0x42ctn4kc] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    white-space: nowrap;
}

.vc-role-salesperson[b-0x42ctn4kc] {
    background: rgb(30, 58, 95);
}

.vc-role-experience[b-0x42ctn4kc] {
    background: rgb(13, 148, 136);
}

.vc-role-admin[b-0x42ctn4kc] {
    background: rgb(127, 29, 29);
}

.vc-button-edit[b-0x42ctn4kc] {
    background: rgb(30, 58, 95);
    color: white;
    padding: 5px 7px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
}

.vc-pagination[b-0x42ctn4kc] {
    padding: 12px 16px;
    background: rgb(249, 250, 251);
    border-top: 1px solid rgb(229, 231, 235);
    font-size: 12px;
    color: rgb(107, 114, 128);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vc-pagination-controls[b-0x42ctn4kc] {
    display: flex;
    gap: 4px;
}

.vc-pagination-button[b-0x42ctn4kc] {
    padding: 4px 8px;
    border: 1px solid rgb(209, 213, 219);
    border-radius: 4px;
    background: white;
    cursor: pointer;
    font-size: 12px;
}

.vc-pagination-button-active[b-0x42ctn4kc] {
    padding: 4px 8px;
    background: rgb(13, 148, 136);
    color: white;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 12px;
}
/* /Pages/Shared/ClientPreviousRecord.razor.rz.scp.css */

.vc-table[b-hu0ogtwug7] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.vc-table-header-row[b-hu0ogtwug7] {
    background: #f9fafb !important;
}

.vc-table-body-row[b-hu0ogtwug7] {
    border-bottom: 1px solid #f3f4f6 !important;
    border-top: none !important;
}

.vc-table-header-cell[b-hu0ogtwug7]{
    padding: 10px 12px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    font-size: 12px !important;
    border-bottom: 2px solid #e5e7eb !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.vc-table-cell[b-hu0ogtwug7] {
    padding: 9px 14px;
    color: rgb(55, 65, 81);
    font-size: 13px;
    border-bottom: 1px solid rgb(240, 240, 240);
}

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

.btn-delete[b-hu0ogtwug7]{
    width: 26px;
    height: 26px;
    background: rgb(239, 68, 68);
    color: white;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: initial;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Shared/AgentLayout.razor.rz.scp.css */
.page[b-vpe5vn9lo4] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-vpe5vn9lo4] {
    flex: 1;
}

.sidebar[b-vpe5vn9lo4] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-vpe5vn9lo4] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-vpe5vn9lo4]  a, .top-row .btn-link[b-vpe5vn9lo4] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-vpe5vn9lo4] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-vpe5vn9lo4] {
        display: none;
    }

    .top-row.auth[b-vpe5vn9lo4] {
        justify-content: space-between;
    }

    .top-row a[b-vpe5vn9lo4], .top-row .btn-link[b-vpe5vn9lo4] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-vpe5vn9lo4] {
        flex-direction: row;
    }

    .sidebar[b-vpe5vn9lo4] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-vpe5vn9lo4] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-vpe5vn9lo4], article[b-vpe5vn9lo4] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/AuthLayout.razor.rz.scp.css */
.page[b-ff8zaxbkco] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ff8zaxbkco] {
    flex: 1;
}

.sidebar[b-ff8zaxbkco] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ff8zaxbkco] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ff8zaxbkco]  a, .top-row .btn-link[b-ff8zaxbkco] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-ff8zaxbkco] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ff8zaxbkco] {
        display: none;
    }

    .top-row.auth[b-ff8zaxbkco] {
        justify-content: space-between;
    }

    .top-row a[b-ff8zaxbkco], .top-row .btn-link[b-ff8zaxbkco] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ff8zaxbkco] {
        flex-direction: row;
    }

    .sidebar[b-ff8zaxbkco] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ff8zaxbkco] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-ff8zaxbkco], article[b-ff8zaxbkco] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.body[b-w8amo38veb] {
    margin: 0px;
    padding: 0px;
}

.app-layout[b-w8amo38veb] {
    display: flex;
    min-height: 100vh;
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background: #f9fafb;
}


.app-sidebar[b-w8amo38veb] {
    width: 190px;
    min-width: 190px;
    flex-shrink: 0;
    background-color: rgb(17, 24, 39);
    color: white;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0px;
    height: 100vh;
    overflow-y: auto;
}

.sidebar-header[b-w8amo38veb] {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    flex-shrink: 0;
}

.sidebar-title[b-w8amo38veb] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgb(99, 102, 241), rgb(139, 92, 246));
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    color: rgb(255, 255, 255);
    flex-shrink: 0;
}

.sidebar-subtitle[b-w8amo38veb] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: rgb(249, 250, 251);
}

.sidebar-nav[b-w8amo38veb] {
    flex: 1;
    padding: 8px 0;
}

.nav-item[b-w8amo38veb] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background-color: transparent;
    color: rgb(156, 163, 175);
    border: none;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
}

    .nav-item:hover[b-w8amo38veb] {
        color: white;
    }

    .nav-item.active[b-w8amo38veb] {
        background-color: rgba(255, 255, 255, 0.08);
        color: white;
    }

.nav-subitem[b-w8amo38veb] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 6px 16px 6px 34px;
    background-color: transparent;
    color: rgb(107, 114, 128);
    border: none;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
}

    .nav-subitem:hover[b-w8amo38veb] {
        color: #9ca3af;
    }

    .nav-subitem.active[b-w8amo38veb] {
        background-color: rgba(255, 255, 255, 0.08);
        color: white;
    }

.sidebar-footer[b-w8amo38veb] {
    padding: 12px 16px;
    border-top: 1px solid #1f2937;
    font-size: 11px;
    color: #4b5563;
}

.app-content[b-w8amo38veb] {
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    flex-direction: column;
}

.page[b-w8amo38veb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-w8amo38veb] {
    flex: 1;
}

.sidebar[b-w8amo38veb] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-w8amo38veb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-w8amo38veb]  a, .top-row .btn-link[b-w8amo38veb] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-w8amo38veb] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-w8amo38veb] {
        display: none;
    }

    .top-row.auth[b-w8amo38veb] {
        justify-content: space-between;
    }

    .top-row a[b-w8amo38veb], .top-row .btn-link[b-w8amo38veb] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-w8amo38veb] {
        flex-direction: row;
    }

    .sidebar[b-w8amo38veb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-w8amo38veb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-w8amo38veb], article[b-w8amo38veb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}