@import '/Admin/_content/Web.Client.Components/Web.Client.Components.3ix6rh3fgs.bundle.scp.css?build=b1356a2278c72e518695fddc629ec2a720a05c61';

/* Admin/Components/Appointment/AppointmentCallToast.razor.rz.scp.css */
[b-druknk6yva] .component-root{
    position: fixed;
    left: 117px;
    bottom: 25px;
    width: 400px;
    height: 90px;
    background-color: #0A493F;
    color: white;
    border-radius: 10px;
}
[b-druknk6yva] .toast-container{
    position: fixed;
    left: 117px;
    bottom: 25px;
    width: 400px;
    height: 90px;
    background-color: #0A493F;
    color: white;
    border-radius: 10px;
}
/* Admin/Components/ErrorLogs.razor.rz.scp.css */
.error-logs-container[b-kkz7izp7p1] {
    padding: 2rem;
    height: 100%;
    overflow-y: auto;
    background-color: white;
    color:black;
}

.error-logs-header[b-kkz7izp7p1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ddd;
}

.error-logs-header h3[b-kkz7izp7p1] {
    margin: 0;
}

.error-logs-actions[b-kkz7izp7p1] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.error-count[b-kkz7izp7p1] {
    font-size: 0.875rem;
    color: #666;
}

.loading-container[b-kkz7izp7p1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.no-errors[b-kkz7izp7p1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
    color: #666;
}

.error-logs-list[b-kkz7izp7p1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.error-log-item[b-kkz7izp7p1] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1rem;
    background: white;
}

.error-log-item.error-critical[b-kkz7izp7p1] {
    border-left: 4px solid #d32f2f;
}

.error-log-item.error-high[b-kkz7izp7p1] {
    border-left: 4px solid #f57c00;
}

.error-log-item.error-warn[b-kkz7izp7p1] {
    border-left: 4px solid #fbc02d;
}

.error-log-item.error-info[b-kkz7izp7p1] {
    border-left: 4px solid #1976d2;
}

.error-log-header[b-kkz7izp7p1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.error-type[b-kkz7izp7p1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: capitalize;
}

.error-actions[b-kkz7izp7p1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.error-timestamp[b-kkz7izp7p1] {
    font-size: 0.75rem;
    color: #666;
}

.error-message[b-kkz7izp7p1],
.error-location[b-kkz7izp7p1] {
    overflow: auto;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.error-message strong[b-kkz7izp7p1],
.error-location strong[b-kkz7izp7p1] {
    font-weight: 600;
    margin-right: 0.25rem;
}

.error-stack[b-kkz7izp7p1] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.error-stack strong[b-kkz7izp7p1] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.error-stack pre[b-kkz7izp7p1] {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.75rem;
    font-size: 0.75rem;
    overflow-x: auto;
    max-height: 200px;
    overflow-y: auto;
    margin: 0;
}
/* Admin/Components/InspectionType/InspectionUsers.razor.rz.scp.css */
[b-jyc0d6lz9o] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 32px);
    margin-top: -24px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

    [b-jyc0d6lz9o] .header-container-right .mud-input-outlined-border {
        border-radius: 25px !important;
    }

[b-jyc0d6lz9o] .mud-table-cell {
    padding: 6px 10px;
}

[b-jyc0d6lz9o] .mud-table-container {
    height: calc(100vh - 268px);
}
/* Admin/Components/PhraseFiles/EditPhraseDialog.razor.rz.scp.css */
.edit-phrase-form-container[b-v9qlghqlss]{
    display: flex;
    flex-direction: column;
    gap: 30px;
}


.variable-display-container[b-v9qlghqlss] {
    padding: 12px;
    border: 2px solid #e5ebea;
    border-radius: 4px;
    min-height: 94px;
    cursor: text;
    background-color: var(--mud-palette-background);
    line-height: 1.6;
    font-size: 1rem;
}

.empty-description[b-v9qlghqlss] {
    color: var(--mud-palette-text-secondary);
    font-style: italic;
}

.phrase-error-text[b-v9qlghqlss]{
    color: #f44336; 
    font-size: 0.75rem; 
    margin-top: 3px; 
    margin-bottom: 0px;
}
/* Admin/Components/PhraseFiles/PhraseFileSettings.razor.rz.scp.css */
.phrase-file-container[b-yzno4t8d03] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-yzno4t8d03] .phrase-file-holder {
    position: relative;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-yzno4t8d03] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-yzno4t8d03] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-yzno4t8d03] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-yzno4t8d03] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-yzno4t8d03] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-yzno4t8d03] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-yzno4t8d03] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-yzno4t8d03] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-yzno4t8d03] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-yzno4t8d03] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}

[b-yzno4t8d03] .add-area-btn .mud-button-root {
    position: fixed;
    bottom: 40px;
    right: 100px;
}

[b-yzno4t8d03] .excluded-areas-info {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #eaf5f3;
    color: #0a493f;
    font-size: 13px;
}

[b-yzno4t8d03] .excluded-areas-info svg {
    width: 17px;
    margin-right: 6px;
}

[b-yzno4t8d03] .excluded-areas-info > span {
    display: flex;
    align-items: center;
}

[b-yzno4t8d03] .excluded-areas-info .mud-input-control-boolean-input {
    display: inline-block;
    margin-right: -14px;
}

.buttons-holder[b-yzno4t8d03] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

/* Tree view styles */
[b-yzno4t8d03] .tree-item {
    position: relative;
    display: flex;
    align-items: flex-start;
}

[b-yzno4t8d03] .tree-lines {
    position: relative;
    width: 20px;
    height: 100%;
    flex-shrink: 0;
    margin-right: 5px;
}

[b-yzno4t8d03] .tree-vertical-line {
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 50%;
    width: 1px;
    background-color: #c8c8c8;
}

[b-yzno4t8d03] .tree-horizontal-line {
    position: absolute;
    left: 9px;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #c8c8c8;
    transform: translateY(-0.5px);
}

[b-yzno4t8d03] .tree-vertical-continuation {
    position: absolute;
    left: 9px;
    top: 50%;
    bottom: 0;
    width: 1px;
    background-color: #c8c8c8;
}

/* Remove continuation line for last items */
[b-yzno4t8d03] .tree-last .tree-vertical-continuation {
    display: none;
}

/* Tree indentation - each level adds 20px */
[b-yzno4t8d03] .tree-level-0 {
    margin-left: 0px;
}

[b-yzno4t8d03] .tree-level-1 {
    margin-left: 20px;
}

[b-yzno4t8d03] .tree-level-2 {
    margin-left: 40px;
}

[b-yzno4t8d03] .tree-level-3 {
    margin-left: 60px;
}

[b-yzno4t8d03] .tree-level-4 {
    margin-left: 80px;
}

[b-yzno4t8d03] .tree-level-5 {
    margin-left: 100px;
}

[b-yzno4t8d03] .tree-level-6 {
    margin-left: 120px;
}

[b-yzno4t8d03] .tree-level-7 {
    margin-left: 140px;
}

[b-yzno4t8d03] .tree-level-8 {
    margin-left: 160px;
}

[b-yzno4t8d03] .tree-level-9 {
    margin-left: 180px;
}

/* Root level items don't show tree lines */
[b-yzno4t8d03] .tree-root .tree-lines {
    display: none;
}

[b-yzno4t8d03] .tree-root {
    margin-left: 0 !important;
}

/* Ensure area-section takes full width */
[b-yzno4t8d03] .tree-item .area-section {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Children container */
[b-yzno4t8d03] .tree-children {
    width: 100%;
    margin-left: 0;
}

/* Phrase and subcategory styling */
[b-yzno4t8d03] .phrase-item,
[b-yzno4t8d03] .room-category {
    margin-bottom: 4px;
}

/* Ensure proper vertical alignment */
[b-yzno4t8d03] .tree-item {
    min-height: 40px;
}

[b-yzno4t8d03] .tree-lines {
    min-height: 40px;
}

.expand-collapse-buttons[b-yzno4t8d03]{
    position: absolute;
    right: 0;
    top:0;
    z-index: 1;
}

[b-yzno4t8d03] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}


.empty-state-container[b-yzno4t8d03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-yzno4t8d03] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-yzno4t8d03] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.phrase-category-header-container[b-yzno4t8d03]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.add-buttons-holder[b-yzno4t8d03]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap:10px;
}

[b-yzno4t8d03] .mud-tabs-panels {
    background-color: white!important;
}
/* Admin/Components/PhraseFiles/PhraseFileTypes.razor.rz.scp.css */
.phrase-file-container[b-lk299gasa4] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-lk299gasa4] .phrase-file-holder {
    position: relative;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-lk299gasa4] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

[b-lk299gasa4] .area-section > .mud-input-input-control {
    width: 60%;
    display: unset;
    flex: none;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-lk299gasa4] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-lk299gasa4] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-lk299gasa4] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-lk299gasa4] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-lk299gasa4] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-lk299gasa4] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-lk299gasa4] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-lk299gasa4] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-lk299gasa4] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-lk299gasa4] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-lk299gasa4] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-lk299gasa4] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-lk299gasa4] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}


.buttons-holder[b-lk299gasa4] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

[b-lk299gasa4] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}

.phrase-category-list-item[b-lk299gasa4] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.phrase-category-list-item.deleted[b-lk299gasa4] {
    background-color: #ff9797;
}


.phrase-type-header-container[b-lk299gasa4]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
/* Admin/Components/PhraseFiles/PhraseFileVersions.razor.rz.scp.css */
[b-rqomiqbozs] td span {
    display: inherit!important;
    font-weight: normal!important;
}
/* Admin/Components/PhraseFiles/PhraseSubCategories.razor.rz.scp.css */
.phrase-file-container[b-e7s6z9qxly] {
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder {
    position: relative;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-edit:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-delete:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .room-reorder:hover {
    opacity: 1;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-e7s6z9qxly] .area-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}


[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .area-button:hover {
    background-color: white;
}

[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .area-delete:hover,
[b-e7s6z9qxly] .phrase-file-holder:not(.readonly) .mud-button:hover .mud-button-icon-end {
    opacity: 1;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category {
    /*border-bottom: 2px solid #dee1e3;*/
    padding-left:15px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category:last-child {
    border-bottom: 0px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category h6 {
    font-size: 20px;
    padding: 10px 20px;
    margin-top: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room {
    display: flex;
    align-items: center;
    padding: 0 20px;
    justify-content: space-between;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room label {
    color: #626d78;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button {
    padding: 3px 15px !important;
    box-shadow: none;
    background-color: transparent;
    font-size: 15px;
    transition: none;
    font-weight: 400;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button .mud-button-icon-end {
    opacity: 0;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-input {
    background: white;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room .mud-button {
    background-color: white;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-edit {
    opacity: 0;
    margin-left: 30px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-reorder {
    opacity: 0;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-reorder:hover {
    cursor: pointer;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-delete {
    flex-grow: 1;
    text-align: right;
    opacity: 0;
}

[b-e7s6z9qxly] .phrase-file-holder .room-category .room-field {
    opacity: 1;
    width: 60%;
}

[b-e7s6z9qxly] .sortable-room-list-holder {
    margin-left: 17px;
    border-left: 5px solid #eee;
}

[b-e7s6z9qxly] #sortableAreas.drag-sorting .rooms-list-holder {
    display: none;
}

[b-e7s6z9qxly] .phrase-file-holder .field-invisible {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

[b-e7s6z9qxly] .phrase-file-holder .quick-room-add-holder {
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

[b-e7s6z9qxly] .phrase-file-holder .quick-room-add-holder .mud-button {
    padding: 3px 15px !important;
    border-radius: 25px;
    background-color: #e9eff5;
    color: #626d78 !important;
    margin-right: 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .area-button {
    background: none;
    box-shadow: none;
    font-size: 20px;
    transition: none;
    padding: 3px 10px;
    margin: 10px 10px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .area-field {
    opacity: 1;
    width: 50%;
    display: inline-block;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .mud-input {
    background: white;
    font-weight: 500;
    font-size: 20px;
}

[b-e7s6z9qxly] .phrase-file-holder .area-section .mud-button-icon-end {
    opacity: 0;
}

[b-e7s6z9qxly] .add-area-btn .mud-button-root {
    position: fixed;
    bottom: 40px;
    right: 100px;
}

[b-e7s6z9qxly] .excluded-areas-info {
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    background-color: #eaf5f3;
    color: #0a493f;
    font-size: 13px;
}

[b-e7s6z9qxly] .excluded-areas-info svg {
    width: 17px;
    margin-right: 6px;
}

[b-e7s6z9qxly] .excluded-areas-info > span {
    display: flex;
    align-items: center;
}

[b-e7s6z9qxly] .excluded-areas-info .mud-input-control-boolean-input {
    display: inline-block;
    margin-right: -14px;
}

.buttons-holder[b-e7s6z9qxly] {
    margin: 0 auto;
    margin-top: 10px;
    display: flex;
    width:100%;
    max-width: 80%;
}

/* Tree view styles */
[b-e7s6z9qxly] .tree-item {
    position: relative;
    display: flex;
    align-items: flex-start;
}

[b-e7s6z9qxly] .tree-lines {
    position: relative;
    width: 20px;
    height: 100%;
    flex-shrink: 0;
    margin-right: 5px;
}

[b-e7s6z9qxly] .tree-vertical-line {
    position: absolute;
    left: 9px;
    top: 0;
    bottom: 50%;
    width: 1px;
    background-color: #c8c8c8;
}

[b-e7s6z9qxly] .tree-horizontal-line {
    position: absolute;
    left: 9px;
    top: 50%;
    width: 10px;
    height: 1px;
    background-color: #c8c8c8;
    transform: translateY(-0.5px);
}

[b-e7s6z9qxly] .tree-vertical-continuation {
    position: absolute;
    left: 9px;
    top: 50%;
    bottom: 0;
    width: 1px;
    background-color: #c8c8c8;
}

/* Remove continuation line for last items */
[b-e7s6z9qxly] .tree-last .tree-vertical-continuation {
    display: none;
}

/* Tree indentation - each level adds 20px */
[b-e7s6z9qxly] .tree-level-0 {
    margin-left: 0px;
}

[b-e7s6z9qxly] .tree-level-1 {
    margin-left: 20px;
}

[b-e7s6z9qxly] .tree-level-2 {
    margin-left: 40px;
}

[b-e7s6z9qxly] .tree-level-3 {
    margin-left: 60px;
}

[b-e7s6z9qxly] .tree-level-4 {
    margin-left: 80px;
}

[b-e7s6z9qxly] .tree-level-5 {
    margin-left: 100px;
}

[b-e7s6z9qxly] .tree-level-6 {
    margin-left: 120px;
}

[b-e7s6z9qxly] .tree-level-7 {
    margin-left: 140px;
}

[b-e7s6z9qxly] .tree-level-8 {
    margin-left: 160px;
}

[b-e7s6z9qxly] .tree-level-9 {
    margin-left: 180px;
}

/* Root level items don't show tree lines */
[b-e7s6z9qxly] .tree-root .tree-lines {
    display: none;
}

[b-e7s6z9qxly] .tree-root {
    margin-left: 0 !important;
}

/* Ensure area-section takes full width */
[b-e7s6z9qxly] .tree-item .area-section {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

/* Children container */
[b-e7s6z9qxly] .tree-children {
    width: 100%;
    margin-left: 0;
}

/* Phrase and subcategory styling */
[b-e7s6z9qxly] .phrase-item,
[b-e7s6z9qxly] .room-category {
    margin-bottom: 4px;
}

/* Ensure proper vertical alignment */
[b-e7s6z9qxly] .tree-item {
    min-height: 40px;
}

[b-e7s6z9qxly] .tree-lines {
    min-height: 40px;
}

.expand-collapse-buttons[b-e7s6z9qxly]{
    position: absolute;
    right: 0;
    top:0;
    z-index: 1;
}

[b-e7s6z9qxly] .phrase-text{
    font-size: 20px;
    padding-left: 15px;
}


.empty-state-container[b-e7s6z9qxly] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-e7s6z9qxly] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-e7s6z9qxly] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.phrase-category-header-container[b-e7s6z9qxly]{
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.add-buttons-holder[b-e7s6z9qxly]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap:10px;
}

.header-subcategory[b-e7s6z9qxly]{
    display: flex;
    flex-direction: row;
    width: 100%;
    background-color: var(--mud-palette-info-hover);
    color:var(--mud-palette-info-darken);
    border-radius: var(--mud-default-borderradius);
    align-items: center;
    padding: 6px 0 6px 15px;
}
/* Admin/Components/PhraseFiles/SubCategoryRenderer.razor.rz.scp.css */
.phrase-actions[b-lb5ybdgp7p]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.phrase-sub-category-actions[b-lb5ybdgp7p]{
    margin-left: auto;
    display: flex;
    flex-direction: row;
}

.sub-category.deleted[b-lb5ybdgp7p]{
    background-color: #ff9797;
}

.phrase-item.deleted[b-lb5ybdgp7p]{
    background-color: #ff9797;
}
/* Admin/Components/Reporting/HighchartsComponent.razor.rz.scp.css */
.high-chart-container[b-jr0bxqhj9t] {
    width: 100%;
    height: 100%;
}
/* Admin/Pages/AdminDashboard/HistoricalGraphPanel.razor.rz.scp.css */
[b-76pevwt4gi] svg {
    width: 100%;
}

.period-container[b-76pevwt4gi] {
    float:right;
}

.period-btn[b-76pevwt4gi] {
    display: inline-block;
    border: 1px solid #ccc;
    width: 25px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    font-size:small;
    cursor:pointer;
    margin-left: auto;
}
/* Admin/Pages/Administration/Administration.razor.rz.scp.css */
.page-heading[b-kj0gr6obzu] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-kj0gr6obzu] {
    justify-content: center;
    display: flex;
}

[b-kj0gr6obzu] ul {
    list-style-type:none!important;
    margin-inline-start:0;
}

[b-kj0gr6obzu] ul li{
    display:block;
    vertical-align:top;
}
    [b-kj0gr6obzu] ul li a {
       background-color:#fff;
        border: 2px solid #e0e0e0;
        display: inline-block;
        width: 500px;
        padding: 20px 10px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        margin-bottom:10px;
    }

        [b-kj0gr6obzu] ul li a:hover {
            border-color: #00a587ff;
        }
/* Admin/Pages/Appointment/ActiveCall.razor.rz.scp.css */


[b-nsusbolrrv] .radio-hack {
    --size: 1.5rem;
    border: 1px solid lightgrey;
    height: var(--size);
    width: var(--size);
    border-radius: 50%;
}

[b-nsusbolrrv] .selected {
    background: var(--mud-palette-primary-transparent);
}

    [b-nsusbolrrv] .selected.edit-mode {
        padding-top: 0;
        padding-bottom: 0;
    }


    [b-nsusbolrrv] .selected .radio-hack {
        border: calc(var(--size) / 3) solid var(--mud-palette-primary);
        flex-grow: 0;
    }

[b-nsusbolrrv] li {
    padding: 0.75rem 1rem;
    margin: 0 -1rem;
}

[b-nsusbolrrv] .header-container h6 {
    display: inline-block;
    font-weight: bold;
    max-width: 250px;
}

[b-nsusbolrrv] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-nsusbolrrv] hr.mud-divider.mud-divider-fullwidth {
    margin-bottom: 1rem;
}

[b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-tabbar-wrapper {
    width: auto;
}

    [b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-tabbar-wrapper .mud-tooltip-root {
        flex-grow: 1;
    }

[b-nsusbolrrv] .mud-tabs.call-navigation-tab .mud-tabs-panels {
    padding: 0 1rem 0.5rem 1rem;
}

[b-nsusbolrrv] .no-notes {
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #CFD2D6;
    padding-top: 50px;
    padding-bottom:50px;
}

.component-root[b-nsusbolrrv] {
    margin: 0 -24px;
}

.header-container[b-nsusbolrrv] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #ffffff;
}

.property-form-holder[b-nsusbolrrv] {
    padding: 48px;
    margin-bottom: 30px;
}

    .property-form-holder h6[b-nsusbolrrv] {
        font-size: 20px;
    }

    .property-form-holder p[b-nsusbolrrv] {
        color: #626D78;
    }

[b-nsusbolrrv] .loading-container {
    min-width: 250px;
}

[b-nsusbolrrv] .note-select-option {
    min-width: 200px;
}

[b-nsusbolrrv] .call-navigation-tab .mud-tab {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    [b-nsusbolrrv] .call-navigation-tab .mud-tab.mud-tab-active {
        border-right: 1px solid rgba(0,0,0,0.1);
        border-left: 1px solid rgba(0,0,0,0.1);
    }



[b-nsusbolrrv] .notes-container {
    height: calc(100% - 59px);
    padding: 10px;
    background: #fff;
    overflow-x: hidden;
    box-shadow: 0px 4px 5px -1px #0000000F inset;
}

.chunks-msg-container[b-nsusbolrrv] {
    color: white;
    text-align: center;
    padding: 32px;
    min-width: 342px;
    max-width: 600px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.25);
    height: 140px;
}

    .chunks-msg-container p[b-nsusbolrrv] {
        padding-top: 6px;
    }


[b-nsusbolrrv] .active-call-left-panel .mud-tabs-panels {
    direction: rtl;
}

    [b-nsusbolrrv] .active-call-left-panel .mud-tabs-panels > div {
        direction: ltr;
    }

[b-nsusbolrrv] .active-call-left-panel .mud-tabs-scroll-button {
    display: none;
}

[b-nsusbolrrv] .fullscreen .active-call-left-panel, [b-nsusbolrrv] .fullscreen .gutter-horizontal {
    display: none;
}


.appointment-details-holder[b-nsusbolrrv] {
    padding: 3px 4px;
    overflow: hidden;
    margin: 10px;
    border-radius: 14px;
    border: 2px solid #0A493F;
}

.appointment-detail-item[b-nsusbolrrv] {
    display: flex;
}

.icon-holder[b-nsusbolrrv] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-nsusbolrrv] {
        width: 30px;
    }

.content-holder[b-nsusbolrrv] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

.appointment-detail-item:last-child .content-holder[b-nsusbolrrv] {
    border-bottom: 0;
}

.content-holder span[b-nsusbolrrv] {
    display: block;
    line-height: 30px;
    max-height: 35px;
    overflow: hidden;
}

    .content-holder span img[b-nsusbolrrv] {
        width: 21px;
        position: relative;
        top: 4px;
        margin-right: 5px;
    }

.content-holder strong[b-nsusbolrrv] {
    display: block;
    line-height: 37px;
    color: #fff;
    font-size: 20px;
    background-color: #0A493F;
    width: 150%;
    margin-left: -14px;
    padding: 3px 14px;
    margin-top: -13px;
    margin-bottom: 10px;
}


[b-nsusbolrrv] .active-call-right-tab-icon {
    text-align: center;
    margin-bottom: 5px;
}

    [b-nsusbolrrv] .active-call-right-tab-icon button {
        border-radius: 8px;
        color: #fff;
        padding: 10px;
        margin-bottom: 5px;
    }

    [b-nsusbolrrv] .active-call-right-tab-icon.active button {
        background-color: rgba(0,165,135,1);
    }

    [b-nsusbolrrv] .active-call-right-tab-icon:hover button {
        background-color: rgba(0,165,135,1);
    }
/* Admin/Pages/Appointment/Details.razor.rz.scp.css */
[b-swsqo2nv8r].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-swsqo2nv8r] .mud-tabs-scroll-button {
    display: flex;
}

[b-swsqo2nv8r] .back-button {
    display: none;
}

[b-swsqo2nv8r] .details-tabs .mud-tab {
    min-width: 100px !important;
}

@media (min-width: 600px) {
    [b-swsqo2nv8r] .back-button {
        display: block;
        position: absolute;
        z-index: 999;
        background-color: #ECEDEE;
        padding: 5px;
        top: 19px;
        left: 7px;
    }
}


[b-swsqo2nv8r] .header-address-container-collapsed {
    transform: rotate(270deg);
    width: 400px;
    display: flex;
    flex-direction: row;
    position: absolute;
    left: -178px;
    top: 285px;
    justify-content: end;
}

    [b-swsqo2nv8r] .header-address-container-collapsed h6 {
        width: auto !important;
    }

    [b-swsqo2nv8r] .header-address-container-collapsed .mud-chip {
        top: 6px;
        margin-left: 11px;
    }

.header-container[b-swsqo2nv8r] {
    padding: 11px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
    min-height: 73px;
}

    .header-container .header-details[b-swsqo2nv8r] {
        display: flex;
        position: relative;
    }

.header-thumbnail[b-swsqo2nv8r] {
    margin-top: 10px;
    margin-left: 59px;
    text-align: center;
    background-color: #004035;
    border-radius: 8px;
    overflow: hidden;
}

.header-back-container[b-swsqo2nv8r] {
    width: 58px;
    flex-grow: 0;
    flex-shrink: 0;
}

.header-status-container[b-swsqo2nv8r] {
    position: absolute;
    right: 8px;
    top: 6px;
}

.header-address-container[b-swsqo2nv8r] {
    flex-grow: 1;
}

[b-swsqo2nv8r] .header-address-container .status-chip {
    margin-top: 7px;
    height: 24px;
    font-size: 13px;
}

[b-swsqo2nv8r] .status-chip.cancel-inspection {
    position: absolute;
    background: #D50000;
    color: white;
    right: 0;
    top: 0;
    padding-left: 5px;
}

    [b-swsqo2nv8r] .status-chip.cancel-inspection:hover {
        background: #B71C1C;
    }

/*::deep .header-address-container .status-chip svg {
    transform: scale(0.6);
}*/

[b-swsqo2nv8r] .cancel-inspection svg.mud-icon-root.mud-svg-icon.mud-icon-size-medium {
    transform: scale(0.6);
}


[b-swsqo2nv8r] .header-container h6 {
    display: inline-block;
    font-weight: bold;
    max-width: 191px;
}

[b-swsqo2nv8r] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: 3px;
    margin-left: 6px;
}

.left-container[b-swsqo2nv8r] {
    margin-bottom: 10px;
    background-color: #fff;
    height: 100vh;
    overflow: auto;
    height: calc(100vh - 20px);
    border-right: 2px solid #eee;
}

.left-content[b-swsqo2nv8r] {
    padding: 0 20px;
    overflow-x: auto;
}

[b-swsqo2nv8r] .left-col {
    background-color: #fff;
}

[b-swsqo2nv8r] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

[b-swsqo2nv8r] img.thumbnail {
    width: auto;
    max-height: 156px;
    margin-bottom: -5px;
}

[b-swsqo2nv8r] .mr-5px {
    margin-right: 5px;
}

[b-swsqo2nv8r] .ml-0 {
    margin-left: 0;
}




.tab-container[b-swsqo2nv8r] {
    /*    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;*/
}

[b-swsqo2nv8r] .mud-tabs-panels {
    min-height: 200px;
    border-bottom-right-radius: 15px;
    padding-bottom: 10px;
    height: calc(100vh - 83px);
}

[b-swsqo2nv8r] .mud-tab {
    padding: 24px;
}

[b-swsqo2nv8r] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-swsqo2nv8r] .tab-content-container {
    height: calc(100vh - 180px);
    overflow: auto;
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

[b-swsqo2nv8r] hr.mud-divider.mud-divider-fullwidth {
    margin-bottom: 1rem;
}

.property-form-holder[b-swsqo2nv8r] {
    padding: 48px; /*20px*/
}

.property-form-header[b-swsqo2nv8r] {
    margin-bottom: 30px;
}

    .property-form-header h6[b-swsqo2nv8r] {
        font-size: 20px;
    }

    .property-form-header p[b-swsqo2nv8r] {
        color: #626D78;
    }

[b-swsqo2nv8r] .tab-large {
    width: 190px;
}

.panel-full-width[b-swsqo2nv8r] {
    margin: -24px;
}

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

[b-swsqo2nv8r] .ellipsis-appointment-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: -1px;
}

[b-swsqo2nv8r] .outcome-label {
    font-size: 11px;
    font-weight: 900 !important;
}

[b-swsqo2nv8r] .col-grey {
    color: #626D78;
    font-weight: normal;
}


[b-swsqo2nv8r] .tab-container .mud-tab-slider {
    display: none;
}
/* Admin/Pages/Appointment/List.razor.rz.scp.css */
[b-ru3r42webm].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-ru3r42webm] .date-range {
    margin-top: 2rem;
    padding-top: 1rem;
}

[b-ru3r42webm] .align-left {
    text-align: left;
}

[b-ru3r42webm] .calendar-section {
    user-select: none;
    padding-bottom: 0px;
}

    [b-ru3r42webm] .calendar-section .month-name {
        font-size: 14px;
        font-weight: 400;
        color: #626D78;
        text-transform: uppercase;
    }

[b-ru3r42webm] .mud-divider.mud-divider-fullwidth {
    display: none;
}

[b-ru3r42webm] .mud-chip-filled.mud-chip-color-success {
    background-color: #71CDBC;
    color: #005747;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

[b-ru3r42webm] .verify-content {
    margin-bottom: 20px;
}

[b-ru3r42webm] .next-step-button {
    max-width: 170px;
}

[b-ru3r42webm] .time-slots-section {
    margin-top: 20px;
    min-height: 170px;
}

[b-ru3r42webm] .no-records-matching .mud-button {
    margin-top: 20px;
    padding: 10px 25px;
}

[b-ru3r42webm] .mud-table-container {
    height: calc(100vh - 184px);
    container-type: inline-size;
}

[b-ru3r42webm] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    display: flex;
    align-items: center;
}



    [b-ru3r42webm] .header-container-right h6 {
        width: 369px;
    }

@media(min-width:1070px) {
    [b-ru3r42webm] .header-container-right h6 {
        display: none;
    }
}

[b-ru3r42webm] .header-container-right .mud-input-control {
    margin-bottom: 6px;
    margin-top: 10px;
}

[b-ru3r42webm] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

.filter-container[b-ru3r42webm] {
    margin-bottom: 30px;
}

    .filter-container h5[b-ru3r42webm] {
        font-size: 16px;
        margin-bottom: 10px;
    }

.line-through[b-ru3r42webm] {
    text-decoration: line-through;
}

[b-ru3r42webm] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 270px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}

    [b-ru3r42webm] .no-records-matching:hover {
        opacity: 1;
    }

    [b-ru3r42webm] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-ru3r42webm] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }



[b-ru3r42webm] .appt-list-search-mob{

}
/* Admin/Pages/Appointment/MyAppointments.razor.rz.scp.css */
[b-qvogbks8ih].component-root {
    margin-left: -24px;
    margin-right: -24px;
}

[b-qvogbks8ih] .surveyor-email {
    display: none !important;
}

[b-qvogbks8ih] .align-left {
    text-align: left;
}

[b-qvogbks8ih] .date-range {
    margin-top: 2rem;
    padding-top: 1rem;
}

[b-qvogbks8ih] .calendar-section {
    user-select: none;
    padding-bottom: 0px;
}

    [b-qvogbks8ih] .calendar-section .month-name {
        font-size: 14px;
        font-weight: 400;
        color: #626D78;
        text-transform: uppercase;
    }

[b-qvogbks8ih] .mud-divider.mud-divider-fullwidth {
    display: none;
}

[b-qvogbks8ih] .mud-chip-filled.mud-chip-color-success {
    background-color: #71CDBC;
    color: #005747;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

[b-qvogbks8ih] .verify-content {
    margin-bottom: 20px;
}

[b-qvogbks8ih] .next-step-button {
    max-width: 170px;
}

[b-qvogbks8ih] .time-slots-section {
    margin-top: 20px;
    min-height: 170px;
}

[b-qvogbks8ih] .no-records-matching .mud-button {
    margin-top: 20px;
    padding: 10px 25px;
}

/*::deep .mud-table-container {
    height: calc(100vh - 235px) !important;
}
*/


@media(max-width:599.9px) {
    [b-qvogbks8ih] .mud-table-container {
        height: calc(100vh - 220px);
        padding-bottom: 100px;
    }
}

[b-qvogbks8ih] .header-container-right h6 {
    width: 369px;
}

@media(min-width:1070px) {
    [b-qvogbks8ih] .header-container-right h6 {
        display: none;
    }
}

[b-qvogbks8ih] .header-container-right .mud-input-control {
    margin-bottom: 6px;
    margin-top: 10px;
}

[b-qvogbks8ih] .header-container-right {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 5px 30px;
    display: flex;
}

    [b-qvogbks8ih] .header-container-right .mud-input-outlined-border {
        border-radius: 25px !important;
    }

.filter-container[b-qvogbks8ih] {
    margin-bottom: 30px;
}

    .filter-container h5[b-qvogbks8ih] {
        font-size: 16px;
        margin-bottom: 10px;
    }

[b-qvogbks8ih] .mud-table-pagination {
    display: none;
}

[b-qvogbks8ih] .line-through {
    text-decoration: line-through;
}

[b-qvogbks8ih] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 310px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}

    [b-qvogbks8ih] .no-records-matching:hover {
        opacity: 1;
    }

    [b-qvogbks8ih] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-qvogbks8ih] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }

[b-qvogbks8ih] .previous-dates-button svg {
    position: relative;
    top: 7px;
}

[b-qvogbks8ih] .next-dates-button svg {
    position: relative;
    top: 7px;
}

[b-qvogbks8ih] .create-btn-holder-mob {
    margin-top: auto;
    margin-bottom: auto;
}

#mobile-apt-tab-buttons-container[b-qvogbks8ih] {
    display: flex;
    flex-direction: row;
    margin: 0 18px;
    background-color: rgba(7, 54, 47, 0.8);
    border-radius: 20px;
    padding: 4px;
    width: 253px;
}

.mobile-apt-tab-btn[b-qvogbks8ih] {
    background-color: rgba(7, 54, 47, 0.8);
    border-radius: 20px;
    padding: 4px 12px;
    margin-right: 6px;
    color: white;
}

.mobile-apt-tab-btn-selected[b-qvogbks8ih] {
    background-color: #319c81;
}

#mobile-apt-tab-buttons-container :last-child[b-qvogbks8ih] {
    margin-right: 0;
}
/* Admin/Pages/Cache/CacheAdmin.razor.rz.scp.css */
.cache-status[b-8cd53gv310] {
    line-height: 24px;
    margin-bottom: 24px;
}
/* Admin/Pages/ClientSystem/ClientList.razor.rz.scp.css */
.component-root[b-g9x2nzkyze] {
    padding: 20px 0;
}

.header-container[b-g9x2nzkyze] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-g9x2nzkyze] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-g9x2nzkyze] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-g9x2nzkyze] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-g9x2nzkyze] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-g9x2nzkyze] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-g9x2nzkyze] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-g9x2nzkyze] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-g9x2nzkyze] .header-container-right .mud-input-control {
    margin: 0;
}

[b-g9x2nzkyze] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-g9x2nzkyze] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-g9x2nzkyze] .mud-table-container {
    height: calc(100vh - 220px);
    padding: 5px 15px;
}

[b-g9x2nzkyze] th {
    color: #818A92 !important;
}

[b-g9x2nzkyze] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-g9x2nzkyze] td {
    vertical-align: top;
}

    [b-g9x2nzkyze] td span {
        display: block;
        font-weight: bold;
    }


[b-g9x2nzkyze] th:nth-child(2) {
    width: 150px;
}

[b-g9x2nzkyze] th:nth-child(3), [b-g9x2nzkyze] tr td:nth-child(3) {
    text-align: right;
}



[b-g9x2nzkyze] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-g9x2nzkyze] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-g9x2nzkyze] .mud-radio-content {
    font-size: 14px;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-g9x2nzkyze] .mud-radio-button {
    color: #d6d6d6;
}

[b-g9x2nzkyze] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-g9x2nzkyze] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-g9x2nzkyze] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-g9x2nzkyze] .mud-radio .mud-icon-button, [b-g9x2nzkyze] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-g9x2nzkyze] .mud-checkbox p {
    font-size: 14px;
}

[b-g9x2nzkyze] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-g9x2nzkyze] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-g9x2nzkyze] {
    padding: 12px 24px 12px 24px;
}

[b-g9x2nzkyze] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-g9x2nzkyze] {
    margin-bottom: 20px;
    display: flex;
}

[b-g9x2nzkyze] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}
/* Admin/Pages/ClientSystem/ClientSystemDetails.razor.rz.scp.css */
.component-root[b-at331psd3n] {
    padding: 20px 0;
}

.header-container[b-at331psd3n] {
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-at331psd3n] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-at331psd3n] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-at331psd3n] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-at331psd3n] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-at331psd3n] .left-col {
    background-color: #fff;
}



.detail-item[b-at331psd3n], .profile-item[b-at331psd3n] {
    display: flex;
}

.profile-item[b-at331psd3n] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-at331psd3n] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-at331psd3n], .profile-item > div strong[b-at331psd3n] {
        display: block;
    }

    .profile-item > div strong[b-at331psd3n] {
        font-size: 16px;
    }

    .profile-item > div span[b-at331psd3n] {
        color: #626D78;
    }


.icon-holder[b-at331psd3n] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-at331psd3n] {
        width: 30px;
    }

.content-holder[b-at331psd3n] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-at331psd3n] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-at331psd3n] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-at331psd3n]{
       display:flex;
       justify-content:space-between;
    }

    .content-holder .content-with-action span[b-at331psd3n] {
        display: inline;
    }

[b-at331psd3n] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom:5px;
}



.tab-container[b-at331psd3n] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-at331psd3n] .mud-tabs-panels {
    background-color: #F8F8F9!important;
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-at331psd3n] .mud-tab {
    padding: 24px;
}

[b-at331psd3n] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-at331psd3n] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    overflow-x: hidden;
    max-width: 768px;
    margin: 0 auto;
}

[b-at331psd3n] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

.form-holder[b-at331psd3n] {
    padding: 10px 20px;
}

.form-header[b-at331psd3n] {
    margin-bottom: 30px;
}

    .form-header h6[b-at331psd3n] {
        font-size: 20px;
    }

    .form-header p[b-at331psd3n] {
        color: #626D78;
    }

.role-options[b-at331psd3n] {
    margin-bottom: 20px;
}

[b-at331psd3n] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}
/* Admin/Pages/Error/Error.razor.rz.scp.css */
[b-t1l4m4zue6].component-root {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

[b-t1l4m4zue6] .error-container {
    text-align: center;
    max-width: 900px;
    width: 100%;
    background-color: #fff;
    padding: 40px 30px;
    border: 2px solid #eee;
    border-radius: 10px;
}

    [b-t1l4m4zue6] .error-container p {
        margin-top: 20px;
    }


    [b-t1l4m4zue6] .error-container img {
        height: 130px;
        margin-top: 60px;
    }
/* Admin/Pages/FormBuilder/FormDetails.razor.rz.scp.css */
.component-root[b-6yn18u6413] {
    padding: 20px 0;
}

.header-container[b-6yn18u6413] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-6yn18u6413] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-6yn18u6413] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    margin-top: -7px;
    padding: 5px;
    margin-right: 10px;
}

.ml-0[b-6yn18u6413]{
    margin-left: 0px;
}

.left-container[b-6yn18u6413] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}
.right-container[b-6yn18u6413] {
    margin: -20px -12px -20px 0px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-6yn18u6413] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}


[b-6yn18u6413] .left-col {
    background-color: #fff;
}

[b-6yn18u6413] .step-btn{
    max-width: 260px !important;
    width: 100% !important;
}

[b-6yn18u6413] .add-step-btn {
    width: auto;
}

[b-6yn18u6413] .add-step-btn-container {
    display: flex !important;
    margin-top: 20px !important;
    justify-content: flex-start !important;
}

.detail-item[b-6yn18u6413], .profile-item[b-6yn18u6413] {
    display: flex;
}

.profile-item[b-6yn18u6413] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-6yn18u6413] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-6yn18u6413], .profile-item > div strong[b-6yn18u6413] {
        display: block;
    }

    .profile-item > div strong[b-6yn18u6413] {
        font-size: 16px;
    }

    .profile-item > div span[b-6yn18u6413] {
        color: #626D78;
    }


.icon-holder[b-6yn18u6413] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-6yn18u6413] {
        width: 30px;
    }

.content-holder[b-6yn18u6413] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-6yn18u6413] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-6yn18u6413] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-6yn18u6413] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-6yn18u6413] {
            display: inline;
        }

[b-6yn18u6413] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-6yn18u6413] {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-6yn18u6413] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 200px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-6yn18u6413] .mud-tab {
    padding: 24px;
}

[b-6yn18u6413] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-6yn18u6413] .tab-content-container {
    height: calc(100% - 70px);
    margin: 0 auto;
}

[b-6yn18u6413] .buttons-holder {
    /*width: 768px;*/
    /*margin: 0 auto;*/
    margin-top: 20px;
    padding: 0 10px;
}

.form-holder[b-6yn18u6413] {
    padding: 20px;
    background: white;
}

.form-header[b-6yn18u6413] {
    margin-bottom: 30px;
}

    .form-header h6[b-6yn18u6413] {
        font-size: 20px;
    }

    .form-header p[b-6yn18u6413] {
        color: #626D78;
    }

.role-options[b-6yn18u6413] {
    margin-bottom: 20px;
}

[b-6yn18u6413] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

.p-0[b-6yn18u6413]{
    padding: 0;
}

[b-6yn18u6413] .lookup-editor-drawer {
    background-color: white;
    z-index: 1450;
}
/* Admin/Pages/FormBuilder/FormList.razor.rz.scp.css */
[b-sguhfkknqp] .no-records-matching {
    font-size: 20px;
}

/*Form list*/
.component-root[b-sguhfkknqp] {
    padding: 20px 0;
}
[b-sguhfkknqp] .surveyor-email {
  display: none;
}
[b-sguhfkknqp] .date-range {
  margin-top: 2rem;
  padding-top: 1rem;
}

[b-sguhfkknqp] .mud-divider.mud-divider-fullwidth {
  display: none;
}
[b-sguhfkknqp] .mud-chip-filled.mud-chip-color-success {
  background-color: #71CDBC;
  color: #005747;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
[b-sguhfkknqp] .no-records-matching .mud-button {
  margin-top: 20px;
  padding: 10px 25px;
}
[b-sguhfkknqp] .mud-table-container {
    height: calc(100vh - 185px);
    padding: 0px 15px 5px 15px !important;
}

.table-container[b-sguhfkknqp] {
    padding-left: 25px;
}

.header-container[b-sguhfkknqp] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-sguhfkknqp] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-sguhfkknqp] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-sguhfkknqp] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.header-container-right[b-sguhfkknqp] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
  
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 4px 30px 13px;
    padding-left: 0px;
    margin-bottom: 20px;
    margin-left: 13px;
    display: flex;
}
[b-sguhfkknqp] .header-container-right .mud-input-outlined-border {
  border-radius: 25px !important;
}

[b-sguhfkknqp] .header-container-right .mud-input-control {
    margin: 0;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 0;
}


.filter-container[b-sguhfkknqp] {
  margin-bottom: 30px;
}
.filter-container h5[b-sguhfkknqp] {
  font-size: 16px;
  margin-bottom: 10px;
}

[b-sguhfkknqp] .line-through {
  text-decoration: line-through;
}

[b-sguhfkknqp] .no-records-matching {
  padding: 20px;
  padding-bottom: 50px;
  height: calc(100vh - 310px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  opacity: 0.6;
  transition: all 0.1s linear;
}
[b-sguhfkknqp] .no-records-matching:hover {
  opacity: 1;
}
[b-sguhfkknqp] .no-records-matching h6 {
  font-size: 18px;
}
[b-sguhfkknqp] .no-records-matching p {
  font-size: 14px;
  font-weight: normal;
}


/*Filters*/
.left-container[b-sguhfkknqp] {
    margin: -20px -12px -20px -24px;

    background-color: #fff;
}
.left-content[b-sguhfkknqp] {
    padding: 20px;
    height: calc(100vh - 92px);
}


[b-sguhfkknqp].left-container .header-container {
    padding: 20px;
    border-bottom: 1px solid #E5EBEA;
    margin-top: 0;
}

        [b-sguhfkknqp].left-container .filter-container h5 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

    [b-sguhfkknqp].left-container .mud-radio-group label {
        margin: 0.1rem 0;
        display: block;
        padding: 0.3rem 0;
    }

        [b-sguhfkknqp].left-container .mud-radio-group label .mud-checked + .mud-radio-content {
            background-color: #DCF2EE;
        }

        [b-sguhfkknqp].left-container .mud-radio-group label .mud-radio-content {
            width: 100%;
            display: inline-block;
            padding-left: 35px;
            margin-left: -35px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
            margin-top: -18px;
            margin-bottom: -13px;
        }

    [b-sguhfkknqp].left-container .mud-input-control-boolean-input {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        margin-top: 1px;
        font-size: 14px;
    }

        [b-sguhfkknqp].left-container .mud-input-control-boolean-input.checked {
            background-color: #DCF2EE;
        }

    [b-sguhfkknqp].left-container .mud-input-control-boolean-input {
        display: block;
        margin-right: 0;
    }

        [b-sguhfkknqp].left-container .mud-input-control-boolean-input .mud-icon-button {
            margin-top: -2px;
            padding: 5px;
        }


/*Drawer*/
.mb-2[b-sguhfkknqp] {
    margin-bottom: 20px;
}

[b-sguhfkknqp] .draw-content h6 {
    margin-top: 8px;
    font-weight: bold;
}

[b-sguhfkknqp] .mud-drawer {
    background-color: #fff;
}

[b-sguhfkknqp] .mud-drawer-header {
    padding-bottom: 50px !important;
    height: 50px;
}


.draw-content[b-sguhfkknqp] {
    padding: 12px 24px 12px 24px;
}

[b-sguhfkknqp] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-sguhfkknqp] {
    display: flex;
}

[b-sguhfkknqp] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.info-message[b-sguhfkknqp] {
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    background-color: rgb(10, 73, 63);
    color: #fff;
}

[b-sguhfkknqp] .pc-search-button {
    display: flex;
    height: 100%;
    align-items: end;
    padding: 11px 0;
}

    [b-sguhfkknqp] .pc-search-button .mud-button {
        padding: 10px;
    }

[b-sguhfkknqp] .pl-0 {
    padding-left: 0;
}
[b-sguhfkknqp] .pr-0 {
    padding-right: 0;
}

.page-heading[b-sguhfkknqp]{
    display: none;
}

[b-sguhfkknqp] .mt-0{
    margin-top: 0;
}
/* Admin/Pages/Organisation/ApiKeysList.razor.rz.scp.css */
[b-zv4wmvulfa] th {
    color: #818A92 !important;
}

[b-zv4wmvulfa] .mud-drawer {
    background-color: #fff;
}

[b-zv4wmvulfa] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-zv4wmvulfa] {
    margin-bottom: 20px;
    display: flex;
}

[b-zv4wmvulfa] form .mud-input-control-input-container {
    border-radius: 5px;
}

.loading-background[b-zv4wmvulfa] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background-colour);
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-zv4wmvulfa] .org-table img {
    height: 20px;
}

[b-zv4wmvulfa] .org-table tr td:nth-child(1) {
    width: 150px;
}

[b-zv4wmvulfa] .org-table tr td:nth-child(3) {
    width: 200px;
}

[b-zv4wmvulfa] .org-table tr td:nth-child(4) {
    width: 200px;
}

[b-zv4wmvulfa] .mud-table-container {
    height: calc(100vh - 152px);
}
/* Admin/Pages/Organisation/InspectionTypeDetails.razor.rz.scp.css */
.component-root[b-360tc4775s] {
    padding: 20px 0;
}

.header-container[b-360tc4775s] {
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-360tc4775s] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-360tc4775s] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-360tc4775s] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-360tc4775s] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-360tc4775s] .left-col {
    background-color: #fff;
}



.detail-item[b-360tc4775s], .profile-item[b-360tc4775s] {
    display: flex;
}

.profile-item[b-360tc4775s] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .profile-item img[b-360tc4775s] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .profile-item > div span[b-360tc4775s], .profile-item > div strong[b-360tc4775s] {
        display: block;
    }

    .profile-item > div strong[b-360tc4775s] {
        font-size: 16px;
    }

    .profile-item > div span[b-360tc4775s] {
        color: #626D78;
    }


.icon-holder[b-360tc4775s] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-360tc4775s] {
        width: 30px;
    }

.content-holder[b-360tc4775s] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-360tc4775s] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-360tc4775s] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-360tc4775s] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-360tc4775s] {
            display: inline;
        }

[b-360tc4775s] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-360tc4775s] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-360tc4775s] .mud-tabs-panels {
    background-color: #F8F8F9 !important;
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-360tc4775s] .mud-tab {
    padding: 24px;
}

[b-360tc4775s] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-360tc4775s] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: hidden auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-360tc4775s] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

[b-360tc4775s] .form-holder {
    padding: 10px 20px;
}

.form-header[b-360tc4775s] {
    margin-bottom: 30px;
}

    .form-header h6[b-360tc4775s] {
        font-size: 20px;
    }

    .form-header p[b-360tc4775s] {
        color: #626D78;
    }

.role-options[b-360tc4775s] {
    margin-bottom: 20px;
}

[b-360tc4775s] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-360tc4775s] .skip-checkbox:first-of-type {
    margin-top: 7px;
}

[b-360tc4775s] .skip-checkbox .mud-checkbox > span {
    padding: 3px 5px 3px 0px;
}
/* Admin/Pages/Organisation/InspectionTypesList.razor.rz.scp.css */
.component-root[b-dz4k2n8v3w] {
    padding: 20px 0;
}

.header-container[b-dz4k2n8v3w] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-dz4k2n8v3w] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-dz4k2n8v3w] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-dz4k2n8v3w] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-dz4k2n8v3w] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-dz4k2n8v3w] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-dz4k2n8v3w] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-dz4k2n8v3w] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-dz4k2n8v3w] .header-container-right .mud-input-control {
    margin: 0;
}

[b-dz4k2n8v3w] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-dz4k2n8v3w] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-dz4k2n8v3w] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-dz4k2n8v3w] th {
    color: #818A92 !important;
}

[b-dz4k2n8v3w] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-dz4k2n8v3w] td {
    vertical-align: top;
}

    [b-dz4k2n8v3w] td span {
        display: block;
        font-weight: bold;
    }


[b-dz4k2n8v3w] th:nth-child(2) {
    width: 150px;
}

[b-dz4k2n8v3w] th:nth-child(3), [b-dz4k2n8v3w] tr td:nth-child(3) {
    text-align: right;
}



[b-dz4k2n8v3w] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-dz4k2n8v3w] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-dz4k2n8v3w] .mud-radio-content {
    font-size: 14px;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-dz4k2n8v3w] .mud-radio-button {
    color: #d6d6d6;
}

[b-dz4k2n8v3w] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-dz4k2n8v3w] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-dz4k2n8v3w] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-dz4k2n8v3w] .mud-radio .mud-icon-button, [b-dz4k2n8v3w] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-dz4k2n8v3w] .mud-checkbox p {
    font-size: 14px;
}

[b-dz4k2n8v3w] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-dz4k2n8v3w] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-dz4k2n8v3w] {
    padding: 12px 24px 12px 24px;
}

[b-dz4k2n8v3w] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-dz4k2n8v3w] {
    margin-bottom: 20px;
    display: flex;
}

[b-dz4k2n8v3w] form .mud-input-control-input-container {    
    border-radius: 5px;
}

/* Admin/Pages/Organisation/OrganisationApiSettings.razor.rz.scp.css */
.page-heading[b-th7r5u3qss] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}
/* Admin/Pages/Organisation/OrganisationDetails.razor.rz.scp.css */
.component-root[b-dql8amm8sc] {
    padding: 20px 0;
}

.header-container[b-dql8amm8sc] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-dql8amm8sc] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-dql8amm8sc] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-dql8amm8sc] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-dql8amm8sc] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-dql8amm8sc] .left-col {
    background-color: #fff;
}



.user-detail-item[b-dql8amm8sc], .user-profile-item[b-dql8amm8sc] {
    display: flex;
}

.user-profile-item[b-dql8amm8sc] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .user-profile-item img[b-dql8amm8sc] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .user-profile-item > div span[b-dql8amm8sc], .user-profile-item > div strong[b-dql8amm8sc] {
        display: block;
    }

    .user-profile-item > div strong[b-dql8amm8sc] {
        font-size: 16px;
    }

    .user-profile-item > div span[b-dql8amm8sc] {
        color: #626D78;
    }


.icon-holder[b-dql8amm8sc] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-dql8amm8sc] {
        width: 30px;
    }

.content-holder[b-dql8amm8sc] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-dql8amm8sc] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-dql8amm8sc] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-dql8amm8sc] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-dql8amm8sc] {
            display: inline;
        }

[b-dql8amm8sc] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-dql8amm8sc] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-dql8amm8sc] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 200px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-dql8amm8sc] .mud-tab {
    padding: 24px;
}

[b-dql8amm8sc] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-dql8amm8sc] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}



.user-form-holder[b-dql8amm8sc] {
    padding: 20px;
}

.user-form-header[b-dql8amm8sc] {
    margin-bottom: 30px;
}

    .user-form-header h6[b-dql8amm8sc] {
        font-size: 20px;
    }

    .user-form-header p[b-dql8amm8sc] {
        color: #626D78;
    }

.role-options[b-dql8amm8sc] {
    margin-bottom: 20px;
}

[b-dql8amm8sc] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-dql8amm8sc] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}







[b-dql8amm8sc] .user-form-holder .mud-input-number-control, [b-dql8amm8sc] .user-form-holder .mud-picker-input-button {
    width: 130px;
    display: inline-block;
}


[b-dql8amm8sc] svg.mud-icon-root.summary-icn {
    fill: grey;
    font-size: 1.9rem;
}

[b-dql8amm8sc] svg.mud-icon-root.summary-warn-icn {
    font-size: 1.2rem;
    position: relative;
    top: 3px;
}

[b-dql8amm8sc] .flag-img {
    height: 18px;
    position: relative;
    margin-bottom: -3px;
    margin-right: 6px;
}

[b-dql8amm8sc] .api-link {
    flex-direction: row;
    align-items: center;
    padding-top: 12px !important;
}

/* Only show action buttons on row hover */
.row-actions[b-dql8amm8sc] {
    opacity: 0;
    transition: opacity .15s ease;
}

tr:hover .row-actions[b-dql8amm8sc] {
    opacity: 1;
}



/* Main wrapper height */
[b-dql8amm8sc] .compact-textfield .mud-input-root {
    min-height: 32px;
    height: 32px;
    padding: 0 10px !important;
    display: flex;
    align-items: center;
}

/* Fix the internal padding area */
[b-dql8amm8sc] .compact-textfield .mud-input-control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 32px;
    height: 32px;
    display: flex;
    align-items: center;
}

/* Actual text input element */
[b-dql8amm8sc] .compact-textfield .mud-input-input {
    padding: 0 10px !important; /* Horizontal padding restored */
    margin: 0 !important;
    height: 100%;
    line-height: 1.2 !important; /* Prevent clipping */
    box-sizing: border-box;
}

/* Outlined border */
[b-dql8amm8sc] .compact-textfield .mud-input-outlined-border {
    border-radius: 6px !important;
}

/* Admin/Pages/Organisation/OrganisationList.razor.rz.scp.css */
.page-heading[b-x1nytrdk83] {
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

[b-x1nytrdk83] .page-heading .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-x1nytrdk83] .page-heading .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-x1nytrdk83] .page-heading .mud-input-control {
    margin-bottom: 0;
    max-width: 400px;
}

[b-x1nytrdk83] .page-heading h4 {
    flex-grow: 1;
}

[b-x1nytrdk83] th {
    color: #818A92 !important;
}

[b-x1nytrdk83] .mud-drawer {
    background-color: #fff;
}

[b-x1nytrdk83] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-x1nytrdk83] {
    margin-bottom: 20px;
    display: flex;
}

[b-x1nytrdk83] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.loading-background[b-x1nytrdk83] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background-colour);
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-x1nytrdk83] .org-table img {
    height: 20px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(1) {
    width: 150px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(3) {
    width: 200px;
}

[b-x1nytrdk83] .org-table tr td:nth-child(4) {
    width: 200px;
}

[b-x1nytrdk83] .mud-table-container {
    height: calc(100vh - 152px);
}

[b-x1nytrdk83] .organisation-card-mob {
    box-shadow: 0px 1px 2px 0px #0000000D;
    border: 1px solid #ECEDEE;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.status-chip-mob[b-x1nytrdk83] {
    display: inline-block;
    width: 100%;
}

[b-x1nytrdk83] .status-chip {
    font-size: 0.875rem;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
    font-weight: 400;
    line-height: 13.2px;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 8px;
    height: 23px;
    margin: 0;
    width: auto;
    padding: 0 7px 0 3px;
    padding-left: 7px;
    padding-top: 1px;
    background: rgba(0, 165, 135, 1) !important;
    color: #fff !important;
    height: 20px;
}

[b-x1nytrdk83] .num-of-clients {
    display: inline-block;
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 500;
    line-height: 15.4px;
    text-align: left;
    color: #626D78;
    padding: 12px 0;
}
[b-x1nytrdk83] .arrow-mob {
    padding: 6px 0 0 0;
    color: #626D78
}

.date-joined-mob[b-x1nytrdk83] {
    color: #626D78;
    line-height: 15px;
    display: inline-block;
    position: relative;
    top: 1px;
}


[b-x1nytrdk83] .org-name-mob {
    color: #384048;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 500;
    line-height: 17.5px;
    text-align: left;
}


span.col-grey[b-x1nytrdk83] {
    color: #626D78;
    font-weight: normal;
}
[b-x1nytrdk83] .org-table tr .template-row {
    width: 200px;
}
/* Admin/Pages/Organisation/PhraseFileDetails.razor.rz.scp.css */
.component-root[b-5iz1ftpfd8] {
    padding: 20px 0;
}

.header-container[b-5iz1ftpfd8] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-5iz1ftpfd8] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-5iz1ftpfd8] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-5iz1ftpfd8] .table-container {
    max-width: 768px;
    margin: 0 auto;
}


.left-container[b-5iz1ftpfd8] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-5iz1ftpfd8] {
    padding: 20px;
    height: calc(100vh - 92px);
    position: relative;
}

.header-container-right[b-5iz1ftpfd8] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-5iz1ftpfd8] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-5iz1ftpfd8] .header-container-right .mud-input-control {
    margin: 0;
}

[b-5iz1ftpfd8] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-5iz1ftpfd8] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-5iz1ftpfd8] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-5iz1ftpfd8] th {
    color: #818A92 !important;
}

[b-5iz1ftpfd8] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-5iz1ftpfd8] td {
    vertical-align: top;
}

[b-5iz1ftpfd8] td span {
    display: block;
    font-weight: bold;
}


[b-5iz1ftpfd8] th:nth-child(2) {
    width: 150px;
}

[b-5iz1ftpfd8] th:nth-child(3), [b-5iz1ftpfd8] tr td:nth-child(3) {
    text-align: right;
}



[b-5iz1ftpfd8] th:nth-child(3) {
    width: 150px;
}


[b-5iz1ftpfd8] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-5iz1ftpfd8] .mud-radio-content {
    font-size: 14px;
}



[b-5iz1ftpfd8] .mud-radio-button {
    color: #d6d6d6;
}

[b-5iz1ftpfd8] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-5iz1ftpfd8] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-5iz1ftpfd8] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-5iz1ftpfd8] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}


[b-5iz1ftpfd8] .mud-checkbox p {
    font-size: 14px;
}

[b-5iz1ftpfd8] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-5iz1ftpfd8] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-5iz1ftpfd8] {
    padding: 12px 24px 12px 24px;
}

[b-5iz1ftpfd8] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-5iz1ftpfd8] {
    margin-bottom: 20px;
    display: flex;
}

[b-5iz1ftpfd8] form .mud-input-control-input-container {
    border-radius: 5px;
}



.tab-container[b-5iz1ftpfd8] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-5iz1ftpfd8] .mud-tabs-panels {
    min-height: 200px;
    height: 100vh;
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-5iz1ftpfd8] .mud-tab {
    padding: 24px;
}

[b-5iz1ftpfd8] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-5iz1ftpfd8] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: hidden auto;
    max-width: 768px;
    margin: 0 auto;
}

.phrase-file-left-name-container[b-5iz1ftpfd8]{
    display: flex;flex-direction: row;gap:10px;align-items: center;
}




.phrase-category-list-item[b-5iz1ftpfd8] {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.phrase-category-list-item.selected[b-5iz1ftpfd8] {
    border: 3px solid rgb(0, 165, 135);
    border-radius: 8px;
    background-color: #efefef
}

.phrase-category-list-item.deleted[b-5iz1ftpfd8]{
    background-color: #ff9797;
}

[b-5iz1ftpfd8] .add-phrase-category-button{
    width:fit-content;
    float: right;
    margin-left: auto;
    position: absolute; 
    bottom: 20px; 
    right: 20px;
    background-color: #e9e9ea;
}

.phrase-category-list-container[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    max-height: 80vh;
    padding-bottom: 250px;
}

.empty-state-container[b-5iz1ftpfd8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    color: #686868;
}

.empty-state-icon[b-5iz1ftpfd8] {
    margin-bottom: 1rem;
    color: var(--mud-palette-text-disabled);
}

.empty-state-text[b-5iz1ftpfd8] {
    color: var(--mud-palette-text-disabled);
    font-weight: 400;
}

.icon-holder[b-5iz1ftpfd8]{
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

.detail-item[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.content-holder[b-5iz1ftpfd8]{
    flex-grow: 1;
    flex-direction: column;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
    display: flex
;
}

.area-delete[b-5iz1ftpfd8]{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5px;
}
/* Admin/Pages/Organisation/PhraseFilesList.razor.rz.scp.css */
.component-root[b-h8dtcjks38] {
    padding: 20px 0;
}

.header-container[b-h8dtcjks38] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-h8dtcjks38] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-h8dtcjks38] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-h8dtcjks38] .table-container {
    margin: 0 auto;
}


.left-container[b-h8dtcjks38] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-h8dtcjks38] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-h8dtcjks38] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-h8dtcjks38] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-h8dtcjks38] .header-container-right .mud-input-control {
    margin: 0;
}

[b-h8dtcjks38] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-h8dtcjks38] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-h8dtcjks38] .mud-table-container {
    height: calc(100vh - 177px);
    padding: 5px 15px;
}

[b-h8dtcjks38] th {
    color: #818A92 !important;
}

[b-h8dtcjks38] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-h8dtcjks38] td {
    vertical-align: top;
}

[b-h8dtcjks38] td span {
    display: block;
    font-weight: bold;
}


[b-h8dtcjks38] th:nth-child(2) {
    width: 150px;
}

[b-h8dtcjks38] th:nth-child(3), [b-h8dtcjks38] tr td:nth-child(3) {
    text-align: right;
}



[b-h8dtcjks38] th:nth-child(3) {
    width: 150px;
}


.filter-container h5[b-h8dtcjks38] {
    font-size: 16px;
    margin-bottom: 10px;
}

[b-h8dtcjks38] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-h8dtcjks38] .mud-radio-content {
    font-size: 14px;
}

[b-h8dtcjks38] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-h8dtcjks38] .mud-radio-button {
    color: #d6d6d6;
}

[b-h8dtcjks38] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}

[b-h8dtcjks38] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-h8dtcjks38] .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-h8dtcjks38] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}

[b-h8dtcjks38] .mud-radio .mud-icon-button, [b-h8dtcjks38] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-h8dtcjks38] .mud-checkbox p {
    font-size: 14px;
}

[b-h8dtcjks38] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-h8dtcjks38] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-h8dtcjks38] {
    padding: 12px 24px 12px 24px;
}

[b-h8dtcjks38] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-h8dtcjks38] {
    margin-bottom: 20px;
    display: flex;
}

[b-h8dtcjks38] form .mud-input-control-input-container {
    border-radius: 5px;
}

[b-h8dtcjks38] .version-chip{
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    border-radius: 12px;
    height: 23px;
    padding-top: 0px;
    margin: 0;
    width: auto;
    padding-left: 7px;
}
/* Admin/Pages/Organisation/Tabs/AccountSummaryTab.razor.rz.scp.css */
[b-bwxikpsozv] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}
.user-form-holder[b-bwxikpsozv] {
    padding: 20px;
}

[b-bwxikpsozv] .org-setting{
    width: 300px !important;
}

[b-bwxikpsozv] .mud-input-numeric-spin .no-steps {
    display: none;
}

[b-bwxikpsozv] .mud-select{
    width: 300px;
}

.help-text.unlimited-text[b-bwxikpsozv] {
    display: inline-block;
    margin-left: 10px;
    margin-top: 7px;
}
/* Admin/Pages/Organisation/Tabs/DatasetsTab.razor.rz.scp.css */
[b-1ps8dnwmnm] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-1ps8dnwmnm] .user-form-holder {
    padding: 20px;
}
/* Admin/Pages/Organisation/Tabs/MonthlyInspectionsTab.razor.rz.scp.css */
.mud-select[b-icpozxsi9k] {
    width: 150px !important;
    display: inline-block;
    margin-left: 10px;
}

[b-icpozxsi9k] .disabled-row {
    opacity: 0.5;
    pointer-events: none;
}

[b-icpozxsi9k] .year-total-cell {
    background-color: #f0f0f0;
    font-weight: bold;
    border-top: 2px solid #ccc;
}
/* Admin/Pages/Organisation/Tabs/WeeklyInspectionsTab.razor.rz.scp.css */
.mud-select[b-iqb56qrv7m] {
    width: 150px !important;
    display: inline-block;
    margin-left: 10px;
}

[b-iqb56qrv7m] .disabled-row {
    opacity: 0.5;
    pointer-events: none;
}

[b-iqb56qrv7m] .year-total-cell {
    background-color: #f0f0f0;
    font-weight: bold;
    border-top: 2px solid #ccc;
}
/* Admin/Pages/Organisation/WebHooksList.razor.rz.scp.css */
[b-g0g0xhktr3] th {
    color: #818A92 !important;
}

[b-g0g0xhktr3] .mud-drawer {
    background-color: #fff;
}

[b-g0g0xhktr3] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-g0g0xhktr3] {
    margin-bottom: 20px;
    display: flex;
}

[b-g0g0xhktr3] form .mud-input-control-input-container {
    border-radius: 5px;
}

.loading-background[b-g0g0xhktr3] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background-colour);
    z-index: 1100;
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-g0g0xhktr3] .org-table img {
    height: 20px;
}

[b-g0g0xhktr3] .org-table tr td:nth-child(1) {
    width: 150px;
}

[b-g0g0xhktr3] .org-table tr td:nth-child(3) {
    width: 200px;
}

[b-g0g0xhktr3] .org-table tr td:nth-child(4) {
    width: 200px;
}

[b-g0g0xhktr3] .mud-table-container {
    height: calc(100vh - 152px);
}
/* Admin/Pages/Profile/Profile.razor.rz.scp.css */
.component-root[b-uoti045cnh] {
    padding: 20px 0;
}

.header-container[b-uoti045cnh] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-uoti045cnh] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

.left-container[b-uoti045cnh] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-uoti045cnh] {
    padding: 20px;
    height: calc(100vh - 95px);
    overflow: auto;
}

[b-uoti045cnh] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

[b-uoti045cnh] .left-col {
    background-color: #fff;
}

.appointment-detail-item[b-uoti045cnh] {
    display: flex;
}

.icon-holder[b-uoti045cnh] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-uoti045cnh] {
        width: 30px;
    }

.content-holder[b-uoti045cnh] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-uoti045cnh] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

[b-uoti045cnh] .warning-icon {
    margin-bottom: -5px;
    font-size: 20px;
    color: #c74444;
}

.content-holder strong[b-uoti045cnh] {
    display: block;
    line-height: 25px;
    color: #384048;
}




.tab-container[b-uoti045cnh] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-uoti045cnh] .mud-tabs-panels {
    /* height: 100%;
    margin: -10px -24px;*/
    /* background-color: #F8F8F9;*/
    min-height: 200px;
    height: calc(100vh - 6rem);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
}

[b-uoti045cnh] .mud-tab {
    padding: 24px;
}

[b-uoti045cnh] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}

[b-uoti045cnh] .tab-content-panel, [b-uoti045cnh] .tab-content-container {
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}

[b-uoti045cnh] .tab-content-container {
    height: calc(100vh - 200px);
}

    [b-uoti045cnh] .tab-content-container.full-width {
        max-width: 100%;
    }

.my-details-container[b-uoti045cnh] {
    padding: 15px;
}

.working-hours-container[b-uoti045cnh] {
    padding: 15px;
}

[b-uoti045cnh] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}
/* Admin/Pages/Property/PropertyDetails.razor.rz.scp.css */
.property-details-page[b-17gegbsmly] {
    background: #F8F9FA;
    position: relative;
    margin-left: -24px;
    margin-right: -24px;
    margin-top: -20px;
    margin-bottom: -20px;
    padding-top: 20px;
    overflow-y: auto;
    height: calc(100vh - 20px);
}

/* Tab Header - Full Width Bar */
.tab-header[b-17gegbsmly] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.03);
}

/* Back Button */
.back-btn[b-17gegbsmly] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
    color: #6B7280;
    text-decoration: none;
    flex-shrink: 0;
    margin-right: 8px;
}

.back-btn:hover[b-17gegbsmly] {
    background: rgba(0, 0, 0, 0.04);
}

.back-btn svg[b-17gegbsmly] {
    width: 24px;
    height: 24px;
}

/* Tabs Bar - MudBlazor Style */
.tabs-bar[b-17gegbsmly] {
    display: flex;
    align-items: stretch;
    height: 48px;
    flex: 1;
    justify-content: center;
    position: relative;
}

.tab-btn[b-17gegbsmly] {
    position: relative;
    padding: 0 24px;
    border: none;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
}

.tab-btn[b-17gegbsmly]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: background-color 0.15s ease;
}

.tab-btn:hover[b-17gegbsmly] {
    background: rgba(0, 0, 0, 0.04);
}

.tab-btn.active[b-17gegbsmly] {
    color: #00A587;
}

.tab-btn.active[b-17gegbsmly]::after {
    background: #00A587;
}

/* Tab Content */
.tab-content[b-17gegbsmly] {
}

.settings-content[b-17gegbsmly] {
    padding: 24px;
    max-width: 800px;
    margin: 0 auto;
}

.placeholder-text[b-17gegbsmly] {
    color: #6B7280;
    font-size: 0.875rem;
}

/* Loading */
.loading-container[b-17gegbsmly] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.spinner[b-17gegbsmly] {
    width: 44px;
    height: 44px;
    border: 3px solid #E5E7EB;
    border-top-color: #00A587;
    border-radius: 50%;
    animation: spin-b-17gegbsmly 1s linear infinite;
}

@keyframes spin-b-17gegbsmly {
    to {
        transform: rotate(360deg);
    }
}

/* Alerts */
.alert[b-17gegbsmly] {
    padding: 16px 20px;
    border-radius: 8px;
    margin: 20px;
    font-size: 0.875rem;
}

.alert-error[b-17gegbsmly] {
    background: #FEE2E2;
    color: #991B1B;
}

.alert-info[b-17gegbsmly] {
    background: #DBEAFE;
    color: #1E40AF;
}

/* Responsive */
@media (max-width: 640px) {
    .tab-header[b-17gegbsmly] {
        padding: 0 8px;
    }

    .back-btn[b-17gegbsmly] {
        width: 36px;
        height: 36px;
        margin-right: 4px;
    }

    .tabs-bar[b-17gegbsmly] {
        height: 44px;
    }

    .tab-btn[b-17gegbsmly] {
        padding: 0 16px;
        font-size: 0.8125rem;
        min-width: 72px;
    }

    .settings-content[b-17gegbsmly] {
        padding: 24px 16px;
    }
}
/* Admin/Pages/Property/PropertyList.razor.rz.scp.css */
/* ============================================
   PropertyList Page - Modern Redesign
   Brand Colors: #0d9488 (teal primary)
   ============================================ */

/* CSS Variables */
.properties-page[b-crq363oy70] {
    --primary: #0d9488;
    --primary-dark: #0f766e;
    --primary-light: #14b8a6;
    --primary-lighter: #5eead4;
    --primary-bg: rgba(13, 148, 136, 0.1);
    --surface: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --border: #e2e8f0;
    --background: #f8fafc;
    --warning: #ef4444;
    --warning-light: #fef2f2;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --radius-sm: 6px;
    --radius: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--background);
    padding: 0;
    margin: 0 -24px -24px -24px;
}

/* ============================================
   Header Bar - Matching Appointments Style
   ============================================ */
.header-bar[b-crq363oy70] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding: 12px 30px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.header-title[b-crq363oy70] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
    flex-shrink: 0;
}

.header-search-container[b-crq363oy70] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-search-container .search-input-wrapper[b-crq363oy70] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    padding: 0 16px;
    transition: all 0.2s ease;
}

.header-search-container .search-input-wrapper:focus-within[b-crq363oy70] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.header-search-container .search-icon[b-crq363oy70] {
    color: var(--text-muted);
    flex-shrink: 0;
}

.header-search-container .search-input[b-crq363oy70] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 0.9375rem;
    color: var(--text-primary);
    background: transparent;
    padding: 10px 0;
}

.header-search-container .search-input[b-crq363oy70]::placeholder {
    color: var(--text-muted);
}

.header-bar .advanced-search-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.header-bar .advanced-search-btn:hover[b-crq363oy70] {
    background: var(--background);
    border-color: var(--primary);
    color: var(--primary);
}

.header-bar .reset-filters-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.header-bar .reset-filters-btn:hover[b-crq363oy70] {
    background: var(--background);
    border-color: var(--primary);
    color: var(--primary);
}

/* ============================================
   Filter Pills (inside filter panel)
   ============================================ */
.filter-pills[b-crq363oy70] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pill[b-crq363oy70] {
    flex-shrink: 0;
    padding: 8px 16px;
    border-radius: var(--radius-full);
    border: 1px solid var(--border);
    background: var(--surface);
    color: var(--text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.pill:hover[b-crq363oy70] {
    border-color: var(--primary);
    color: var(--primary);
}

.pill.active[b-crq363oy70] {
    background: var(--primary-bg);
    border-color: var(--primary);
    color: var(--primary);
}

.filter-badge[b-crq363oy70] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: var(--primary);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-full);
}

/* ============================================
   Content Header
   ============================================ */
.content-header[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 20px;
    flex-wrap: wrap;
    gap: 16px;
    flex-shrink: 0;
}

.header-actions[b-crq363oy70] {
    margin-left: auto;
}

.results-info[b-crq363oy70] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.results-count[b-crq363oy70] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary);
}

.results-label[b-crq363oy70] {
    font-size: 1rem;
    color: var(--text-secondary);
}

.header-actions[b-crq363oy70] {
    display: flex;
    gap: 12px;
}

.btn-secondary[b-crq363oy70],
.btn-primary[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: var(--radius);
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
}

.btn-secondary[b-crq363oy70] {
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text-primary);
}

.btn-secondary:hover[b-crq363oy70] {
    background: var(--background);
    border-color: var(--text-muted);
}

.btn-primary[b-crq363oy70] {
    background: var(--primary);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-crq363oy70] {
    background: var(--primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-primary:disabled[b-crq363oy70] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ============================================
   Property Table Wrapper - Full Height Container
   ============================================ */
.property-table-wrapper[b-crq363oy70] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 0 20px 4px;
    width: 100%;
    box-sizing: border-box;
}

.property-table-container[b-crq363oy70] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    min-height: 0;
}

/* ============================================
   Property Row (replacing cards)
   ============================================ */
.property-row[b-crq363oy70] {
    display: grid;
    grid-template-columns: 80px 1fr auto auto auto;
    align-items: center;
    gap: 16px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--border);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.property-row:last-child[b-crq363oy70] {
    border-bottom: none;
}

.property-row:hover[b-crq363oy70] {
    background-color: var(--background);
}

a.property-row[b-crq363oy70] {
    text-decoration: none;
    color: inherit;
}

.property-row.unknown-location[b-crq363oy70] {
    border-left: 3px solid var(--warning);
}

/* Skeleton row styling */
.property-row.skeleton-row[b-crq363oy70] {
    pointer-events: none;
}

/* Loading State */
.loading-container[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    color: var(--text-secondary);
}

.loading-spinner[b-crq363oy70] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border);
    border-top-color: var(--primary);
    border-radius: 50%;
    animation: spin-b-crq363oy70 1s linear infinite;
    margin-bottom: 16px;
}

@keyframes spin-b-crq363oy70 {
    to { transform: rotate(360deg); }
}

/* No Records */
.no-records[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    color: var(--text-muted);
    text-align: center;
}

.no-records svg[b-crq363oy70] {
    margin-bottom: 16px;
    opacity: 0.5;
}

.no-records h3[b-crq363oy70] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin: 0 0 8px 0;
}

.no-records p[b-crq363oy70] {
    margin: 0;
    color: var(--text-muted);
}


/* Property Icon */
.property-icon[b-crq363oy70] {
    width: 80px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.15) 0%, rgba(13, 148, 136, 0.05) 100%);
    border-radius: var(--radius);
    overflow: hidden;
    flex-shrink: 0;
}

.property-icon.icon-warning[b-crq363oy70] {
    background: var(--warning-light);
    color: var(--warning);
}

.property-cover-img[b-crq363oy70] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.property-emoji[b-crq363oy70] {
    font-size: 1.75rem;
}

.fallback-emoji[b-crq363oy70] {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

/* Property Info */
.property-info[b-crq363oy70] {
    min-width: 0;
}

.property-address[b-crq363oy70] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.property-meta[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.property-meta svg[b-crq363oy70] {
    flex-shrink: 0;
}

.inspection-count[b-crq363oy70] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    background: var(--primary-bg);
    color: var(--primary);
    font-size: 0.75rem;
    font-weight: 600;
    border-radius: var(--radius-full);
    margin-left: 8px;
}

/* Town Column */
.property-town[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    min-width: 100px;
}

.town-label[b-crq363oy70] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.town-value[b-crq363oy70] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
}

/* Postcode Badge */
.property-postcode[b-crq363oy70] {
    min-width: 90px;
    text-align: right;
}

.postcode-badge[b-crq363oy70] {
    display: inline-block;
    padding: 6px 12px;
    background: rgba(100, 116, 139, 0.1);
    color: var(--text-secondary);
    font-size: 0.8125rem;
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    border-radius: var(--radius);
    letter-spacing: 0.02em;
}

/* Property Actions */
.property-actions[b-crq363oy70] {
    display: flex;
    gap: 8px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.property-row:hover .property-actions[b-crq363oy70] {
    opacity: 1;
}

.action-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--border);
    background: var(--surface);
    border-radius: var(--radius);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
}

.action-btn:hover[b-crq363oy70] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* ============================================
   Pagination
   ============================================ */
.pagination-container[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: var(--surface);
    border-top: 1px solid var(--border);
    flex-wrap: wrap;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    margin-top: -1px;
}

.pagination-info[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.pagination-info select[b-crq363oy70] {
    padding: 6px 32px 6px 12px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--text-primary);
    font-size: 0.875rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
}

.pagination-status[b-crq363oy70] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

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

.page-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid var(--border);
    background: var(--surface);
    border-radius: var(--radius);
    color: var(--text-secondary);
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.page-btn:hover:not(:disabled)[b-crq363oy70] {
    background: var(--background);
    border-color: var(--text-muted);
    color: var(--text-primary);
}

.page-btn:disabled[b-crq363oy70] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-btn.page-number[b-crq363oy70] {
    font-weight: 500;
}

.page-btn.active[b-crq363oy70] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* ============================================
   Filter Panel (Floating Right Popup)
   ============================================ */
.filter-overlay[b-crq363oy70] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 999;
    animation: fadeIn-b-crq363oy70 0.2s ease;
}

@keyframes fadeIn-b-crq363oy70 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.filter-panel[b-crq363oy70] {
    position: fixed;
    top: 50%;
    right: 24px;
    transform: translateY(-50%) translateX(calc(100% + 40px));
    width: 340px;
    max-height: calc(100vh - 100px);
    background: var(--surface);
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-lg);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}

.filter-panel.open[b-crq363oy70] {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
}

.filter-panel-header[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border);
}

.filter-panel-header h3[b-crq363oy70] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.close-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: var(--background);
    border-radius: var(--radius);
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
}

.close-btn:hover[b-crq363oy70] {
    background: var(--border);
    color: var(--text-primary);
}

.filter-panel-content[b-crq363oy70] {
    padding: 24px;
    overflow-y: auto;
}

.filter-group[b-crq363oy70] {
    margin-bottom: 20px;
}

.filter-group:last-child[b-crq363oy70] {
    margin-bottom: 0;
}

.filter-group label[b-crq363oy70] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-group input[b-crq363oy70] {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: 0.9375rem;
    color: var(--text-primary);
    background: var(--surface);
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.filter-group input:focus[b-crq363oy70] {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.filter-group input[b-crq363oy70]::placeholder {
    color: var(--text-muted);
}

.filter-panel-footer[b-crq363oy70] {
    padding: 20px 24px;
    border-top: 1px solid var(--border);
}

.btn-reset[b-crq363oy70] {
    width: 100%;
    padding: 14px 20px;
    border: none;
    background: var(--primary);
    border-radius: var(--radius-full);
    font-size: 0.9375rem;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-reset:hover[b-crq363oy70] {
    background: var(--primary-dark);
}

.btn-reset svg[b-crq363oy70] {
    width: 18px;
    height: 18px;
}

.btn-apply[b-crq363oy70] {
    display: none;
}

/* ============================================
   Responsive Design
   ============================================ */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 769px) {
    .header-bar[b-crq363oy70] {
        padding: 12px 20px;
    }

    .header-bar .advanced-search-btn span[b-crq363oy70] {
        display: none;
    }

    .header-bar .reset-filters-btn span[b-crq363oy70] {
        display: none;
    }

    .content-header[b-crq363oy70] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .property-table-wrapper[b-crq363oy70] {
        padding-left: 24px;
        padding-right: 24px;
    }

    /* Property rows - keep image, inline postcode, hide town label */
    .property-row[b-crq363oy70] {
        grid-template-columns: 64px 1fr auto auto;
        gap: 12px;
    }

    .property-icon[b-crq363oy70] {
        width: 64px;
        height: 48px;
    }

    .property-emoji[b-crq363oy70] {
        font-size: 1.5rem;
    }

    /* Hide TOWN label/column, keep postcode visible */
    .property-town[b-crq363oy70] {
        display: none;
    }

    .property-postcode[b-crq363oy70] {
        min-width: 80px;
    }

    /* Show actions always on tablet */
    .property-actions[b-crq363oy70] {
        opacity: 1;
    }

    /* Action buttons - icon only with tooltips */
    .btn-secondary span[b-crq363oy70],
    .btn-primary span[b-crq363oy70] {
        display: none;
    }

    .btn-secondary[b-crq363oy70],
    .btn-primary[b-crq363oy70] {
        padding: 10px 14px;
        min-width: 44px;
        min-height: 44px;
    }

    /* Touch targets */
    .pill[b-crq363oy70] {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    .action-btn[b-crq363oy70] {
        width: 44px;
        height: 44px;
    }
}

/* Mobile (<768px) */
@media (max-width: 768px) {
    .properties-page[b-crq363oy70] {
        margin: 0 -16px -16px -16px;
    }

    /* Header bar - stacked on mobile */
    .header-bar[b-crq363oy70] {
        flex-wrap: wrap;
        padding: 12px 16px;
        gap: 12px;
    }

    .header-title[b-crq363oy70] {
        font-size: 1.125rem;
        width: 100%;
    }

    .header-search-container[b-crq363oy70] {
        width: 100%;
        max-width: none;
        order: 2;
    }

    .header-search-container .search-input-wrapper[b-crq363oy70] {
        flex: 1;
    }

    .header-bar .advanced-search-btn[b-crq363oy70] {
        padding: 10px;
    }

    .header-bar .advanced-search-btn span[b-crq363oy70] {
        display: none;
    }

    .header-bar .reset-filters-btn[b-crq363oy70] {
        padding: 10px;
    }

    .header-bar .reset-filters-btn span[b-crq363oy70] {
        display: none;
    }

    .view-toggle[b-crq363oy70] {
        display: none !important;
    }

    .content-header[b-crq363oy70] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .property-table-wrapper[b-crq363oy70] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .pill[b-crq363oy70] {
        padding: 8px 16px;
        font-size: 0.8125rem;
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    /* Results header - stacked layout */
    .content-header[b-crq363oy70] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .results-info[b-crq363oy70] {
        justify-content: flex-start;
    }

    /* Action buttons row - side by side, equal width */
    .header-actions[b-crq363oy70] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        width: 100%;
    }

    .header-actions button[b-crq363oy70] {
        justify-content: center;
        min-height: 44px;
    }

    .btn-secondary span[b-crq363oy70],
    .btn-primary span[b-crq363oy70] {
        display: inline;
    }

    /* Property rows - mobile layout */
    .property-row[b-crq363oy70] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 16px;
        position: relative;
    }

    /* Hide emoji icon on mobile */
    .property-icon[b-crq363oy70] {
        display: none;
    }

    /* Address as title */
    .property-info[b-crq363oy70] {
        order: 1;
        width: calc(100% - 44px);
        padding-right: 40px;
    }

    .property-address[b-crq363oy70] {
        white-space: normal;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.4;
    }

    /* Location + inspections on second line */
    .property-meta[b-crq363oy70] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .inspection-count[b-crq363oy70] {
        margin-left: 0;
    }

    /* Hide town column */
    .property-town[b-crq363oy70] {
        display: none;
    }

    /* Postcode badge on third line, left aligned */
    .property-postcode[b-crq363oy70] {
        order: 2;
        text-align: left;
        width: 100%;
    }

    .postcode-badge[b-crq363oy70] {
        display: inline-block;
    }

    /* Action button - top right corner */
    .property-actions[b-crq363oy70] {
        position: absolute;
        top: 16px;
        right: 16px;
        opacity: 1;
    }

    .action-btn[b-crq363oy70] {
        width: 44px;
        height: 44px;
    }

    /* Pagination */
    .pagination-container[b-crq363oy70] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .pagination-info[b-crq363oy70] {
        justify-content: center;
    }

    .pagination-status[b-crq363oy70] {
        text-align: center;
    }

    .pagination-controls[b-crq363oy70] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .page-btn[b-crq363oy70] {
        min-width: 44px;
        min-height: 44px;
    }

    /* Filter panel */
    .filter-panel[b-crq363oy70] {
        width: calc(100% - 32px);
        right: 16px;
        max-height: calc(100vh - 60px);
    }
}

/* Small Mobile (<480px) */
@media (max-width: 480px) {
    .properties-page[b-crq363oy70] {
        margin: -12px;
    }

    .hero-section[b-crq363oy70] {
        padding: 32px 16px 24px;
    }

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

    .search-container[b-crq363oy70] {
        padding: 16px;
    }

    /* Stack action buttons vertically on very small screens */
    .header-actions[b-crq363oy70] {
        grid-template-columns: 1fr;
    }

    .pagination-controls[b-crq363oy70] {
        gap: 2px;
    }

    .page-btn[b-crq363oy70] {
        min-width: 40px;
        min-height: 40px;
        padding: 0 6px;
    }

    .page-btn.page-number[b-crq363oy70] {
        display: none;
    }

    .page-btn.page-number.active[b-crq363oy70] {
        display: flex;
    }
}

/* ============================================
   View Toggle (List/Map)
   ============================================ */
.view-toggle[b-crq363oy70] {
    display: inline-flex;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius-full);
    padding: 4px;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
}

.toggle-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border: none;
    background: transparent;
    border-radius: var(--radius-full);
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: all 0.2s ease;
}

.toggle-btn.active[b-crq363oy70] {
    background: var(--primary);
    color: white;
}

.toggle-btn:hover:not(.active)[b-crq363oy70] {
    background: var(--primary-bg);
    color: var(--primary);
}

.toggle-btn svg[b-crq363oy70] {
    flex-shrink: 0;
}

/* ============================================
   Map View - Split Panel Layout
   ============================================ */
.map-split-container[b-crq363oy70] {
    display: flex;
    height: calc(100vh - 100px);
    /*margin: 0 -40px -24px;*/
    overflow: hidden;
    background: var(--background);
    max-width: calc(100% + 80px);
    box-sizing: border-box;
}

/* Left Panel - Property List */
.map-left-panel[b-crq363oy70] {
    width: 380px;
    min-width: 320px;
    max-width: 420px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border-right: 1px solid var(--border);
    overflow: hidden;
}

/* Panel Header */
.panel-header[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.panel-title[b-crq363oy70] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.panel-count[b-crq363oy70] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-muted);
    padding: 4px 10px;
    background: var(--background);
    border-radius: var(--radius-full);
}

/* Panel Search */
.panel-search[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.panel-search .search-input-wrapper[b-crq363oy70] {
    flex: 1;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 0 12px;
}

.panel-search .search-input[b-crq363oy70] {
    padding: 10px 0;
    font-size: 0.875rem;
}

.panel-filter-btn[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.2s ease;
    position: relative;
    flex-shrink: 0;
}

.panel-filter-btn:hover[b-crq363oy70] {
    background: var(--primary-bg);
    color: var(--primary);
    border-color: var(--primary);
}

.panel-filter-btn .filter-badge[b-crq363oy70] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    font-size: 0.6875rem;
}

/* Panel Filter Dropdown */
.panel-filter-dropdown[b-crq363oy70] {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.custom-select[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 14px;
    font-size: 0.9375rem;
    color: var(--text-primary);
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.custom-select:hover[b-crq363oy70] {
    border-color: var(--primary-light);
}

.custom-select.open[b-crq363oy70] {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);
}

.custom-select .selected-value[b-crq363oy70] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-select .dropdown-chevron[b-crq363oy70] {
    flex-shrink: 0;
    color: var(--text-muted);
    transition: transform 0.2s ease;
}

.custom-select.open .dropdown-chevron[b-crq363oy70] {
    transform: rotate(180deg);
}

.dropdown-overlay[b-crq363oy70] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.dropdown-menu[b-crq363oy70] {
    position: absolute;
    top: calc(100% - 13px);
    left: 16px;
    right: 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-lg);
    z-index: 100;
    max-height: 280px;
    overflow-y: auto;
}

.dropdown-item[b-crq363oy70] {
    padding: 12px 16px;
    font-size: 0.9375rem;
    color: var(--text-primary);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.dropdown-item:first-child[b-crq363oy70] {
    border-radius: var(--radius) var(--radius) 0 0;
}

.dropdown-item:last-child[b-crq363oy70] {
    border-radius: 0 0 var(--radius) var(--radius);
}

.dropdown-item:hover[b-crq363oy70] {
    background: var(--background);
}

.dropdown-item.selected[b-crq363oy70] {
    color: var(--primary);
    font-weight: 500;
}

/* Panel Pills (kept for filter panel) */
.panel-pills[b-crq363oy70] {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
    flex-shrink: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.panel-pills[b-crq363oy70]::-webkit-scrollbar {
    display: none;
}

.panel-pills .pill[b-crq363oy70] {
    padding: 6px 14px;
    font-size: 0.8125rem;
    white-space: nowrap;
}

/* Panel Property List (Scrollable) */
.panel-property-list[b-crq363oy70] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
}

.panel-loading[b-crq363oy70],
.panel-empty[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: var(--text-muted);
    text-align: center;
}

.panel-empty svg[b-crq363oy70] {
    margin-bottom: 12px;
    opacity: 0.5;
}

.panel-empty p[b-crq363oy70] {
    margin: 0;
    font-size: 0.875rem;
}

/* Load More Button */
.load-more-container[b-crq363oy70] {
    padding: 12px 0;
    text-align: center;
}

.load-more-btn[b-crq363oy70] {
    width: 100%;
    justify-content: center;
}

.load-more-btn:disabled[b-crq363oy70] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ============================================
   Skeleton Loading Styles
   ============================================ */
@keyframes shimmer-b-crq363oy70 {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.skeleton[b-crq363oy70] {
    background: linear-gradient(
        90deg,
        var(--border) 25%,
        rgba(226, 232, 240, 0.5) 50%,
        var(--border) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-crq363oy70 1.5s ease-in-out infinite;
    border-radius: var(--radius);
}

/* Skeleton Property Row (List View) - inherits from .property-row */

.skeleton-icon[b-crq363oy70] {
    width: 56px;
    height: 56px;
    border-radius: var(--radius);
}

.skeleton-content[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-title[b-crq363oy70] {
    height: 18px;
    width: 70%;
}

.skeleton-subtitle[b-crq363oy70] {
    height: 14px;
    width: 50%;
}

.skeleton-town[b-crq363oy70] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.skeleton-town-label[b-crq363oy70] {
    height: 10px;
    width: 40px;
}

.skeleton-town-value[b-crq363oy70] {
    height: 14px;
    width: 80px;
}

.skeleton-postcode[b-crq363oy70] {
    height: 28px;
    width: 80px;
    border-radius: var(--radius);
}

.skeleton-action[b-crq363oy70] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius);
}

/* Skeleton Map Property Card (Left Panel) */
.skeleton-map-card[b-crq363oy70] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: 8px;
}

.skeleton-map-content[b-crq363oy70] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.skeleton-map-address[b-crq363oy70] {
    height: 16px;
    width: 90%;
}

.skeleton-map-meta[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.skeleton-map-town[b-crq363oy70] {
    height: 12px;
    width: 60px;
}

.skeleton-map-postcode[b-crq363oy70] {
    height: 20px;
    width: 50px;
    border-radius: var(--radius);
}

.skeleton-map-stats[b-crq363oy70] {
    height: 12px;
    width: 100px;
}

.skeleton-map-action[b-crq363oy70] {
    width: 32px;
    height: 32px;
    border-radius: var(--radius);
    flex-shrink: 0;
}

/* Skeleton Map Overlay */
.skeleton-map-overlay[b-crq363oy70] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e8f4f3;
    overflow: hidden;
    z-index: 5;
}

/* Terrain blocks - simulating map areas */
.skeleton-map-terrain[b-crq363oy70] {
    position: absolute;
    inset: 0;
}

.skeleton-map-block[b-crq363oy70] {
    position: absolute;
    background: linear-gradient(
        135deg,
        rgba(13, 148, 136, 0.08) 0%,
        rgba(13, 148, 136, 0.04) 50%,
        rgba(13, 148, 136, 0.08) 100%
    );
    background-size: 200% 200%;
    animation: terrainPulse-b-crq363oy70 3s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-map-block.block-1[b-crq363oy70] {
    top: 5%;
    left: 10%;
    width: 25%;
    height: 30%;
    animation-delay: 0s;
}

.skeleton-map-block.block-2[b-crq363oy70] {
    top: 15%;
    right: 15%;
    width: 20%;
    height: 25%;
    animation-delay: 0.5s;
}

.skeleton-map-block.block-3[b-crq363oy70] {
    bottom: 20%;
    left: 5%;
    width: 30%;
    height: 35%;
    animation-delay: 1s;
}

.skeleton-map-block.block-4[b-crq363oy70] {
    bottom: 10%;
    right: 10%;
    width: 35%;
    height: 28%;
    animation-delay: 0.3s;
}

.skeleton-map-block.block-5[b-crq363oy70] {
    top: 40%;
    left: 40%;
    width: 18%;
    height: 20%;
    animation-delay: 0.7s;
}

.skeleton-map-block.block-6[b-crq363oy70] {
    top: 8%;
    left: 45%;
    width: 22%;
    height: 18%;
    animation-delay: 1.2s;
}

@keyframes terrainPulse-b-crq363oy70 {
    0%, 100% {
        opacity: 0.6;
        background-position: 0% 0%;
    }
    50% {
        opacity: 1;
        background-position: 100% 100%;
    }
}

/* Roads - simulating map roads */
.skeleton-map-roads[b-crq363oy70] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.skeleton-road[b-crq363oy70] {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.skeleton-road.road-h1[b-crq363oy70] {
    top: 35%;
    left: 0;
    right: 0;
    height: 4px;
}

.skeleton-road.road-h2[b-crq363oy70] {
    top: 68%;
    left: 0;
    right: 0;
    height: 6px;
}

.skeleton-road.road-v1[b-crq363oy70] {
    top: 0;
    bottom: 0;
    left: 28%;
    width: 4px;
}

.skeleton-road.road-v2[b-crq363oy70] {
    top: 0;
    bottom: 0;
    right: 35%;
    width: 5px;
}

.skeleton-road.road-diagonal[b-crq363oy70] {
    top: 20%;
    left: 50%;
    width: 40%;
    height: 3px;
    transform: rotate(25deg);
    transform-origin: left center;
}

/* Markers - simulating map pins */
.skeleton-map-markers[b-crq363oy70] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.skeleton-marker[b-crq363oy70] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: markerBounce-b-crq363oy70 2s ease-in-out infinite;
}

.skeleton-marker .marker-pin[b-crq363oy70] {
    width: 24px;
    height: 32px;
    background: linear-gradient(
        180deg,
        var(--primary) 0%,
        var(--primary-dark) 100%
    );
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
    position: relative;
    box-shadow: 0 2px 8px rgba(13, 148, 136, 0.4);
}

.skeleton-marker .marker-pin[b-crq363oy70]::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
}

.skeleton-marker .marker-shadow[b-crq363oy70] {
    width: 16px;
    height: 6px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    margin-top: 2px;
}

.skeleton-marker.marker-1[b-crq363oy70] {
    top: 25%;
    left: 20%;
    animation-delay: 0s;
}

.skeleton-marker.marker-2[b-crq363oy70] {
    top: 45%;
    left: 55%;
    animation-delay: 0.3s;
}

.skeleton-marker.marker-3[b-crq363oy70] {
    top: 30%;
    right: 25%;
    animation-delay: 0.6s;
}

.skeleton-marker.marker-4[b-crq363oy70] {
    bottom: 35%;
    left: 35%;
    animation-delay: 0.2s;
}

.skeleton-marker.marker-5[b-crq363oy70] {
    bottom: 25%;
    right: 20%;
    animation-delay: 0.5s;
}

@keyframes markerBounce-b-crq363oy70 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

/* Map controls skeleton */
.skeleton-map-controls[b-crq363oy70] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-control[b-crq363oy70] {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: var(--radius);
    box-shadow: var(--shadow-md);
}

/* Loading indicator in center */
.skeleton-map-loading-indicator[b-crq363oy70] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    z-index: 10;
}

.skeleton-map-loading-indicator .loading-spinner[b-crq363oy70] {
    width: 32px;
    height: 32px;
    margin-bottom: 0;
}

.skeleton-map-loading-indicator span[b-crq363oy70] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-secondary);
}

/* Mobile Skeleton Adjustments */
@media (max-width: 768px) {
    .skeleton-icon[b-crq363oy70] {
        display: none;
    }

    .skeleton-content[b-crq363oy70] {
        width: 100%;
    }

    .skeleton-title[b-crq363oy70] {
        width: 80%;
    }

    .skeleton-subtitle[b-crq363oy70] {
        width: 60%;
    }

    .skeleton-town[b-crq363oy70] {
        display: none;
    }

    .skeleton-postcode[b-crq363oy70] {
        width: 70px;
    }

    .skeleton-action[b-crq363oy70] {
        position: absolute;
        top: 16px;
        right: 16px;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .skeleton-icon[b-crq363oy70] {
        width: 48px;
        height: 48px;
    }

    .skeleton-town[b-crq363oy70] {
        display: none;
    }
}

/* Map Property Card (in left panel) */
.map-property-card[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.map-property-card:hover[b-crq363oy70] {
    border-color: var(--primary-light);
    box-shadow: var(--shadow-sm);
}

.map-property-card.selected[b-crq363oy70] {
    border-color: var(--primary);
    background: var(--primary-bg);
    box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.2);
}

.map-card-content[b-crq363oy70] {
    flex: 1;
    min-width: 0;
}

.map-card-address[b-crq363oy70] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 6px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.map-card-meta[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.map-card-town[b-crq363oy70] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.postcode-badge.small[b-crq363oy70] {
    padding: 3px 8px;
    font-size: 0.6875rem;
}

.map-card-stats[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.map-card-stats .inspection-count[b-crq363oy70] {
    font-size: 0.6875rem;
    padding: 2px 6px;
    margin-left: 0;
}

.map-card-stats .last-inspected[b-crq363oy70] {
    font-size: 0.6875rem;
}

.map-card-action[b-crq363oy70] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: transparent;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    color: var(--text-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.map-card-action:hover[b-crq363oy70] {
    background: var(--primary);
    border-color: var(--primary);
    color: white;
}

/* Right Panel - Map */
.map-right-panel[b-crq363oy70] {
    flex: 1;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-width: 0;
}

.map-container[b-crq363oy70] {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.map-container.hidden[b-crq363oy70] {
    visibility: hidden;
}

/* Map Loading State */
.map-loading[b-crq363oy70] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    color: var(--text-secondary);
    z-index: 5;
}

/* ============================================
   Property Popup (Bottom-Right Card)
   ============================================ */
.property-popup[b-crq363oy70] {
    position: absolute;
    bottom: 16px;
    right: 16px;
    z-index: 10;
    width: 320px;
    max-width: calc(100% - 32px);
    background: var(--surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    animation: slideUp-b-crq363oy70 0.2s ease;
}

@keyframes slideUp-b-crq363oy70 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.popup-close[b-crq363oy70] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: var(--radius);
    cursor: pointer;
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

.popup-close:hover[b-crq363oy70] {
    background: var(--surface);
    color: var(--text-primary);
}

.popup-streetview[b-crq363oy70] {
    height: 140px;
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.1) 0%, rgba(13, 148, 136, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.popup-streetview img[b-crq363oy70] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-content[b-crq363oy70] {
    padding: 16px;
}

.popup-title[b-crq363oy70] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.popup-meta[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.popup-town[b-crq363oy70] {
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.popup-stats[b-crq363oy70] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.last-inspected[b-crq363oy70] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.popup-action[b-crq363oy70] {
    width: calc(100% - 32px);
    margin: 0 16px 16px;
    justify-content: center;
}

/* ============================================
   Map View Responsive
   ============================================ */
@media (max-width: 1200px) {
    .map-left-panel[b-crq363oy70] {
        width: 340px;
        min-width: 300px;
    }
}

@media (max-width: 1024px) {
    .map-split-container[b-crq363oy70] {
        /*margin: 0 -24px -24px;*/
        max-width: calc(100% + 48px);
    }

    .map-left-panel[b-crq363oy70] {
        width: 320px;
        min-width: 280px;
        flex-shrink: 0;
    }

    .property-popup[b-crq363oy70] {
        width: 280px;
        max-width: calc(100% - 24px);
    }
}

@media (max-width: 768px) {
    /* Map view is hidden on mobile via toggle, but just in case */
    .map-split-container[b-crq363oy70] {
        /*margin: 0 -16px -16px;*/
        max-width: calc(100% + 32px);
        height: calc(100vh - 200px);
        flex-direction: column;
    }

    .map-left-panel[b-crq363oy70] {
        display: none;
    }

    .map-right-panel[b-crq363oy70] {
        height: 100%;
    }

    .property-popup[b-crq363oy70] {
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
        max-width: none;
    }
}
/* Admin/Pages/Reports/Dashboard.razor.rz.scp.css */
[b-e1gzeacxcu].component-root {
}

[b-e1gzeacxcu] .dashboard-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-e1gzeacxcu] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

[b-e1gzeacxcu] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-right: 10px;
}

[b-e1gzeacxcu] .dashboard-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}

[b-e1gzeacxcu] .dashboard-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    display: flex;
}

    [b-e1gzeacxcu] .dashboard-builder-right-content .mud-skeleton {
    }

[b-e1gzeacxcu] .skel-holder-right {
    padding: 0 20px;
}

[b-e1gzeacxcu] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-e1gzeacxcu] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-e1gzeacxcu] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-e1gzeacxcu] .mud-table-sticky-header tr td:last-child, [b-e1gzeacxcu] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }

[b-e1gzeacxcu] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-e1gzeacxcu] .report-list-container > div {
        display: flex;
        /* width: calc(25% - 15px); */
        border: 0px dashed #d1d1d1;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
        cursor: pointer;
        transition: all 0.15s linear;
    }

        [b-e1gzeacxcu] .report-list-container > div:hover {
            transform: scale(1.05);
        }

        [b-e1gzeacxcu] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-e1gzeacxcu] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-e1gzeacxcu] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-e1gzeacxcu] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }

[b-e1gzeacxcu] .grid-stack-item-content {
    border-radius: 8px !important;
    overflow: hidden !important;
}

[b-e1gzeacxcu] .report-search {
    border: 2px solid #E5EBEA;
    border-radius: 4px;
    padding: 12px 14px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 13px;
    outline: none !important;
}

[b-e1gzeacxcu] .deleted-dashboard-report {
    display: none;
}

[b-e1gzeacxcu] .dashboard-delete-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #ca5353;
}

[b-e1gzeacxcu] .grid-stack-item-content:hover .dashboard-delete-btn {
    display: block;
    z-index: 9;
}


[b-e1gzeacxcu] .dashboard-tile > div {
    height: calc(((100vh - 130px) / 5) - 23px);
    justify-content: center;
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: #0A493F;
    transition: transform 0.5s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    align-items: center;
    flex-direction: row;
    font-size: clamp(1rem, 1.6vw, 2.5rem);
}

    [b-e1gzeacxcu] .dashboard-tile > div span:first-child {
        padding-top: 20px;
    }

[b-e1gzeacxcu] .dashboard-tile.matrix > div span:first-child {
    display: block;
    margin-bottom: -20px;
}

[b-e1gzeacxcu] .dashboard-tile.matrix > div sub {
    font-size: 15px;
    font-weight: bold;
}

    [b-e1gzeacxcu] .dashboard-tile > div span:last-child {
        padding-top: 10px;
        font-size: 2.5rem;
    }

[b-e1gzeacxcu] .dashboard-tile {
    transition: transform 0.5s ease-in-out;
}

[b-e1gzeacxcu] .dashboard-tile-holder {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #0A493F;
}



    [b-e1gzeacxcu] .dashboard-tile-holder label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0A493F;
        padding: 10px 20px 0px 20px;
        color: #afcbc6;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
/* Admin/Pages/Reports/DashboardConfig.razor.rz.scp.css */
[b-yoft1scack].component-root {
}

[b-yoft1scack] .dashboard-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-yoft1scack] {
    padding: 12px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-yoft1scack] {
        display: flex;
        gap: 12px;
    }

[b-yoft1scack] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-yoft1scack] .dashboard-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}

[b-yoft1scack] .dashboard-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

    [b-yoft1scack] .dashboard-builder-right-content .mud-skeleton {
    }

[b-yoft1scack] .skel-holder-right {
    padding: 0 20px;
}

[b-yoft1scack] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-yoft1scack] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-yoft1scack] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-yoft1scack] .mud-table-sticky-header tr td:last-child, [b-yoft1scack] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }

[b-yoft1scack] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-yoft1scack] .report-list-container > div {
        display: flex;
        width: 100%;
        border: 2px dashed #d1d1d1;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
        cursor: pointer;
        transition: all 0.15s linear;
    }

        [b-yoft1scack] .report-list-container > div:hover {
            transform: scale(1.05);
        }

        [b-yoft1scack] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-yoft1scack] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-yoft1scack] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-yoft1scack] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }


[b-yoft1scack] .report-search {
    border: 2px solid #E5EBEA;
    border-radius: 4px;
    padding: 12px 14px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 13px;
    outline: none !important;
}

[b-yoft1scack] .deleted-dashboard-report {
    display: none;
}

[b-yoft1scack] .dashboard-delete-btn {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #ca5353;
    background-color:#fff;
    border-radius:50%;
}

[b-yoft1scack] .grid-stack-item-content:hover .dashboard-delete-btn {
    display: block;
    z-index: 9;

}

[b-yoft1scack] .grid-stack-item-content {
    border: 2px dashed #cacaca;
    border-radius: 8px;
    overflow: hidden !important;
}

[b-yoft1scack] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 270px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
    margin-top: 50px;
}

    [b-yoft1scack] .no-records-matching h6 {
        font-size: 18px;
    }

    [b-yoft1scack] .no-records-matching p {
        font-size: 14px;
        font-weight: normal;
    }

[b-yoft1scack] .dashboard-tile > div {
    height: calc(((100vh - 130px) / 5) - 23px);
    justify-content: center;
    display: flex;
    align-items: start;
    flex-direction: column;
    background-color: #0A493F;
    transition: transform 0.5s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px 10px 20px;
    align-items: center;
    flex-direction: row;
    font-size: clamp(1rem, 1.6vw, 2.5rem);
}

    [b-yoft1scack] .dashboard-tile > div span:first-child {
        padding-top: 20px;
    }

[b-yoft1scack] .dashboard-tile.matrix > div span:first-child {
    display: block;
    margin-bottom: -20px;
}

[b-yoft1scack] .dashboard-tile.matrix > div sub {
    font-size: 15px;
    font-weight:bold;
}

[b-yoft1scack] .dashboard-tile > div span:last-child {
    padding-top: 10px;
    font-size: 2.5rem;
}

[b-yoft1scack] .dashboard-tile {
    transition: transform 0.5s ease-in-out;
}

[b-yoft1scack] .dashboard-tile-holder {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #0A493F;
}



    [b-yoft1scack] .dashboard-tile-holder label {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: #0A493F;
        padding: 10px 20px 0px 20px;
        color: #afcbc6;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;        
        overflow: hidden;
    }
/* Admin/Pages/Reports/DashboardList.razor.rz.scp.css */
.page-heading[b-m13gsa1inx] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-m13gsa1inx] {
    overflow-y: auto;
    border-radius: 5px;
    height: calc(100vh - 205px);
    background-color: #fff;
}

[b-m13gsa1inx] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

    [b-m13gsa1inx] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }

        [b-m13gsa1inx] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-m13gsa1inx] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-m13gsa1inx] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

[b-m13gsa1inx] .buttons-menu {
    align-self: end;
    height: 36px !important;
}

    [b-m13gsa1inx] .buttons-menu > svg {
        border: 1px solid rgba(0,165,135,1);
        font-size: 36px;
        padding: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 0;
        color: rgba(0,165,135,1);
        cursor: pointer;
        margin-right: -13px;
    }

    [b-m13gsa1inx] .buttons-menu .mud-menu, [b-m13gsa1inx] .buttons-menu .mud-menu > button {
        border-left: 0 !important;
    }

[b-m13gsa1inx] .report-list-container > div .buttons {
    display: flex;
    justify-content: space-between;
}

    [b-m13gsa1inx] .report-list-container > div .buttons a {
        padding: 5px 15px;
        margin-top: 10px;
        margin-right: 5px;
    }

[b-m13gsa1inx] .report-list-container > div .report-holder h3 {
    height: 50px;
    overflow: hidden;
}


[b-m13gsa1inx] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-m13gsa1inx] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-m13gsa1inx] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-m13gsa1inx] .insight-container-main {
    max-width: 700px;
    margin: 0 auto;
}

[b-m13gsa1inx] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 65px;
}

[b-m13gsa1inx] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-m13gsa1inx] .chat-text-response p, [b-m13gsa1inx] .chat-text-response ul, [b-m13gsa1inx] .chat-text-response ol, [b-m13gsa1inx] .chat-text-response table {
        margin-top: 20px;
    }

[b-m13gsa1inx] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-m13gsa1inx] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-m13gsa1inx] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-m13gsa1inx] .chat-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-m13gsa1inx] .chat-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-m13gsa1inx] .chat-action-buttons button svg {
            font-size: 20px;
        }


[b-m13gsa1inx] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-m13gsa1inx] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-m13gsa1inx] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-m13gsa1inx] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-m13gsa1inx] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-m13gsa1inx] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-m13gsa1inx] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-m13gsa1inx] .text-container textarea:focus, [b-m13gsa1inx] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-m13gsa1inx] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 350px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-m13gsa1inx] .chat-container-placeholder h3 {
        font-size: 40px;
    }



    [b-m13gsa1inx] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-m13gsa1inx] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

    [b-m13gsa1inx] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-m13gsa1inx] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-m13gsa1inx] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-m13gsa1inx] .chat-placeholder-samples > div svg, [b-m13gsa1inx] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-m13gsa1inx] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-m13gsa1inx] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-m13gsa1inx] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-m13gsa1inx] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-m13gsa1inx] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-m13gsa1inx] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }

.header-container-right[b-m13gsa1inx] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 48px);
    margin-top: -19px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

[b-m13gsa1inx] .header-container-right > div {
    width: 100%;
    max-width: 700px;
    display: flex;
    margin: 0 auto;
}

[b-m13gsa1inx] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-m13gsa1inx] .header-container-right .mud-input-control {
    margin: 0;
}

[b-m13gsa1inx] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-m13gsa1inx] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-m13gsa1inx] .skel-holder {
    flex-direction: column;
    gap: 20px;
}


    [b-m13gsa1inx] .skel-holder span.mud-skeleton-rectangle {
        width: 100%;
        height: 50px;
        border-radius: 3px;
    }

        [b-m13gsa1inx] .skel-holder span.mud-skeleton-rectangle:last-child {
            width: 32%;
            height: 35px;
        }

[b-m13gsa1inx] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 255px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}
/* Admin/Pages/Reports/Insights.razor.rz.scp.css */
.page-heading[b-rs6fzivjjg] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.insight-container-scroll[b-rs6fzivjjg] {
    overflow-y: auto;
    flex-grow: 1;
}

.admin-holder[b-rs6fzivjjg] {
    overflow: hidden;
    border-radius: 5px;
    height: calc(100vh - 128px);
    background-color: #fff;
    display: flex;
}

[b-rs6fzivjjg] .insight-left-panel {
    width: 300px;
    flex-grow: 0;
    flex-shrink: 0;
    border-right: 2px solid #d9d9d9;
}

[b-rs6fzivjjg] .buttons-left {
    padding: 20px;
}

[b-rs6fzivjjg] .history-scroll {
    height: calc(100vh - 223px);
    overflow-y: auto;
    margin-top: 10px;
    padding: 0 20px;
}

[b-rs6fzivjjg] .history-container {
    margin: 0 0 20px 0;
}

    [b-rs6fzivjjg] .history-container label {
        color: #9a9a9a;
        position: sticky;
        top: 0;
        background-color: #fff;
        display: block;
    }

        [b-rs6fzivjjg] .history-container label:not(:first-child) {
            margin-top: 16px;
        }

    [b-rs6fzivjjg] .history-container > div {
        padding: 10px 15px;
        border-radius: 7px;
        margin-top: 5px;
        background-color: #f6f6f6;
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    [b-rs6fzivjjg] .history-container .mud-skeleton {
        margin-bottom: 5px;
        height: 40px !important;
        border-radius: 5px;
        width: 100%;
    }

    [b-rs6fzivjjg] .history-container > div p {
        text-overflow: ellipsis;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    [b-rs6fzivjjg] .history-container > div.active {
        background-color: #d7efeb;
    }

    [b-rs6fzivjjg] .history-container > div:not(.active):hover {
        background-color: #ebebeb;
        cursor: pointer;
    }

[b-rs6fzivjjg] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

    [b-rs6fzivjjg] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }

        [b-rs6fzivjjg] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-rs6fzivjjg] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-rs6fzivjjg] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

        [b-rs6fzivjjg] .report-list-container > div .buttons a {
            padding: 5px 15px;
            margin-top: 10px;
            margin-right: 5px;
        }


[b-rs6fzivjjg] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-rs6fzivjjg] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-rs6fzivjjg] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-rs6fzivjjg] .insight-container-main {
    width: 740px;
    margin: 0 auto;
    padding: 20px;
}

[b-rs6fzivjjg] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 75px;
}

[b-rs6fzivjjg] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-rs6fzivjjg] .chat-text-response p, [b-rs6fzivjjg] .chat-text-response ul, [b-rs6fzivjjg] .chat-text-response ol, [b-rs6fzivjjg] .chat-text-response table {
        margin-top: 20px;
        border-collapse: collapse;
    }

[b-rs6fzivjjg] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-rs6fzivjjg] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-rs6fzivjjg] .chart-container-not-loaded {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    clear: both;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    [b-rs6fzivjjg] .chart-container-not-loaded button {
        background-color: #eee;
        color: #777777;
    }

[b-rs6fzivjjg] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-rs6fzivjjg] .chat-action-buttons button, [b-rs6fzivjjg] .chat-action-buttons a {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-rs6fzivjjg] .chat-action-buttons button:hover, [b-rs6fzivjjg] .chat-action-buttons a:hover {
            color: #4e4e4e;
        }

        [b-rs6fzivjjg] .chat-action-buttons button svg, [b-rs6fzivjjg] .chat-action-buttons a svg {
            font-size: 20px;
        }


[b-rs6fzivjjg] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-rs6fzivjjg] .text-container > p {
        text-align: center;
        color: #959595;
        font-size: 12px;
    }

    [b-rs6fzivjjg] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-rs6fzivjjg] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-rs6fzivjjg] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-rs6fzivjjg] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-rs6fzivjjg] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-rs6fzivjjg] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-rs6fzivjjg] .text-container textarea:focus, [b-rs6fzivjjg] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-rs6fzivjjg] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 240px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-rs6fzivjjg] .chat-container-placeholder h3 {
        font-size: 40px;
    }

        [b-rs6fzivjjg] .chat-container-placeholder h3 span {
            color: rgb(0, 165, 135);
            display: inline-block;
            animation: report-chat-header-jump 10s ease-in infinite;
            animation-delay: 1s;
        }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(2) {
                animation-delay: 1.1s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(3) {
                animation-delay: 1.2s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(4) {
                animation-delay: 1.3s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(5) {
                animation-delay: 1.4s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(6) {
                animation-delay: 1.5s;
            }

            [b-rs6fzivjjg] .chat-container-placeholder h3 span:nth-child(7) {
                animation-delay: 1.6s;
            }

    [b-rs6fzivjjg] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-rs6fzivjjg] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
    opacity: 0;
    animation: report-chat-samples-fade 1s ease-in forwards;
    animation-delay: 3s;
}

    [b-rs6fzivjjg] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-rs6fzivjjg] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-rs6fzivjjg] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-rs6fzivjjg] .chat-placeholder-samples > div svg, [b-rs6fzivjjg] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-rs6fzivjjg] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-rs6fzivjjg] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-rs6fzivjjg] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-rs6fzivjjg] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-rs6fzivjjg] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-rs6fzivjjg] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }


#insight-sub-title[b-rs6fzivjjg], #insight-sub-title2[b-rs6fzivjjg] {
    display: inline-block;
}

#insight-sub-title[b-rs6fzivjjg] {
    display: inline-block;
    margin-right: 10px;
}
/* Admin/Pages/Reports/Report.razor.rz.scp.css */
[b-c73theux7d].component-root {
}

.page-heading[b-c73theux7d] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-c73theux7d] {
        display: flex;
        gap: 12px;
    }

[b-c73theux7d] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-c73theux7d] .report-view-container {
    display: flex;
    gap: 20px;
}

[b-c73theux7d] .report-builder-content-left {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 130px);
    overflow-y: auto;
    padding-top: 10px;
}

    [b-c73theux7d] .report-builder-content-left .mud-skeleton {
        height: calc(100% - 10px) !important;
        margin-right: 10px;
        margin-left: 10px;
        border-radius: 5px;
    }

[b-c73theux7d] .skel-holder-right {
    padding: 0 20px;
}

[b-c73theux7d] .report-view-container-right {
    width: 500px;
    background-color: #fff;
    border-radius: 5px;
    flex-shrink: 0;
    flex-grow: 0;
    height: calc(100vh - 130px);
    overflow: hidden;
}

[b-c73theux7d] .mud-table-sticky-header {
    height: calc(100vh - 131px) !important;
    box-shadow: none !important;
}

    [b-c73theux7d] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-c73theux7d] .mud-table-sticky-header tr td:last-child, [b-c73theux7d] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }


[b-c73theux7d] .report-tile {
    height: 80px;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 18px;
    position: relative;
}

    [b-c73theux7d] .report-tile svg {
        position: absolute;
        top: 10px;
        font-size: 34px;
        background-color: #347267;
        color: #fff;
        padding: 7px;
        border-radius: 10px;
        right: 11px;
    }

    [b-c73theux7d] .report-tile label {
        position: absolute;
        bottom: 10px;
        font-size: 14px;
        color: #818181;
        left: 19px;
    }

    [b-c73theux7d] .report-tile strong {
        position: absolute;
        top: 3px;
        font-size: 38px;
        /* color: #000000; */
        left: 12px;
    }



[b-c73theux7d] .report-action-buttons {
}

    [b-c73theux7d] .report-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-c73theux7d] .report-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-c73theux7d] .report-action-buttons button svg {
            font-size: 20px;
        }
/* Admin/Pages/Reports/ReportBuilder.razor.rz.scp.css */
[b-2chwc7yo44].component-root {
}

[b-2chwc7yo44] .report-builder-container {
    display: flex;
    gap: 20px;
}

.page-heading[b-2chwc7yo44] {
    padding: 12px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
    justify-content: space-between;
}

    .page-heading > div[b-2chwc7yo44] {
        display: flex;
        gap: 12px;
    }

[b-2chwc7yo44] .page-heading .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
}

[b-2chwc7yo44] .page-heading .action-icon-button {
    height: 44px;
    width: 44px;
    background-color: #0A493F;
    color: #fff;
}

[b-2chwc7yo44] .report-builder-left-content {
    width: 420px;
    background-color: #fff;
    /* padding: 20px; */
    margin-top: -19px;
    margin-left: -23px;
    flex-shrink: 0;
    flex-grow: 0;
}



[b-2chwc7yo44] .report-builder-right-content {
    flex-grow: 1;
    background-color: #fff;
    border-radius: 5px;
    height: calc(100vh - 124px);
    overflow-y: auto;
}

    [b-2chwc7yo44] .report-builder-right-content .mud-tabs-panels {
        background-color: #fff !important;
        height: calc(100vh - 174px);
        overflow-y: auto;
    }

[b-2chwc7yo44] .report-builder-chart-container {
    padding: 20px;
    height: 100%;
}

[b-2chwc7yo44] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-2chwc7yo44] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-2chwc7yo44] .mud-table-sticky-header {
    height: calc(100vh - 184px) !important;
    box-shadow: none !important;
}

    [b-2chwc7yo44] .mud-table-sticky-header tr td {
        vertical-align: top;
    }

        [b-2chwc7yo44] .mud-table-sticky-header tr td:last-child, [b-2chwc7yo44] .mud-table-sticky-header tr th:last-child {
            text-align: center;
        }
/* Admin/Pages/Reports/ReportGuideModal.razor.rz.scp.css */

[b-4qtgqdgs58] .mud-dialog-title {
    display: none !important;
}

[b-4qtgqdgs58] .mud-dialog-content {
    padding: 0 !important;
    margin: 0 !important;
}

[b-4qtgqdgs58] .modal-header-image {
    background-image: url('./img/report-guide-banner.png');
    background-position: center;
    background-size: cover;
    height: 135px;
    width: 100%;
}

[b-4qtgqdgs58] .modal-content {
    padding: 24px;
    font-size: 16px;
    text-align: center;
}

[b-4qtgqdgs58] .mud-dialog-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    margin-bottom: 30px !important;
}

    [b-4qtgqdgs58] .mud-dialog-actions button {
        padding: 10px 20px !important;
    }
/* Admin/Pages/Reports/ReportList.razor.rz.scp.css */
.page-heading[b-qtfc1d5e2z] {
    padding: 20px;
    margin-bottom: 20px;
    margin-left: -24px;
    width: calc(100% + 48px);
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: center;
    background-color: #fff;
}

.admin-holder[b-qtfc1d5e2z] {
    overflow-y: auto;
    border-radius: 5px;
    height: calc(100vh - 205px);
    background-color: #fff;
}

[b-qtfc1d5e2z] .report-list-container {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

    [b-qtfc1d5e2z] .report-list-container > div {
        display: flex;
        width: calc(25% - 15px);
        border: 2px solid #eee;
        padding: 15px 10px;
        border-radius: 5px;
        gap: 10px;
    }



        [b-qtfc1d5e2z] .report-list-container > div .icon-holder {
            width: 50px;
            flex-grow: 0;
            flex-shrink: 0;
        }

            [b-qtfc1d5e2z] .report-list-container > div .icon-holder svg {
                width: 100%;
                font-size: 36px;
            }

        [b-qtfc1d5e2z] .report-list-container > div .report-holder {
            flex-grow: 1;
        }

[b-qtfc1d5e2z] .buttons-menu {
    align-self: end;
    height: 36px !important;
}

    [b-qtfc1d5e2z] .buttons-menu > svg {
        border: 1px solid rgba(0,165,135,1);
        font-size: 36px;
        padding: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: 0;
        color: rgba(0,165,135,1);
        cursor: pointer;
        margin-right: -13px;
    }

    [b-qtfc1d5e2z] .buttons-menu .mud-menu, [b-qtfc1d5e2z] .buttons-menu .mud-menu > button {
        border-left: 0 !important;
    }

[b-qtfc1d5e2z] .report-list-container > div .buttons {
    display: flex;
    justify-content: space-between;
}

    [b-qtfc1d5e2z] .report-list-container > div .buttons .mud-tooltip-root svg {
        position: relative;
        font-size: 33px;
        margin-bottom: -18px;
        margin-left: 5px;
        color: var(--mud-palette-primary);
    }

    [b-qtfc1d5e2z] .report-list-container > div .buttons a {
        padding: 5px 15px;
        margin-top: 10px;
        margin-right: 5px;
    }

[b-qtfc1d5e2z] .report-list-container > div .report-holder h3 {
    height: 50px;
    overflow: hidden;
}

[b-qtfc1d5e2z] .mud-tabs-panels {
    padding: 20px;
    background-color: #fff !important;
    height: calc(100vh - 182px);
    overflow-y: auto;
}

[b-qtfc1d5e2z] .mud-tabs-tabbar-content {
    border-bottom: 3px solid #eee;
    overflow: visible;
}

[b-qtfc1d5e2z] .mud-tab-slider-horizontal {
    transform: translate(0px, 2px);
}

[b-qtfc1d5e2z] .insight-container-main {
    max-width: 700px;
    margin: 0 auto;
}

[b-qtfc1d5e2z] .chat-container {
    display: flex;
    flex-direction: column;
    padding-bottom: 65px;
}

[b-qtfc1d5e2z] .chat-text-response {
    /*white-space: break-spaces;*/
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    [b-qtfc1d5e2z] .chat-text-response p, [b-qtfc1d5e2z] .chat-text-response ul, [b-qtfc1d5e2z] .chat-text-response ol, [b-qtfc1d5e2z] .chat-text-response table {
        margin-top: 20px;
    }

[b-qtfc1d5e2z] .chat-text-user {
    max-width: 80%;
    background-color: #f2f2f2;
    padding: 15px 20px;
    border-radius: 26px;
    float: right;
    white-space: break-spaces;
    font-size: 16px;
    align-self: end;
    display: inline-block;
}

[b-qtfc1d5e2z] .chart-container {
    width: 100%;
    height: 300px;
    border: 1px solid #d3d3d3;
    padding: 20px;
    border-radius: 7px;
    /* margin: 0 auto; */
    clear: both;
    margin-bottom: 10px;
    clip-path: inset(0 0 100% 0);
    display: none;
}

[b-qtfc1d5e2z] .chat-action-buttons {
    margin-left: -8px;
    margin-bottom: 30px;
    clip-path: inset(0 100% 0 0);
    animation-delay: 1.5s;
}

    [b-qtfc1d5e2z] .chat-action-buttons button {
        color: #b4b4b4;
        padding: 8px;
    }

        [b-qtfc1d5e2z] .chat-action-buttons button:hover {
            color: #4e4e4e;
        }

        [b-qtfc1d5e2z] .chat-action-buttons button svg {
            font-size: 20px;
        }


[b-qtfc1d5e2z] .text-container {
    position: fixed;
    bottom: 27px;
    width: 700px;
    z-index: 999;
    padding: 14px 0px 10px 0;
    background-color: #fff;
}

    [b-qtfc1d5e2z] .text-container .send-chat-btn {
        position: absolute;
        right: 10px;
        top: 26px;
        cursor: pointer;
        transition: 0.1s all linear;
    }

        [b-qtfc1d5e2z] .text-container .send-chat-btn:hover {
            transform: scale(1.05);
        }

        [b-qtfc1d5e2z] .text-container .send-chat-btn button {
            color: #205d53 !important;
            background-color: #e8e8e8 !important;
        }

            [b-qtfc1d5e2z] .text-container .send-chat-btn button:disabled {
                opacity: 0.5;
            }

            [b-qtfc1d5e2z] .text-container .send-chat-btn button svg {
                font-size: 30px;
            }

    [b-qtfc1d5e2z] .text-container textarea {
        width: 100%;
        border: 2px solid #eee;
        border-radius: 10px;
        height: 76px;
        resize: none;
        padding: 12px;
        font-size: 16px;
    }

        [b-qtfc1d5e2z] .text-container textarea:focus, [b-qtfc1d5e2z] .text-container textarea:focus-visible {
            border: 2px solid #55817a;
            outline: none;
        }


[b-qtfc1d5e2z] .chat-container-placeholder {
    margin: 0 auto;
    text-align: center;
    height: calc(100vh - 350px);
    width: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: -20px;
}

    [b-qtfc1d5e2z] .chat-container-placeholder h3 {
        font-size: 40px;
    }

    [b-qtfc1d5e2z] .chat-container-placeholder h5 {
        font-size: 16px;
        font-weight: normal;
    }

[b-qtfc1d5e2z] .chat-placeholder-samples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

    [b-qtfc1d5e2z] .chat-placeholder-samples > div {
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        width: 45%;
        display: flex;
        padding: 10px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s linear;
        cursor: pointer;
    }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div:hover {
            transform: scale(1.05);
        }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div svg {
            background: #bde6df;
            border-radius: 7px;
            padding: 10px;
            width: 40px;
            height: 40px;
            color: #0e5b4f;
            margin-right: 6px;
        }

        [b-qtfc1d5e2z] .chat-placeholder-samples > div svg, [b-qtfc1d5e2z] .chat-placeholder-samples > div label {
            cursor: pointer;
        }


[b-qtfc1d5e2z] .loading-blob {
    width: 20px;
    height: 20px;
    background-color: #55817a;
    animation: growShrink 1.5s infinite ease-in-out;
    border-radius: 50%;
    margin-top: 15px;
    margin-bottom: 50px;
}

.chat-text-error[b-qtfc1d5e2z] {
    text-align: center;
    padding: 13px;
    margin-top: 18px;
    border-radius: 24px;
    background-color: #ffeff3;
    color: #e26464;
    margin-bottom: 17px;
}

[b-qtfc1d5e2z] .page-heading {
    padding: 0;
    justify-content: center;
}

    [b-qtfc1d5e2z] .page-heading a {
        padding: 24px 24px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: rgb(66, 66, 66) !important;
    }

        [b-qtfc1d5e2z] .page-heading a:hover {
            background-color: rgba(0, 0, 0, 0.06);
            cursor: pointer;
            text-decoration: none;
        }

        [b-qtfc1d5e2z] .page-heading a.active {
            color: rgb(0, 165, 135) !important;
            border-bottom: 2px solid rgb(0, 165, 135);
        }

.header-container-right[b-qtfc1d5e2z] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 48px);
    margin-top: -19px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -24px;
    display: flex;
}

[b-qtfc1d5e2z] .header-container-right > div {
    width: 100%;
    max-width: 700px;
    display: flex;
    margin: 0 auto;
}

[b-qtfc1d5e2z] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-qtfc1d5e2z] .header-container-right .mud-input-control {
    margin: 0;
}

[b-qtfc1d5e2z] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-qtfc1d5e2z] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}

[b-qtfc1d5e2z] .skel-holder {
    flex-direction: column;
    gap: 20px;
}


    [b-qtfc1d5e2z] .skel-holder span.mud-skeleton-rectangle {
        width: 100%;
        height: 50px;
        border-radius: 3px;
    }

        [b-qtfc1d5e2z] .skel-holder span.mud-skeleton-rectangle:last-child {
            width: 32%;
            height: 35px;
        }


[b-qtfc1d5e2z] .no-records-matching {
    padding: 20px;
    padding-bottom: 50px;
    height: calc(100vh - 255px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0.6;
    transition: all 0.1s linear;
}
/* Admin/Pages/Users/UserEdit.razor.rz.scp.css */
.component-root[b-1zvg8ire26] {
    padding: 20px 0;
}

.header-container[b-1zvg8ire26] {
    padding-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #DEE1E3;
    background-color: #fff;
}

[b-1zvg8ire26] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-1zvg8ire26] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}

.left-container[b-1zvg8ire26] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-1zvg8ire26] {
    padding: 20px;
    height: calc(100vh - 92px);
    overflow: auto;
}

[b-1zvg8ire26] .left-col {
    background-color: #fff;
}


[b-1zvg8ire26] .buttons-holder {
    width: 768px;
    margin: 0 auto;
}

.user-detail-item[b-1zvg8ire26], .user-profile-item[b-1zvg8ire26] {
    display: flex;
}

.user-profile-item[b-1zvg8ire26] {
    display: flex;
    align-items: center;
    border: 2px solid #DEE1E3;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 20px;
}

    .user-profile-item img[b-1zvg8ire26] {
        width: 65px;
        height: 65px;
        border-radius: 55px;
        margin-right: 10px;
    }

    .user-profile-item > span[b-1zvg8ire26] {
        display: inline-block;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        margin-right: 10px;
        color: red;
        font-size: 34px;
        background-color: #0e796f;
        color: #fff;
        transition: all linear 0.1s;
        text-align: center;
        padding-top: 7px;
        border: 3px solid #0e796f;
    }

    .user-profile-item > div span[b-1zvg8ire26], .user-profile-item > div strong[b-1zvg8ire26] {
        display: block;
    }

    .user-profile-item > div strong[b-1zvg8ire26] {
        font-size: 16px;
    }

    .user-profile-item > div span[b-1zvg8ire26] {
        color: #626D78;
    }


.icon-holder[b-1zvg8ire26] {
    width: 40px;
    display: inline-block;
    padding: 15px 10px 10px 0px;
}

    .icon-holder img[b-1zvg8ire26] {
        width: 30px;
    }

.content-holder[b-1zvg8ire26] {
    flex-grow: 1;
    padding: 10px;
    border-bottom: 2px solid #DEE1E3;
}

    .content-holder span[b-1zvg8ire26] {
        display: block;
        line-height: 25px;
        color: #626D78;
    }

    .content-holder strong[b-1zvg8ire26] {
        display: block;
        line-height: 25px;
        color: #384048;
    }

    .content-holder .content-with-action[b-1zvg8ire26] {
        display: flex;
        justify-content: space-between;
    }

        .content-holder .content-with-action span[b-1zvg8ire26] {
            display: inline;
        }

[b-1zvg8ire26] .content-holder .content-with-action .mud-button {
    padding: 0px 15px;
    margin-top: -20px;
    margin-bottom: 5px;
}



.tab-container[b-1zvg8ire26] {
    width: calc(100% + 24px);
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: -10px;
}

[b-1zvg8ire26] .mud-tabs-panels {
    min-height: 200px;
    height: calc(100vh - 100px);
    margin-bottom: -25px;
    border-bottom-right-radius: 15px;
    overflow-x: hidden;
}

[b-1zvg8ire26] .mud-tab {
    padding: 24px;
}

[b-1zvg8ire26] .mud-tabs-tabbar {
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    border-top-right-radius: 15px;
}


[b-1zvg8ire26] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
}



[b-1zvg8ire26] .user-form-holder {
    padding: 20px;
}

.user-form-header[b-1zvg8ire26] {
    margin-bottom: 30px;
}

    .user-form-header h6[b-1zvg8ire26] {
        font-size: 20px;
    }

    .user-form-header p[b-1zvg8ire26] {
        color: #626D78;
    }

.role-options[b-1zvg8ire26] {
    margin-bottom: 20px;
}

[b-1zvg8ire26] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}
/* Admin/Pages/Users/UserList.razor.rz.scp.css */
.component-root[b-c6zw0rkwxq] {
    padding: 20px 0;
    margin-left: -34px;
}

.header-container[b-c6zw0rkwxq] {
    border-bottom: 1px solid #DEE1E3;
    padding: 20px;
}

[b-c6zw0rkwxq] .header-container h6 {
    display: inline-block;
    font-weight: bold;
}

[b-c6zw0rkwxq] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-top: -7px;
    margin-right: 10px;
}


[b-c6zw0rkwxq] .mud-drawer-header .mud-icon-button {
    background-color: #ECEDEE;
    padding: 5px;
    margin-right: 10px;
}


.left-container[b-c6zw0rkwxq] {
    margin: -20px -12px -20px -24px;
    margin-bottom: 10px;
    background-color: #fff;
}

.left-content[b-c6zw0rkwxq] {
    padding: 20px;
    height: calc(100vh - 92px);
}

.header-container-right[b-c6zw0rkwxq] {
    background-color: #fff;
    border-bottom: 1px solid #DEE1E3;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
    width: calc(100% + 24px);
    margin-top: -20px;
    padding: 13px 30px;
    margin-bottom: 20px;
    margin-left: -10px;
    display: flex;
}

[b-c6zw0rkwxq] .header-container-right .mud-button {
    padding: 10px 25px;
    margin-left: 20px;
}

[b-c6zw0rkwxq] .header-container-right .mud-input-control {
    margin: 0;
}

[b-c6zw0rkwxq] .mud-picker-inline {
    max-width: 350px;
    margin-right: 10px;
}

[b-c6zw0rkwxq] .header-container-right .mud-input-outlined-border {
    border-radius: 25px !important;
}


[b-c6zw0rkwxq] .mud-table-container {
    height: calc(100vh - 220px);
    padding: 5px 15px;
}

[b-c6zw0rkwxq] .mud-grid {
    margin-left: 24px;
    padding-right: 32px;
}

[b-c6zw0rkwxq] th {
    color: #818A92 !important;
}

[b-c6zw0rkwxq] td .mud-chip {
    margin-top: -10px;
    margin-bottom: -8px;
}

[b-c6zw0rkwxq] td {
    vertical-align: top;
}

    [b-c6zw0rkwxq] td span {
        display: block;
        font-weight: bold;
    }

        [b-c6zw0rkwxq] td span:nth-child(2) {
            color: #626D78;
            font-weight: normal;
        }


[b-c6zw0rkwxq] th:nth-child(3), [b-c6zw0rkwxq] tr td:nth-child(3) {
    text-align: right;
}

[b-c6zw0rkwxq] th:nth-child(3) {
    width: 200px;
}

.filter-container[b-c6zw0rkwxq] {
    margin-bottom: 20px;
}

    .filter-container h5[b-c6zw0rkwxq] {
        font-size: 16px;
        margin-bottom: 10px;
    }

[b-c6zw0rkwxq] .mud-input-control-boolean-input {
    display: block;
    padding: 6px 0px;
    margin-right: 0;
}

[b-c6zw0rkwxq] .mud-radio-content {
    font-size: 14px;
}

[b-c6zw0rkwxq] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}


[b-c6zw0rkwxq] .mud-radio-button {
    color: #d6d6d6;
}

[b-c6zw0rkwxq] .mud-checked > .mud-radio-button {
    color: #009D81 !important;
}


[b-c6zw0rkwxq] .mud-input-control-boolean-input.checked {
    width: 100%;
    display: inline-block;
    background-color: #DCF2EE;
    padding-top: 5px;
    padding-bottom: 7px;
    border-radius: 4px;
    margin-top: 1px;
}

[b-c6zw0rkwxq] .left-content .mud-checkbox .mud-icon-button {
    color: #d6d6d6;
}

[b-c6zw0rkwxq] .mud-input-control-boolean-input.checked .mud-checkbox .mud-icon-button {
    color: #009D81;
}


[b-c6zw0rkwxq] .mud-radio .mud-icon-button, [b-c6zw0rkwxq] .mud-input-control-boolean-input .mud-icon-button {
    padding: 5px;
    margin-top: -2px;
}

[b-c6zw0rkwxq] .mud-checkbox p {
    font-size: 14px;
}

[b-c6zw0rkwxq] .mud-checked + .mud-radio-content {
    width: 100%;
    display: inline-block;
    padding-left: 35px;
    margin-left: -35px;
    background-color: #DCF2EE;
    padding-top: 14px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-top: -18px;
    margin-bottom: -13px;
}


[b-c6zw0rkwxq] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-c6zw0rkwxq] {
    padding: 12px 24px 12px 24px;
}

[b-c6zw0rkwxq] .draw-content .mud-form .input-field {
    flex-direction: column;
}


form .input-field[b-c6zw0rkwxq] {
    margin-bottom: 20px;
    display: flex;
}

[b-c6zw0rkwxq] form .mud-input-control-input-container {
    /*box-shadow: 0px 2px 1px -2px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.05), 0px 1px 3px 0px rgba(0,0,0,0.12);*/
    border-radius: 5px;
}

.info-message[b-c6zw0rkwxq] {
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
    background-color: rgb(10, 73, 63);
    color: #fff;
}

.role-options[b-c6zw0rkwxq] {
    margin-bottom: 20px;
    margin-top: 5px;
}

[b-c6zw0rkwxq] .role-options .mud-icon-button {
    padding: 5px;
    padding-left: 0;
}

[b-c6zw0rkwxq] .draw-content .mud-input-control-boolean-input {
    padding: 0;
}

[b-c6zw0rkwxq] .custom-error {
    position: relative;
    margin-left: 0;
    padding-left: 16px;
    margin-top: 10px;
}

[b-c6zw0rkwxq] .deactivated-status-chip {
    background-color: #FFEBEE !important;
    color: #F44336 !important;
}
/* Admin/Pages/Users/UserPostcodeGroup.razor.rz.scp.css */
.input-field[b-3qshvomzna] {
    position: relative;
}

.save-indicator[b-3qshvomzna] {
    position: absolute;
    top: 4px;
    right: 8px;
    font-size: 0.75rem;
    pointer-events: none;
}
/* Admin/Shared/ActiveCall/ActiveCallRooms.AreaEdit.razor.rz.scp.css */
[b-gmd20d2qj0] .area-edit .mud-input {
    margin-top: 0 !important;
}

[b-gmd20d2qj0] .fs-15 {
    font-size: 15px;
}

[b-gmd20d2qj0] .shadow-btn {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

[b-gmd20d2qj0] .call-areas-header {
    display: flex;
    height: 50px;
    align-items: center;
    border: 2px solid #eee;
    padding: 10px;
    border-radius: 10px;
}



    [b-gmd20d2qj0] .call-areas-header:hover {
        cursor: pointer;
    }

    [b-gmd20d2qj0] .call-areas-header svg {
        transition: all 0.15s linear;
    }

    [b-gmd20d2qj0] .call-areas-header:hover svg {
        transform: scale(1.15);
    }


    [b-gmd20d2qj0] .call-areas-header.expanded {
        background-color: #0A493F;
        color:#fff;
    }

        [b-gmd20d2qj0] .call-areas-header.expanded label, [b-gmd20d2qj0] .call-areas-header:hover label {
            font-weight: bold;
        }

[b-gmd20d2qj0] .call-areas-header-icon {
    height: 23px;
    margin-right: 10px;
}

[b-gmd20d2qj0] .call-areas-header-label {
    flex-grow: 1;
}
/* Admin/Shared/ActiveCall/ActiveCallRooms.razor.rz.scp.css */
[b-j9a8vag8bm] .call-recording .timer-block {
    background: var(--mud-palette-primary);
    border-radius: 0.25rem;
    border-radius: 0.25rem;
    text-align: center;
}

[b-j9a8vag8bm] .timer-block {
    text-align: center;
}

[b-j9a8vag8bm] .recording-controls {
    display: none;
}

[b-j9a8vag8bm] .call-recording .recording-controls {
    display: block;
}

[b-j9a8vag8bm] .call-recording .timestamp {
    color: white;
    padding: 3px 5px;
}

[b-j9a8vag8bm] .radio-hack {
    margin-right: 1rem;
}

[b-j9a8vag8bm] .mud-menu {
    margin-left: -1rem;
}

    [b-j9a8vag8bm] .mud-menu button {
        padding: 0.25rem;
    }

[b-j9a8vag8bm] .call-rooms-list {
    margin: 10px 21px;
    position: relative;
}

    [b-j9a8vag8bm] .call-rooms-list li {
        list-style: none;
        border-radius: 10px;
        margin-bottom: 3px;
    }

        [b-j9a8vag8bm] .call-rooms-list li:hover {
            background-color: var(--mud-palette-primary-transparent);
            border-radius: 10px;
        }

[b-j9a8vag8bm] li {
    list-style-type: none;
}

[b-j9a8vag8bm] .inspection-areas-holder > div:last-child {
    height: calc(100vh - 288px);
    overflow-x: hidden;
    overflow-y: auto;
}

[b-j9a8vag8bm] .inspection-areas-holder > div:first-child {
    padding: 1px 8px 1px 17px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    [b-j9a8vag8bm] .inspection-areas-holder > div:first-child h3 {
        font-size: 20px;
    }



[b-j9a8vag8bm] .inspection-area-include-option-holder {
    border-top: 1px solid #ced4d3;
}

[b-j9a8vag8bm] .inspection-area-include-option {
    height: 30px;
}

[b-j9a8vag8bm] .inspection-area-add-button {
    margin: 20px 17px;
}

[b-j9a8vag8bm] .inspection-areas-list > div {
    padding: 2px 10px;
}

    [b-j9a8vag8bm] .inspection-areas-list > div > div {
        border-radius: 10px;
    }


[b-j9a8vag8bm] .add-sub-area-btn {
    position: absolute;
    right: -16px;
    padding: 7px;
    color: #fff;
    top: -54px;
}

    [b-j9a8vag8bm] .add-sub-area-btn:hover {
        background-color: #1b7769;
    }

[b-j9a8vag8bm] .edit-room-name-holder {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    position: relative;
    align-items: center;
    height:25px
}

[b-j9a8vag8bm] .edit-sub-area-btn {
    position: absolute;
    right: -10px;
    top: -6px;
    padding: 6px;
    display: none;
}

[b-j9a8vag8bm] .save-sub-area-btn {
    position: absolute;
    right: -10px;
    top: 7px;
    padding: 6px;
}

[b-j9a8vag8bm] .selected .edit-sub-area-btn {
    display: block;
}

[b-j9a8vag8bm] .selected .mud-input-input-control {
    margin-right: 35px;
    background-color: #fff;
    margin-top: 3px;
    margin-bottom: 3px;
}
/* Admin/Shared/ActiveCall/CallControlRow.razor.rz.scp.css */
[b-ofz6dcfmyq].call-details {
    background: white;
    padding: 0.5rem;
    position:relative;
}

    [b-ofz6dcfmyq].call-details .mud-chip {
        border-radius: 0.25rem;
    }

[b-ofz6dcfmyq].record-banner {
    padding: 1rem;
    background: var(--mud-palette-primary);
    color: white;
    font-size: larger;
    text-align: center;
}

    [b-ofz6dcfmyq].record-banner .mud-icon-root {
        margin-bottom: -0.3rem;
        margin-right: 0.5rem;
    }

[b-ofz6dcfmyq] .room-edit .mud-input {
    margin-top: 0 !important;
}

[b-ofz6dcfmyq] .shadow-btn {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

[b-ofz6dcfmyq] .call-action-btn {
    padding: 0px 15px;
    height: 43px;
    margin-left: 10px;
}

    [b-ofz6dcfmyq] .call-action-btn svg {
        margin-right: 5px;
        height: 17px;
    }

[b-ofz6dcfmyq] .mr-10 {
    margin-right: 10px;
}

[b-ofz6dcfmyq] .p-relative {
    position: relative;
}

[b-ofz6dcfmyq] .room-edit-icon {
    position: absolute;
    height: 14px;
    cursor: pointer;
}

[b-ofz6dcfmyq] .room-label {
    cursor: pointer;
    user-select: none;
}

    [b-ofz6dcfmyq] .room-label:hover {
        text-decoration: underline;
    }

[b-ofz6dcfmyq] .ai-container {
    position: absolute;
    left: 11px;
    bottom: 165px;   
    display: flex;
    flex-direction: column;
    justify-content: end;
}

[b-ofz6dcfmyq] .ai-header {
    background-color: #fff;
    padding: 5px 0px 5px 10px;
    display: inline-block;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.2);
    font-weight: bold;
    margin-top: 15px;
    width: 145px;
    z-index: 9998;
}

    [b-ofz6dcfmyq] .ai-header .mud-icon-root {
        margin-top: -15px;
        top: 6px;
        left: 35px;
        position: relative;
    }

[b-ofz6dcfmyq] .ai-body {
    background-color: #363636;
    color: #eee !important;
    border-radius: 10px;
    padding: 15px 15px 15px 10px;
    position: relative;
    display: none;
    z-index: 9998;
}

[b-ofz6dcfmyq] .ai-container:hover .ai-body {
    display: block;
}

[b-ofz6dcfmyq] .triUp {
    position: absolute;
    bottom: 2px;
    left: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #363636;
    border-bottom: 0;
    margin-left: -10px;
    margin-bottom: -10px;
}




@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-ring-b-ofz6dcfmyq {
    0% {
        transform: scale(0.33);
    }

    80%, 100% {
        opacity: 0;
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}

@keyframes pulse-dot-b-ofz6dcfmyq {
    0% {
        transform: scale(0.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.8);
    }
}
/* Admin/Shared/ActiveCall/VideoCallControlRow.razor.rz.scp.css */

[b-s77e93lhic] #in-video-controls-host-left {
    position: absolute;
    bottom: 10px;
    padding: 9px 0px 23px 15px;
    text-align: center;
    border-radius: 13px;   
    z-index: 999;   
    background-color: rgb(255 255 255 / 10%);    
    display: flex;
    justify-content: space-between;
    border: 2px solid rgb(255 255 255 / 20%);
    backdrop-filter: blur(8px);
    left: 9px;
}
    [b-s77e93lhic] #in-video-controls-host-left:hover {
        background-color: rgba(10, 73, 63, 0.5);
    }

    [b-s77e93lhic] #in-video-controls-host-left > div {
        display: flex;
    }


    [b-s77e93lhic] #in-video-controls-host-left .control-icon-button {
        background-color: rgb(255 255 255 / 40%);
        color: #fff;
        border-radius: 50%;
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
        position: relative;
    }

    [b-s77e93lhic] #in-video-controls-host-left .control-popover-holder .control-icon-button label {
        display: none;
    }

    [b-s77e93lhic] #in-video-controls-host-left .control-popover-holder .control-icon-button:hover label {
        display: flex;
    }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover-holder {
            width: 318px;
            height: auto;
            position: absolute;
            bottom: 34px;
            left: -15px;
            display: none;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:nth-child(1) .control-popover-holder {
            left: -15px;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:nth-child(2) .control-popover-holder {
            left: -76px;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button:hover .control-popover-holder {
            display: block;
        }

        [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover-holder-devices {
            height: auto;
            position: absolute;
            left: 28px;
            bottom: -58px;
            width: 350px;
            padding-left: 45px;
            display: none;
        }

[b-s77e93lhic] .camera-select .mud-input-control-input-container > div {
    justify-content: start;
    display: flex;
    flex-direction: column;
}

[b-s77e93lhic] .camera-select > .mud-input-control-boolean-input {
    margin-bottom: 0 !important;
}

    [b-s77e93lhic] .camera-select > .mud-input-control-boolean-input .mud-radio-icons, [b-s77e93lhic] .camera-select > .mud-input-control-boolean-input .mud-radio-content {
        color: #fff;
        font-size: 13px;
    }

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-icon-button:hover .control-popover-holder-devices {
    display: block;
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover {
    border-radius: 13px;
    background-color: rgba(10, 73, 63, 0.5);
    border: 2px solid rgb(255 255 255 / 20%);
    padding: 8px;
    margin-bottom: 32px;
}
    [b-s77e93lhic] #in-video-controls-host-left .control-icon-button .control-popover:hover {
        background-color: rgba(10, 73, 63, 0.5);
    }

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button.capture {
    height: 50px;
    width: 80px;    
    border-radius: 30px;
    background-color: rgb(0 165 135 / 60%);
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button.capture-recording {
    height: 50px;
    width: 80px;
    border-radius: 30px;
    background-color: #d65252;
}

 

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button > label {
    position: absolute;
    bottom: -19px;
    font-size: 10px;
}

[b-s77e93lhic] #in-video-controls-host-left .control-icon-button .mud-icon-button {
    color: #fff;
}

#in-video-controls-host-left .control-icon-button.call-end[b-s77e93lhic] {
    background-color: #d65252;
}


#in-video-controls-host[b-s77e93lhic] {
    position: absolute;
    bottom: 10px;
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-radius: 100px;
    left: calc(50% - 125px);
    z-index: 9998;
    display: flex;
}

    #in-video-controls-host > div[b-s77e93lhic] {
        background-color: rgba(0, 0, 0, 0.4);
        color: #fff;
        border-radius: 50%;
        height: 60px;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 10px;
    }


[b-s77e93lhic] #in-video-controls-host > div .mud-icon-button {
    color: #fff;
}

#in-video-controls[b-s77e93lhic] {
    position: absolute;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-radius: 100px;
    left: 7px;
    z-index: 9998;
}

    #in-video-controls div[b-s77e93lhic] {
        display: inline-block;
    }
/* Admin/Shared/Administration/ClientInspectionTypes.razor.rz.scp.css */
[b-spwxr2hile] .admin-inspection-tag {
    padding: 3px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d4d4d4;
}

    [b-spwxr2hile] .admin-inspection-tag > div:first-child {
        display: flex;
        flex-grow: 1;
        align-items: center;
        margin-right: 10px;
        margin-left: 10px;
        justify-content: space-between;
    }



    [b-spwxr2hile] .admin-inspection-tag h3 {
        font-size: 15px;
        display: flex;
        align-items: center;
        font-weight: normal;
    }
/* Admin/Shared/Administration/ClientOutcomesEditor.razor.rz.scp.css */
.outcome-delete[b-uzpa85059a] {
    flex-grow: 1;
    text-align: right;
    display: inline-block;
    position: absolute;
    right: 0;
}

.outcome-field[b-uzpa85059a] {
    opacity: 1;
    display: inline-block;
    width: 50%;
}

.outcome[b-uzpa85059a]{
    position: relative;
}

[b-uzpa85059a] .add-outcome-btn {
    height: 30px;
    border-radius: 20px;
}
/* Admin/Shared/Administration/ClientSettings.razor.rz.scp.css */



[b-l0kf0mi4sz] .left-col {
    background-color: #fff;
}



.detail-item[b-l0kf0mi4sz], .profile-item[b-l0kf0mi4sz] {
    display: flex;
}


[b-l0kf0mi4sz] .buttons-holder {
    width: 768px;
    margin: 0 auto;
    margin-top: 10px;
}

.form-holder[b-l0kf0mi4sz] {
    padding: 10px 20px;
}

/* Admin/Shared/Administration/ClientSystemStyling.razor.rz.scp.css */

[b-2fl0mo6rh8] .tab-content-container {
    height: calc(100vh - 200px);
    overflow: auto;
    max-width: 768px;
    margin: 0 auto;
    padding: 14px 18px;
}

[b-2fl0mo6rh8] .color-picker-container {
    width: 220px;
    display: flex;
    gap: 12px;
}

[b-2fl0mo6rh8] .colour-block {
    height: 45px;
    width: 45px;
    flex-shrink: 0;
    border-radius: 5px;
}
/* Admin/Shared/Administration/InspectionTypes.razor.rz.scp.css */
[b-h13sucozq0].inspection-types-holder th {
  color: #818A92 !important;
}
[b-h13sucozq0].inspection-types-holder th:nth-child(2) {
  width: 160px;
}
[b-h13sucozq0].inspection-types-holder .mud-table-container {
  height: calc(100vh - 200px);
}
[b-h13sucozq0].inspection-types-holder .mud-drawer {
  background-color: #fff;
}
[b-h13sucozq0].inspection-types-holder .mud-drawer .mud-input-number-control .mud-input-control-input-container {
  width: 130px;
}
[b-h13sucozq0].inspection-types-holder .draw-content {
  padding: 12px 24px 12px 24px;
}
[b-h13sucozq0].inspection-types-holder .draw-content .mud-form .input-field {
  flex-direction: column;
}
[b-h13sucozq0].inspection-types-holder .draw-content form .input-field {
  display: flex;
}
/* Admin/Shared/AnonLayout.razor.rz.scp.css */
.page[b-ta93xb23md] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ta93xb23md] {
    flex: 1;
}

.sidebar[b-ta93xb23md] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ta93xb23md] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ta93xb23md]  a, .top-row[b-ta93xb23md]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ta93xb23md]  a:hover, .top-row[b-ta93xb23md]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ta93xb23md]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-ta93xb23md] {
        display: none;
    }

    .top-row.auth[b-ta93xb23md] {
        justify-content: space-between;
    }

    .top-row[b-ta93xb23md]  a, .top-row[b-ta93xb23md]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ta93xb23md] {
        flex-direction: row;
    }

    .sidebar[b-ta93xb23md] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ta93xb23md] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ta93xb23md]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ta93xb23md], article[b-ta93xb23md] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* Admin/Shared/Appointment/AppointmentFilter.razor.rz.scp.css */
[b-laoxop6dnp].left-container {
    height: calc(100vh - 1.25rem);
    background-color: #fff;
}

    [b-laoxop6dnp].left-container .left-content {
        padding: 20px;
        height: calc(100vh - 5.75rem);
        overflow: auto;
    }

    [b-laoxop6dnp].left-container .header-container {
        padding: 1.25rem;
        border-bottom: 1px solid #E5EBEA;
    }

    [b-laoxop6dnp].left-container .filter-container {
        margin-bottom: 10px;
    }

        [b-laoxop6dnp].left-container .filter-container h5 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

    [b-laoxop6dnp].left-container .mud-radio-group label {
        margin: 0.1rem 0;
        display: block;
        padding: 0.3rem 0;
    }

        [b-laoxop6dnp].left-container .mud-radio-group label .mud-checked + .mud-radio-content {
            background-color: #DCF2EE;
        }

        [b-laoxop6dnp].left-container .mud-radio-group label .mud-radio-content {
            width: 100%;
            display: inline-block;
            padding-left: 35px;
            margin-left: -35px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
            margin-top: -18px;
            margin-bottom: -13px;
        }

    [b-laoxop6dnp].left-container .mud-input-control-boolean-input {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        margin-top: 1px;
        font-size: 14px;
    }

        [b-laoxop6dnp].left-container .mud-input-control-boolean-input.checked {
            background-color: #DCF2EE;
        }

    [b-laoxop6dnp].left-container .mud-input-control-boolean-input {
        display: block;
        margin-right: 0;
    }

        [b-laoxop6dnp].left-container .mud-input-control-boolean-input .mud-icon-button {
            margin-top: -2px;
            padding: 5px;
        }


.reset-button-label[b-laoxop6dnp]{
    display:flex;
    align-items:center;
    gap:5px;
}
/* Admin/Shared/Appointment/AppointmentTable.razor.rz.scp.css */
[b-mruq5shy8g] .hidden-portrait {
    display: none;
}

[b-mruq5shy8g] .hidden-tablecells {
    display: none !important;
}

@container(min-width:830px) {
    [b-mruq5shy8g] .hidden-portrait {
        display: inline-block;
    }
}

@container(min-width:730px) {
    [b-mruq5shy8g] .hidden-tablecells {
        display: table-cell !important;
    }
}

[b-mruq5shy8g] .appointments-table table {
    table-layout: fixed;
}

[b-mruq5shy8g] .appointments-table td > a {
    display: block;
    padding: 16px;
    color: var(--mud-palette-text-primary); 
}

[b-mruq5shy8g] .appointments-table td {
    padding: 0 !important;
}

[b-mruq5shy8g] th:nth-child(5) {
    text-align: left;
}

[b-mruq5shy8g] th:nth-child(1) {
}

[b-mruq5shy8g] th:nth-child(2) {
}

[b-mruq5shy8g] th:nth-child(3) {
}

[b-mruq5shy8g] td:nth-child(2) span {
    max-width: 130px;
    text-align: left;
}

[b-mruq5shy8g] td:nth-child(4) .mud-tooltip-root {
    width: 100%;
}

[b-mruq5shy8g] td:nth-child(5) span {
    max-width: 205px;
}


[b-mruq5shy8g] td {
    vertical-align: middle;
}

    [b-mruq5shy8g] td span {
        display: block;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        text-wrap: nowrap;
        white-space: nowrap;
    }

        [b-mruq5shy8g] td span.col-grey {
            color: #626D78;
            font-weight: normal;
        }

        [b-mruq5shy8g] td span.col-grey-full-width {
            color: #626D78;
            font-weight: normal;
            width: 100% !important;
        }



[b-mruq5shy8g] tr td:nth-child(5) {
    text-align: left;
}

[b-mruq5shy8g] .surveyor-field {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-top: 5px;
}

    [b-mruq5shy8g] .surveyor-field label {
        display: inline;
        margin-left: 10px;
        font-weight: 500 !important;
    }

    [b-mruq5shy8g] .surveyor-field .initials {
        min-width: 32px;
        min-height: 32px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #0d7162;
        color: #fff;
        font-weight: bold;
        text-align: center;
        padding-top: 5px;
    }

    [b-mruq5shy8g] .surveyor-field > div {
        display: inline;
        height: 32px;
    }

        [b-mruq5shy8g] .surveyor-field > div img {
            width: 32px;
            height: 32px;
            border-radius: 50%;
        }


[b-mruq5shy8g] .outcome-label {
    font-size: 11px;
    font-weight: 900 !important;
}


/* Mobile styles */
/*.inspection-type-mob {
    color: #626D78;
    line-height: 15px;
    display: inline-block;
}

.status-chip-mob {
    display: inline-block;
    width: 100%;
}

::deep .date-mob {
}

::deep .date-arrow-mob {
    padding: 6px 0 0 0;
    color: #626D78
}

::deep .address-mob {
    color: #384048;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-align: left;
}*/

/*::deep .appointment-card-mob .mud-card-content > div {
    display: flex;
    justify-content: space-between;
}

    ::deep .appointment-card-mob .mud-card-content > div .address-container {
        width: 100%;
        font-size: 17px;
        flex-grow: 1;
    }

    ::deep .appointment-card-mob .mud-card-content > div .status-chip-mob {
        width: auto;
        text-align: right;
    }

    ::deep .appointment-card-mob .mud-card-content > div .inspection-type-mob {
        width: 100%;
        color: rgba(0, 165, 135, 1) !important;
        font-weight: bold;
        margin-top: 5px;
    }

    ::deep .appointment-card-mob .mud-card-content > div .address-label {
        font-weight: bold;
    }

    ::deep .appointment-card-mob .mud-card-content > div .postcode-label {
        display: block;
        font-size: 13px;*/
/* color: #333; */
/*color: #818A92;
    }

    ::deep .appointment-card-mob .mud-card-content > div .date-mob {
        width: 100%;
        text-align: right;
    }*/

[b-mruq5shy8g] .appointment-icon {
    width: 15px;
    top: 6px;
    position: relative;
}



[b-mruq5shy8g] .mud-tooltip-root.mud-tooltip-inline {
    max-width: 100%;
}
/* Admin/Shared/Appointment/DateRangeDisplay.razor.rz.scp.css */
[b-qfjihaveb2] .booking-date {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #E5EBEA;
    border-bottom: 1px solid #E5EBEA;
    z-index: 0;
    position: relative;
    font-weight: 500;
    min-width: 50px;
    text-align: center;
    user-select: none;
    background-color: white;
    margin-right: 4px;
}
    [b-qfjihaveb2] .booking-date:hover {
        background-color: #F8F8F9;
    }

    [b-qfjihaveb2] .booking-date span {
        color: #626D78;
    }

    [b-qfjihaveb2] .booking-date .day-of-week {
        color: #626D78;
    }

    [b-qfjihaveb2] .booking-date strong {
        font-size: 20px;
    }

    [b-qfjihaveb2] .booking-date.first-date {
        border-left: 1px solid #E5EBEA;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    [b-qfjihaveb2] .booking-date.last-date {
        border-right: 1px solid #E5EBEA;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    [b-qfjihaveb2] .booking-date.no-availability {
        color: rgb(173, 179, 185);
        background-color: #F8F8F9;
        cursor: default !important;
    }

    [b-qfjihaveb2] .booking-date.selected {
        background: #DCF2EE;
        border: 1px solid #009D81;
        border-radius: 3px;
    }

[b-qfjihaveb2] .no-availability > span {
    text-decoration: line-through;
  
}

[b-qfjihaveb2] .next-dates-button {
    width: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    [b-qfjihaveb2] .next-dates-button .mud-button-label {
        display: block;
        width: auto;
    }

[b-qfjihaveb2] .previous-dates-button {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-qfjihaveb2] .next-dates-button {
    width: 100px;
    padding-top: 5px;
    padding-bottom: 5px;
}

[b-qfjihaveb2] .next-prev-container {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
}

[b-qfjihaveb2] .days-container {
    display: inline-block;
    width: calc(100% - 230px);
}

@media(max-width:1368px) {
    [b-qfjihaveb2] .previous-dates-button {
        width: 100px;
    }

    [b-qfjihaveb2] .next-dates-button {
        width: 100px;
    }

    [b-qfjihaveb2] .days-container {
        display: block;
        width: 95dvw;
    }

    [b-qfjihaveb2] .next-prev-container {
        margin-left: auto;
        display: none;
        font-size: small;
        zoom: 0.8;
        position: relative;
        top: -7px;
        padding-top: 0;
        text-align: right;
        right: -14px;
    }
    
    [b-qfjihaveb2] .next-prev-container button {
        width: 30px;    
    }

    [b-qfjihaveb2] .next-prev-container button:last-child {
        position:relative;
        left: -30px;
    }
    
    [b-qfjihaveb2] .pre-prev-icon {
        display: inline-block;
    }

    [b-qfjihaveb2] .post-prev-icon {
        display: none;
    }
    
    [b-qfjihaveb2] .btn-text {
        display: none;
    }
}


    [b-qfjihaveb2] .previous-dates-button .mud-button-label {
        display: block;
        width: auto;
    }

[b-qfjihaveb2] .pre-prev-icon {
    display: unset;
}

[b-qfjihaveb2] .post-prev-icon {
    display: none;
}

@media only screen and (max-width:1560px) {
    [b-qfjihaveb2] .pre-prev-icon {
        display: none;
    }

    [b-qfjihaveb2] .post-prev-icon {
        display: unset;
    }
}
/* Admin/Shared/MainLayout.razor.rz.scp.css */
.page[b-t221yvxnfk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-t221yvxnfk] {
    flex: 1;
}

.sidebar[b-t221yvxnfk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-t221yvxnfk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-t221yvxnfk]  a, .top-row[b-t221yvxnfk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-t221yvxnfk]  a:hover, .top-row[b-t221yvxnfk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-t221yvxnfk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-t221yvxnfk] {
        display: none;
    }

    .top-row.auth[b-t221yvxnfk] {
        justify-content: space-between;
    }

    .top-row[b-t221yvxnfk]  a, .top-row[b-t221yvxnfk]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-t221yvxnfk] {
        flex-direction: row;
    }

    .sidebar[b-t221yvxnfk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-t221yvxnfk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-t221yvxnfk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-t221yvxnfk], article[b-t221yvxnfk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* Admin/Shared/NavMenu.razor.rz.scp.css */

.logged-in-user-container[b-u1hmjo9vqe]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85px;
    position: fixed;
    bottom: 0;
}

.has-hubspot .logged-in-user-container[b-u1hmjo9vqe]{
    margin-bottom:85px;
}

.navbar-toggler[b-u1hmjo9vqe] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-u1hmjo9vqe] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-u1hmjo9vqe] {
    font-size: 1.1rem;
}

.oi[b-u1hmjo9vqe] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-u1hmjo9vqe] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-u1hmjo9vqe] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-u1hmjo9vqe] {
        padding-bottom: 1rem;
    }

    .nav-item[b-u1hmjo9vqe]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-u1hmjo9vqe]  a.active {
            background-color: rgba(255,255,255,0.25);
            color: white;
        }

        .nav-item[b-u1hmjo9vqe]  a:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-u1hmjo9vqe] {
        display: none;
    }

    .collapse[b-u1hmjo9vqe] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-u1hmjo9vqe] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

@media(max-width:1280px){
    .version-number-desktop[b-u1hmjo9vqe]{
        position: relative;
        left:0;
        margin-top:3px;
    }

    .logged-in-user-container[b-u1hmjo9vqe]{
        position: relative;
    }
}

[b-u1hmjo9vqe] .nav-properties svg {
    margin-left: 0 !important;
}
/* Admin/Shared/Organisation/ApiKeyCreationDraw.razor.rz.scp.css */

[b-b8kywnbt8q] .mud-drawer-content {
    background-color: #fff;
}

.draw-content[b-b8kywnbt8q] {
    padding: 12px 24px 12px 24px;
}

[b-b8kywnbt8q] .draw-content .mud-form .input-field {
    flex-direction: column;
}
/* Admin/Shared/Organisation/ApiKeysecretDisplayDraw.razor.rz.scp.css */

[b-npsgt8gzoe] .mud-drawer-content {
    background-color: #fff;
}

.draw-content[b-npsgt8gzoe] {
    padding: 12px 24px 12px 24px;
}

[b-npsgt8gzoe] .draw-content .mud-form .input-field {
    flex-direction: column;
}

[b-npsgt8gzoe] .json-display textarea{
    white-space:pre;
}
/* Admin/Shared/Organisation/OrganisationCreateDialog.razor.rz.scp.css */
[b-69rh5u56kz].slide-in-dialog-title .back-btn {
    height: 32px;
    width: 32px;
    background-color: #ECEDEE;
    margin-right: 20px;
}


[b-69rh5u56kz].slide-in-dialog-title h5 {
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: #384048;
    font-size: 20px;
}

[b-69rh5u56kz] .mud-picker-color-view-collection {
    justify-content: start;
    margin-left: -11px;
}

[b-69rh5u56kz] .mud-picker-static {
    height: 75px;
}

[b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot {
    opacity: 0.2;
    border: 2px solid #8e8e8e;
}

    [b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot:hover {
        opacity: 1;
        border: 0px;
    }

    [b-69rh5u56kz] .mud-picker-color-view-collection .mud-picker-color-dot.selected {
        border-radius: 4px;
        opacity: 1;
        border: 0px;
    }

[b-69rh5u56kz] .restrict-area-chip-holder {
    margin-top: 10px;
    border: 2px solid #E5EBEA;
    padding: 5px 5px;
    border-radius: 4px;
}

    [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip svg {
        display: none;
    }

    [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip.selected {
        background-color: rgb(0, 122, 100);
        color: #fff;
    }

        [b-69rh5u56kz] .restrict-area-chip-holder .mud-chip.selected svg {
            font-size: 17px;
            margin-right: 7px;
            display: block;
        }

.is-template-label[b-69rh5u56kz], [b-69rh5u56kz] .is-clone-label {
    position: relative;
    top: 10px;
}

    .is-template-label[b-69rh5u56kz]  .is-template-switch, .is-clone-label[b-69rh5u56kz]  .clone-switch {
        display: inline-block;
        position: relative;
        top: -13px;
        margin-left: 5px;
    }
/* Admin/Shared/Organisation/OrganisationCreationDraw.razor.rz.scp.css */

[b-2pdfrhvub6] .mud-drawer {
    background-color: #fff;
}

.draw-content[b-2pdfrhvub6] {
    padding: 12px 24px 12px 24px;
}

[b-2pdfrhvub6] .draw-content .mud-form .input-field {
    flex-direction: column;
}


.is-template-label[b-2pdfrhvub6] {
    padding-top: 10px;
}

    .is-template-label[b-2pdfrhvub6]  .is-template-switch {
        display: inline-block;
        top: -14px;
    }

.is-clone-label[b-2pdfrhvub6]  .clone-switch {
    display: inline-block;
    top: -10px;
    left: 10px;
}
/* Admin/Shared/Profile/WorkingHours.Day.razor.rz.scp.css */
/* Admin/Shared/Profile/WorkingHours.Day.Row.razor.rz.scp.css */
[b-ekyzlxs56n].step-container {
  border: var(--border);
}
[b-ekyzlxs56n] .selected {
  background: var(--mud-palette-primary);
}
[b-ekyzlxs56n] .step {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
       supported by Chrome, Edge, Opera and Firefox */
  flex: 1;
  height: 3rem;
  flex-grow: 1;
  border-right: var(--border);
}
[b-ekyzlxs56n] .step:last-of-type {
  border: none;
}
/* Admin/Shared/Profile/WorkingHours.razor.rz.scp.css */
[b-xgqifjyna3] {
  --border: 1px solid #999;
}
[b-xgqifjyna3] .time-slot {
  border-left: var(--border);
}
[b-xgqifjyna3] .time-slot span {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
[b-xgqifjyna3] .buttons-holder {
  width: 100%;
  padding: 0.5rem;
}
[b-xgqifjyna3] .working-hours-container {
  padding: 20px;
}
/* Admin/Shared/Profile/WorkingPatternExeptions.razor.rz.scp.css */
[b-uauh2nytnv] {
  background: white;
}
[b-uauh2nytnv] .mud-button-root.mud-button {
  padding: 0.5rem 1rem;
}
/* Admin/Shared/Property/CreateProperty.razor.rz.scp.css */
/* Drawer styling - MudBlazor overrides */
[b-mddsl2i3he] .mud-drawer {
    background-color: #fff;
}

[b-mddsl2i3he] .mud-drawer.mud-drawer--open {
    width: 600px !important;
}

@media only screen and (max-width: 800px) {
    [b-mddsl2i3he] .mud-drawer.mud-drawer--open {
        width: 95dvw !important;
    }
}

[b-mddsl2i3he] .header-container {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e7eb;
    padding: 12px 16px;
}

[b-mddsl2i3he] .header-container .mud-icon-button {
    background-color: #ECEDEE;
    padding: 10px;
}

[b-mddsl2i3he] .header-container h6 {
    font-weight: 600;
    font-size: 18px;
    color: #111827;
}

.draw-content[b-mddsl2i3he] {
    padding: 20px 24px;
    overflow-y: auto;
    height: calc(100% - 64px);
}

[b-mddsl2i3he] .create-loading {
    position: relative;
    margin: 0;
    z-index: 10;
}

/* Section styling */
.section-title[b-mddsl2i3he] {
    font-size: 16px;
    font-weight: 600;
    color: #374151;
    margin: 0 0 16px 0;
}

.address-section[b-mddsl2i3he] {
    margin-bottom: 24px;
}

/* Address search - MudBlazor overrides */
.address-search-container[b-mddsl2i3he] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.address-search-container[b-mddsl2i3he]  .mud-input-control {
    flex: 1;
}

.address-search-container[b-mddsl2i3he]  .mud-button-root {
    height: 40px;
    min-height: 40px;
    white-space: nowrap;
}

.address-search-container[b-mddsl2i3he]  .mud-input-control-input-container {
    height: 40px;
}

.address-search-container[b-mddsl2i3he]  .mud-input.mud-input-outlined {
    height: 40px;
}

[b-mddsl2i3he] .searching-spinner .mud-input-adornment svg {
    animation: spin-b-mddsl2i3he 1s linear infinite;
}

@keyframes spin-b-mddsl2i3he {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Address results - Plain HTML/CSS */
.address-results[b-mddsl2i3he] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px;
    background: #fafafa;
}

.address-result-item[b-mddsl2i3he] {
    display: block;
    width: 100%;
    padding: 10px 12px;
    text-align: left;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    color: #374151;
    transition: all 0.15s ease;
}

.address-result-item:hover[b-mddsl2i3he] {
    background: #f3f4f6;
    border-color: #d1d5db;
}

.address-result-item.active[b-mddsl2i3he] {
    background: #ecfdf5;
    border-color: #10b981;
    color: #047857;
}

/* Existing property card */
.existing-property-section[b-mddsl2i3he] {
    margin-bottom: 24px;
}

.existing-property-card[b-mddsl2i3he] {
    background: #ecfdf5;
    border: 2px solid #10b981;
    border-radius: 12px;
    overflow: hidden;
}

.existing-property-card .streetview-image[b-mddsl2i3he] {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.existing-property-card .card-body[b-mddsl2i3he] {
    padding: 16px;
}

.card-header-badge[b-mddsl2i3he] {
    margin-bottom: 8px;
}

.card-header-badge .badge[b-mddsl2i3he] {
    display: inline-block;
    padding: 4px 10px;
    background: #10b981;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.existing-property-card .card-title[b-mddsl2i3he] {
    font-size: 16px;
    font-weight: 600;
    color: #065f46;
    margin: 0 0 8px 0;
}

.existing-property-card .card-address[b-mddsl2i3he] {
    font-size: 14px;
    color: #047857;
    margin: 0 0 12px 0;
    line-height: 1.5;
}

.card-stats[b-mddsl2i3he] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.stat-item[b-mddsl2i3he] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #047857;
}

.stat-item svg[b-mddsl2i3he] {
    flex-shrink: 0;
}

.card-actions[b-mddsl2i3he] {
    display: flex;
    gap: 12px;
}

.btn-see-property[b-mddsl2i3he] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #047857;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.15s ease;
}

.btn-see-property:hover[b-mddsl2i3he] {
    background: #065f46;
    color: #fff;
}

/* New property card (when property doesn't exist) */
.new-property-section[b-mddsl2i3he] {
    margin-bottom: 24px;
}

.new-property-card[b-mddsl2i3he] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.new-property-card .streetview-image[b-mddsl2i3he] {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
}

.new-property-card .card-body[b-mddsl2i3he] {
    padding: 16px;
}

.new-property-card .card-address[b-mddsl2i3he] {
    font-size: 15px;
    font-weight: 500;
    color: #374151;
    margin: 0;
    line-height: 1.5;
}

/* Create button */
.create-button-container[b-mddsl2i3he] {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
}

.btn-create[b-mddsl2i3he] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    background: #0d9488;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-create:hover:not(:disabled)[b-mddsl2i3he] {
    background: #0f766e;
}

.btn-create:disabled[b-mddsl2i3he] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-create .spinner[b-mddsl2i3he] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-mddsl2i3he 0.8s linear infinite;
}

/* Responsive */
@media (max-width: 640px) {
    .draw-content[b-mddsl2i3he] {
        padding: 16px;
    }

    .address-search-container[b-mddsl2i3he] {
        flex-direction: column;
    }

    .address-search-container[b-mddsl2i3he]  .mud-button-root {
        width: 100%;
        height: 48px;
        min-height: 48px;
    }

    .address-search-container[b-mddsl2i3he]  .mud-input-control-input-container {
        height: 48px;
    }

    .address-search-container[b-mddsl2i3he]  .mud-input.mud-input-outlined {
        height: 48px;
    }

    .existing-property-card .streetview-image[b-mddsl2i3he],
    .new-property-card .streetview-image[b-mddsl2i3he] {
        height: 120px;
    }

    .card-actions[b-mddsl2i3he] {
        flex-direction: column;
    }

    .btn-see-property[b-mddsl2i3he] {
        justify-content: center;
    }
}
/* Admin/Shared/Property/InspectionScheduleModal.razor.rz.scp.css */
/* ===========================================
   Inspection Schedule Modal
   Follows PropertyView design tokens
   =========================================== */

/* Design Tokens */
.modal-overlay[b-kcv70tiej0] {
    --accent: #00A587;
    --accent-hover: #008E74;
    --accent-light: #f0fdf9;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --border-color: #E5E7EB;
    --card-bg: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --card-radius: 12px;
    --danger: #DC2626;
    --danger-light: #FEE2E2;
}

/* Modal Overlay */
.modal-overlay[b-kcv70tiej0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
    animation: fadeIn-b-kcv70tiej0 0.2s ease-out;
}

@keyframes fadeIn-b-kcv70tiej0 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Container */
.modal-container[b-kcv70tiej0] {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    width: 100%;
    max-width: 480px;
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    animation: slideUp-b-kcv70tiej0 0.25s ease-out;
}

@keyframes slideUp-b-kcv70tiej0 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Modal Header */
.modal-header[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color);
}

.modal-title[b-kcv70tiej0] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.close-btn[b-kcv70tiej0] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
}

.close-btn:hover[b-kcv70tiej0] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

/* Modal Content */
.modal-content[b-kcv70tiej0] {
    flex: 1;
    overflow-y: auto;
    padding: 0;
}

/* Sections */
.section[b-kcv70tiej0] {
    border-bottom: 1px solid var(--border-color);
}

.section:last-child[b-kcv70tiej0] {
    border-bottom: none;
}

.section-header[b-kcv70tiej0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    font-family: inherit;
}

.section-header:hover[b-kcv70tiej0] {
    background: var(--bg-secondary);
}

.section-title-wrapper[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
}

.section-title-wrapper svg[b-kcv70tiej0] {
    color: var(--accent);
}

.chevron[b-kcv70tiej0] {
    color: var(--text-secondary);
    transition: transform 0.2s;
}

.section.expanded .chevron[b-kcv70tiej0],
.chevron.rotated[b-kcv70tiej0] {
    transform: rotate(180deg);
}

.section-content[b-kcv70tiej0] {
    padding: 0 24px 20px 24px;
    display: none;
}

.section.expanded .section-content[b-kcv70tiej0] {
    display: block;
}

/* Form Groups */
.form-group[b-kcv70tiej0] {
    margin-bottom: 20px;
}

.form-group:last-child[b-kcv70tiej0] {
    margin-bottom: 0;
}

.form-label[b-kcv70tiej0] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

/* Frequency Pills */
.frequency-pills[b-kcv70tiej0] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pill[b-kcv70tiej0] {
    padding: 8px 16px;
    background: var(--bg-secondary);
    border: 2px solid var(--border-color);
    border-radius: 20px;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--text-primary);
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.pill:hover[b-kcv70tiej0] {
    border-color: var(--accent);
    background: var(--accent-light);
}

.pill.active[b-kcv70tiej0] {
    border-color: var(--accent);
    background: var(--accent-light);
    color: var(--accent);
}

/* Form Select */
.form-select[b-kcv70tiej0] {
    width: 100%;
    padding: 10px 12px;
    font-size: 0.875rem;
    font-family: inherit;
    color: var(--text-primary);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

.form-select:focus[b-kcv70tiej0] {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(0, 165, 135, 0.1);
}

.form-select.disabled[b-kcv70tiej0],
.form-select:disabled[b-kcv70tiej0] {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--bg-secondary);
}

/* Day Input Wrapper */
.day-input-wrapper[b-kcv70tiej0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Checkbox */
.checkbox-wrapper[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.checkbox-wrapper input[type="checkbox"][b-kcv70tiej0] {
    width: 18px;
    height: 18px;
    accent-color: var(--accent);
    cursor: pointer;
}

.checkbox-label[b-kcv70tiej0] {
    font-size: 0.8125rem;
    color: var(--text-primary);
}

/* Info Box */
.info-box[b-kcv70tiej0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    background: #EEF2FF;
    border-radius: 8px;
    margin-top: 12px;
}

.info-box svg[b-kcv70tiej0] {
    color: #6366F1;
    flex-shrink: 0;
    margin-top: 1px;
}

.info-box span[b-kcv70tiej0] {
    font-size: 0.8125rem;
    color: #4338CA;
    line-height: 1.4;
}

/* Lead Time Wrapper */
.lead-time-wrapper[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Toggle Switch */
.toggle-wrapper[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.toggle[b-kcv70tiej0] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}

.toggle input[b-kcv70tiej0] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-kcv70tiej0] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--border-color);
    border-radius: 24px;
    transition: background 0.3s;
}

.toggle-slider[b-kcv70tiej0]::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: transform 0.3s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.toggle input:checked + .toggle-slider[b-kcv70tiej0] {
    background: var(--accent);
}

.toggle input:checked + .toggle-slider[b-kcv70tiej0]::before {
    transform: translateX(20px);
}

.toggle-label[b-kcv70tiej0] {
    font-size: 0.875rem;
    font-weight: 500;
}

.toggle-label.active[b-kcv70tiej0] {
    color: var(--accent);
}

.toggle-label.inactive[b-kcv70tiej0] {
    color: var(--text-secondary);
}

/* Coming Soon */
.coming-soon[b-kcv70tiej0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 32px 16px;
    color: var(--text-secondary);
}

.coming-soon svg[b-kcv70tiej0] {
    opacity: 0.4;
}

.coming-soon span[b-kcv70tiej0] {
    font-size: 0.875rem;
    font-style: italic;
}

/* Modal Footer */
.modal-footer[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-top: 1px solid var(--border-color);
    gap: 12px;
}

.footer-right[b-kcv70tiej0] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

/* Buttons */
.btn-cancel[b-kcv70tiej0] {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--text-primary);
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    font-family: inherit;
}

.btn-cancel:hover:not(:disabled)[b-kcv70tiej0] {
    background: var(--bg-secondary);
    border-color: var(--text-secondary);
}

.btn-cancel:disabled[b-kcv70tiej0] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-save[b-kcv70tiej0] {
    padding: 10px 20px;
    background: var(--accent);
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: white;
    cursor: pointer;
    transition: background 0.2s;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 8px;
}

.btn-save:hover:not(:disabled)[b-kcv70tiej0] {
    background: var(--accent-hover);
}

.btn-save:disabled[b-kcv70tiej0] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-delete[b-kcv70tiej0] {
    padding: 10px 16px;
    background: transparent;
    border: 1px solid var(--danger);
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--danger);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 6px;
}

.btn-delete:hover:not(:disabled)[b-kcv70tiej0] {
    background: var(--danger-light);
}

.btn-delete:disabled[b-kcv70tiej0] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Spinner */
.spinner[b-kcv70tiej0] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-kcv70tiej0 0.8s linear infinite;
}

.btn-delete .spinner[b-kcv70tiej0] {
    border-color: rgba(220, 38, 38, 0.3);
    border-top-color: var(--danger);
}

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

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

/* Tablet */
@media (max-width: 640px) {
    .modal-overlay[b-kcv70tiej0] {
        padding: 0;
        align-items: flex-end;
    }

    .modal-container[b-kcv70tiej0] {
        max-width: 100%;
        max-height: 90vh;
        border-radius: var(--card-radius) var(--card-radius) 0 0;
        animation: slideUpMobile-b-kcv70tiej0 0.3s ease-out;
    }

    @keyframes slideUpMobile-b-kcv70tiej0 {
        from {
            opacity: 0;
            transform: translateY(100%);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .modal-header[b-kcv70tiej0] {
        padding: 16px 20px;
    }

    .modal-title[b-kcv70tiej0] {
        font-size: 1rem;
    }

    .section-header[b-kcv70tiej0] {
        padding: 14px 20px;
    }

    .section-content[b-kcv70tiej0] {
        padding: 0 20px 16px 20px;
    }

    .frequency-pills[b-kcv70tiej0] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .pill[b-kcv70tiej0] {
        text-align: center;
        padding: 10px 12px;
    }

    .modal-footer[b-kcv70tiej0] {
        padding: 14px 20px;
        flex-wrap: wrap;
    }

    .btn-delete[b-kcv70tiej0] {
        width: 100%;
        justify-content: center;
        order: 3;
        margin-top: 8px;
    }

    .footer-right[b-kcv70tiej0] {
        width: 100%;
        justify-content: flex-end;
    }

    .btn-cancel[b-kcv70tiej0],
    .btn-save[b-kcv70tiej0] {
        flex: 1;
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .frequency-pills[b-kcv70tiej0] {
        grid-template-columns: 1fr;
    }
}
/* Admin/Shared/Property/PropertyFileUpload.razor.rz.scp.css */
/* ===========================================
   Property File Upload Component
   Follows PropertyView design tokens
   =========================================== */

.property-file-upload[b-ce97lermjq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
    overflow: hidden;
}

/* Inline Upload Button - matches btn-action pattern */
.upload-btn-inline[b-ce97lermjq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #00A587;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    font-family: inherit;
    margin-left: auto;
    white-space: nowrap;
}

.upload-btn-inline:hover:not(.disabled)[b-ce97lermjq] {
    background: #008E74;
}

.upload-btn-inline:active:not(.disabled)[b-ce97lermjq] {
    transform: scale(0.98);
}

.upload-btn-inline.disabled[b-ce97lermjq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.upload-btn-inline input[type="file"][b-ce97lermjq] {
    display: none;
}

.upload-btn-inline svg[b-ce97lermjq] {
    flex-shrink: 0;
}

/* Small Upload Spinner */
.upload-spinner-small[b-ce97lermjq] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(0, 165, 135, 0.3);
    border-top-color: #00A587;
    border-radius: 50%;
    animation: spin-b-ce97lermjq 0.8s linear infinite;
    flex-shrink: 0;
}

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

/* Document List */
.document-list[b-ce97lermjq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #E5E7EB transparent;
    width: 100%;
}

.document-list[b-ce97lermjq]::-webkit-scrollbar {
    width: 4px;
}

.document-list[b-ce97lermjq]::-webkit-scrollbar-track {
    background: transparent;
}

.document-list[b-ce97lermjq]::-webkit-scrollbar-thumb {
    background: #E5E7EB;
    border-radius: 2px;
}

/* Document Item */
.document-item[b-ce97lermjq] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    margin: 0;
    background: #F8F9FA;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    transition: border-color 0.2s, box-shadow 0.2s;
    min-width: 0;
    box-sizing: border-box;
}

.document-item:hover[b-ce97lermjq] {
    border-color: #00A587;
    box-shadow: 0 2px 4px rgba(0, 165, 135, 0.1);
}

.doc-icon[b-ce97lermjq] {
    flex-shrink: 0;
    width: 17px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* File Icon - Modern document style */
.file-icon[b-ce97lermjq] {
    width: 32px;
    height: 40px;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
    transition: transform 0.15s ease;
    display: block;
}

.file-icon svg[b-ce97lermjq] {
    width: 32px;
    height: 40px;
    display: block;
}

.document-item:hover .file-icon[b-ce97lermjq] {
    transform: scale(1.05);
}

.doc-info[b-ce97lermjq] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.doc-name[b-ce97lermjq] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #1F2937;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-separator[b-ce97lermjq] {
    color: #9CA3AF;
    font-size: 0.75rem;
}

.doc-date[b-ce97lermjq] {
    font-size: 0.75rem;
    color: #6B7280;
    white-space: nowrap;
}

.delete-btn[b-ce97lermjq] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 4px;
    color: transparent;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
    opacity: 0;
}

.document-item:hover .delete-btn[b-ce97lermjq] {
    opacity: 1;
    color: #9CA3AF;
}

.delete-btn:hover:not(:disabled)[b-ce97lermjq] {
    background: #FEE2E2;
    color: #DC2626;
}

.delete-btn:disabled[b-ce97lermjq] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Empty State */
.no-documents[b-ce97lermjq] {
    font-size: 0.8125rem;
    color: #9CA3AF;
    font-style: italic;
    margin: 0;
    text-align: center;
    padding: 8px;
}

/* Loading Placeholder */
.loading-placeholder[b-ce97lermjq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.loading-item[b-ce97lermjq] {
    height: 52px;
    background: linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);
    background-size: 200% 100%;
    animation: shimmer-b-ce97lermjq 1.5s infinite;
    border-radius: 8px;
}

@keyframes shimmer-b-ce97lermjq {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Uploading State */
.property-file-upload.uploading .document-list[b-ce97lermjq] {
    opacity: 0.6;
    pointer-events: none;
}

/* ===========================================
   File Size Error Dialog
   =========================================== */

.file-error-overlay[b-ce97lermjq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.file-error-dialog[b-ce97lermjq] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    padding: 32px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    z-index: 1001;
}

.file-error-dialog .error-icon[b-ce97lermjq] {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FEE2E2;
    border-radius: 50%;
    color: #DC2626;
}

.file-error-dialog h3[b-ce97lermjq] {
    margin: 0 0 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1F2937;
}

.file-error-dialog p[b-ce97lermjq] {
    margin: 0 0 24px;
    font-size: 0.875rem;
    color: #6B7280;
    line-height: 1.5;
}

.error-dialog-btn[b-ce97lermjq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 32px;
    background: #00A587;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.error-dialog-btn:hover[b-ce97lermjq] {
    background: #008E74;
}

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

@media (max-width: 640px) {
    .upload-btn[b-ce97lermjq] {
        padding: 10px 14px;
        font-size: 0.8125rem;
    }

    .document-item[b-ce97lermjq] {
        padding: 8px 10px;
    }

    .doc-icon[b-ce97lermjq] {
        width: 28px;
        height: 35px;
    }

    .file-icon[b-ce97lermjq] {
        width: 28px;
        height: 35px;
    }

    .file-icon svg[b-ce97lermjq] {
        width: 28px;
        height: 35px;
    }

    .doc-name[b-ce97lermjq] {
        font-size: 0.75rem;
    }

    .doc-date[b-ce97lermjq] {
        font-size: 0.625rem;
    }

    .delete-btn[b-ce97lermjq] {
        width: 24px;
        height: 24px;
    }

    .delete-btn svg[b-ce97lermjq] {
        width: 14px;
        height: 14px;
    }
}
/* Admin/Shared/Property/PropertyFilter.razor.rz.scp.css */
[b-t3pw7ktrjv].left-container .header-container {
    padding: 1.25rem;
    border-bottom: 1px solid #E5EBEA;
}







[b-t3pw7ktrjv].left-container {
    height: calc(100vh - 1.25rem);
    background-color: #fff;
}

    [b-t3pw7ktrjv].left-container .left-content {
        padding: 20px;
        height: calc(100vh - 5.75rem);
        overflow: auto;
    }

    [b-t3pw7ktrjv].left-container .header-container {
        padding: 1.25rem;
        border-bottom: 1px solid #E5EBEA;
    }

    [b-t3pw7ktrjv].left-container .filter-container {
        margin-bottom: 10px;
    }

        [b-t3pw7ktrjv].left-container .filter-container h5 {
            font-size: 1rem;
            margin-bottom: 0.5rem;
        }

    [b-t3pw7ktrjv].left-container .mud-radio-group label {
        margin: 0.1rem 0;
        display: block;
        padding: 0.3rem 0;
    }

        [b-t3pw7ktrjv].left-container .mud-radio-group label .mud-checked + .mud-radio-content {
            background-color: #DCF2EE;
        }

        [b-t3pw7ktrjv].left-container .mud-radio-group label .mud-radio-content {
            width: 100%;
            display: inline-block;
            padding-left: 35px;
            margin-left: -35px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-radius: 4px;
            margin-top: -18px;
            margin-bottom: -13px;
        }

    [b-t3pw7ktrjv].left-container .mud-input-control-boolean-input {
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 4px;
        margin-top: 1px;
        font-size: 14px;
    }

        [b-t3pw7ktrjv].left-container .mud-input-control-boolean-input.checked {
            background-color: #DCF2EE;
        }

    [b-t3pw7ktrjv].left-container .mud-input-control-boolean-input {
        display: block;
        margin-right: 0;
    }

        [b-t3pw7ktrjv].left-container .mud-input-control-boolean-input .mud-icon-button {
            margin-top: -2px;
            padding: 5px;
        }


/* Admin/Shared/Property/PropertyNoteCard.razor.rz.scp.css */
.note-card[b-xuyy7z69ge] {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.note-card:hover[b-xuyy7z69ge] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    border-color: #00A587;
}

.note-card.expanded[b-xuyy7z69ge] {
    border-radius: 0 0 12px 12px;
    border-top-color: #00A587;
}

/* Floating tooltip for full note content */
.note-tooltip[b-xuyy7z69ge] {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 14px 16px;
    background: #FFFFFF;
    color: #1F2937;
    border: 1px solid #00A587;
    border-bottom: none;
    border-radius: 12px 12px 0 0;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
    animation: tooltipSlideUp-b-xuyy7z69ge 0.2s ease-out;
    animation-delay: 0.2s;
    animation-fill-mode: backwards;
    max-height: 300px;
    overflow-y: auto;
}

.note-tooltip-content[b-xuyy7z69ge] {
    font-size: 0.875rem;
    line-height: 1.6;
    word-break: break-word;
    white-space: pre-wrap;
}

@keyframes tooltipSlideUp-b-xuyy7z69ge {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.note-header[b-xuyy7z69ge] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.note-author[b-xuyy7z69ge] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: #1F2937;
}

.note-date[b-xuyy7z69ge] {
    font-size: 0.75rem;
    color: #6B7280;
}

.note-content[b-xuyy7z69ge] {
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.5;
    word-break: break-word;
    white-space: pre-wrap;
}
/* Admin/Shared/Property/PropertyNotesDrawer.razor.rz.scp.css */
/* ===========================================
   Property Notes Drawer
   Follows PropertyView design tokens
   =========================================== */

/* Design Tokens */
.drawer-overlay[b-99xn1tcw52] {
    --accent: #00A587;
    --accent-hover: #008E74;
    --accent-light: #f0fdf9;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --border-color: #E5E7EB;
    --card-bg: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --card-radius: 12px;
    --danger: #DC2626;
    --danger-light: #FEE2E2;
}

/* Drawer Overlay */
.drawer-overlay[b-99xn1tcw52] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    animation: fadeIn-b-99xn1tcw52 0.2s ease-out;
}

@keyframes fadeIn-b-99xn1tcw52 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Drawer Container */
.drawer-container[b-99xn1tcw52] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 420px;
    background: var(--card-bg);
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    animation: slideIn-b-99xn1tcw52 0.25s ease-out;
}

@keyframes slideIn-b-99xn1tcw52 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* Drawer Header */
.drawer-header[b-99xn1tcw52] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
}

.drawer-title[b-99xn1tcw52] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.close-btn[b-99xn1tcw52] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    padding: 0;
}

.close-btn:hover[b-99xn1tcw52] {
    background: var(--bg-secondary);
    color: var(--text-primary);
}

/* Drawer Content */
.drawer-content[b-99xn1tcw52] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* New Note Section */
.new-note-section[b-99xn1tcw52] {
    padding: 16px;
    border: 1px solid var(--border-color);
    border-radius: var(--card-radius);
    background: var(--bg-secondary);
}

.note-input[b-99xn1tcw52] {
    width: 100%;
    min-height: 80px;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: inherit;
    resize: vertical;
    margin-bottom: 12px;
    background: white;
}

.note-input:focus[b-99xn1tcw52] {
    outline: none;
    border-color: var(--accent);
}

.new-note-actions[b-99xn1tcw52] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.btn-add-note[b-99xn1tcw52] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--accent);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
    font-family: inherit;
}

.btn-add-note:hover:not(:disabled)[b-99xn1tcw52] {
    background: var(--accent-hover);
}

.btn-add-note:disabled[b-99xn1tcw52] {
    opacity: 0.5;
    cursor: not-allowed;
}

.keyboard-hint[b-99xn1tcw52] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

/* Notes List */
.notes-list[b-99xn1tcw52] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.note-item[b-99xn1tcw52] {
    background: white;
    border: 1px solid var(--border-color);
    border-radius: var(--card-radius);
    padding: 14px 16px;
}

.note-item.editing[b-99xn1tcw52] {
    border-color: var(--border-color);
}

.note-header[b-99xn1tcw52] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.note-meta[b-99xn1tcw52] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.note-author[b-99xn1tcw52] {
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--text-primary);
}

.note-date[b-99xn1tcw52] {
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.note-edited[b-99xn1tcw52] {
    font-size: 0.75rem;
    color: #9CA3AF;
    font-style: italic;
}

.note-content[b-99xn1tcw52] {
    font-size: 0.875rem;
    color: #374151;
    line-height: 1.6;
    word-break: break-word;
    white-space: pre-wrap;
}

/* Note Actions */
.note-actions[b-99xn1tcw52] {
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.2s;
}

.note-item:hover .note-actions[b-99xn1tcw52] {
    opacity: 1;
}

.action-btn[b-99xn1tcw52] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--text-secondary);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s;
}

.action-btn:hover[b-99xn1tcw52] {
    background: #F3F4F6;
    color: var(--text-primary);
}

.action-btn.delete:hover[b-99xn1tcw52] {
    background: var(--danger-light);
    color: var(--danger);
}

/* Edit Mode */
.note-edit-input[b-99xn1tcw52] {
    width: 100%;
    min-height: 100px;
    padding: 12px;
    border: 1px solid var(--accent);
    border-radius: 8px;
    font-size: 0.875rem;
    font-family: inherit;
    resize: vertical;
    margin-bottom: 12px;
}

.note-edit-input:focus[b-99xn1tcw52] {
    outline: none;
}

.note-edit-actions[b-99xn1tcw52] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.btn-cancel[b-99xn1tcw52],
.btn-save[b-99xn1tcw52] {
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.btn-cancel[b-99xn1tcw52] {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
}

.btn-cancel:hover:not(:disabled)[b-99xn1tcw52] {
    background: #F3F4F6;
}

.btn-cancel:disabled[b-99xn1tcw52] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-save[b-99xn1tcw52] {
    background: var(--accent);
    border: none;
    color: white;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-save:hover:not(:disabled)[b-99xn1tcw52] {
    background: var(--accent-hover);
}

.btn-save:disabled[b-99xn1tcw52] {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Empty State */
.empty-state[b-99xn1tcw52] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 20px;
    color: var(--text-secondary);
    text-align: center;
}

.empty-state svg[b-99xn1tcw52] {
    opacity: 0.4;
    margin-bottom: 16px;
}

.empty-state p[b-99xn1tcw52] {
    font-size: 1rem;
    font-weight: 500;
    color: #374151;
    margin: 0 0 4px 0;
}

.empty-state span[b-99xn1tcw52] {
    font-size: 0.875rem;
}

/* Skeleton Loading */
.skeleton-note[b-99xn1tcw52] {
    padding: 14px 16px;
}

.skeleton[b-99xn1tcw52] {
    background: linear-gradient(90deg, #E5E7EB 25%, rgba(229, 231, 235, 0.5) 50%, #E5E7EB 75%);
    background-size: 200% 100%;
    animation: shimmer-b-99xn1tcw52 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-header[b-99xn1tcw52] {
    height: 14px;
    width: 120px;
    margin-bottom: 12px;
}

.skeleton-content[b-99xn1tcw52] {
    height: 40px;
    width: 100%;
}

@keyframes shimmer-b-99xn1tcw52 {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

/* Spinner */
.spinner[b-99xn1tcw52],
.spinner-small[b-99xn1tcw52] {
    display: inline-block;
    border: 2px solid transparent;
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-99xn1tcw52 0.8s linear infinite;
}

.spinner[b-99xn1tcw52] {
    width: 16px;
    height: 16px;
}

.spinner-small[b-99xn1tcw52] {
    width: 12px;
    height: 12px;
}

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

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

/* Tablet and Mobile */
@media (max-width: 640px) {
    .drawer-container[b-99xn1tcw52] {
        width: 100%;
    }

    .drawer-header[b-99xn1tcw52] {
        padding: 16px 20px;
    }

    .drawer-title[b-99xn1tcw52] {
        font-size: 1rem;
    }

    .new-note-section[b-99xn1tcw52] {
        padding: 14px;
    }

    .notes-list[b-99xn1tcw52] {
        padding: 14px 20px;
    }

    .note-item[b-99xn1tcw52] {
        padding: 12px 14px;
    }
}
/* Admin/Shared/Property/PropertyView.razor.rz.scp.css */
/* ===========================================
   Property View - Modern Card-Based Design
   =========================================== */

/* Design Tokens */
.property-view[b-8ufsbgg4ad] {
    --bg: #F8F9FA;
    --card-bg: #FFFFFF;
    --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.12);
    --card-radius: 12px;
    --card-padding: 24px;
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --accent: #00A587;
    --accent-light: #f0fdf9;
    --gap: 24px;
    --border-color: #E5E7EB;
}

/* Main Layout - Two Column Grid */
.property-view[b-8ufsbgg4ad] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: var(--gap);
    padding: var(--gap);
    padding-top: 10px;
    padding-bottom: 40px;
    background: var(--bg);
    box-sizing: border-box;
    overflow-y: auto;
}

/* ===========================================
   LEFT COLUMN
   =========================================== */
.left-column[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    min-width: 0;
}

/* Hero Section - Street View */
.hero-section[b-8ufsbgg4ad] {
    border-radius: var(--card-radius);
    overflow: hidden;
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    min-height: 400px;
    position: relative;
}

.hero-section[b-8ufsbgg4ad]  #map-container {
    height: 400px !important;
    min-height: 400px !important;
}

.no-coordinates[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: var(--text-secondary);
    gap: 16px;
}

.no-coordinates svg[b-8ufsbgg4ad] {
    opacity: 0.5;
}

.no-coordinates p[b-8ufsbgg4ad] {
    margin: 0;
    font-size: 0.9375rem;
}

/* Static Street View Image */
.streetview-container[b-8ufsbgg4ad] {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
}

.streetview-image[b-8ufsbgg4ad] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Property Header */
.property-header[b-8ufsbgg4ad] {
    padding: 0;
}

.property-title[b-8ufsbgg4ad] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.property-meta[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.meta-item[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.meta-item svg[b-8ufsbgg4ad] {
    flex-shrink: 0;
}

/* Badge Styles */
.badge[b-8ufsbgg4ad] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* ===========================================
   APPOINTMENTS SECTION
   =========================================== */
.appointments-section[b-8ufsbgg4ad] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 200px;
}

.section-header[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.section-title-wrapper[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-title[b-8ufsbgg4ad] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0;
}

.header-badges[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.count-badge[b-8ufsbgg4ad] {
    background: var(--accent);
    color: white;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Appointments Table Wrapper */
.appointments-table-wrapper[b-8ufsbgg4ad] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.appointments-table-container[b-8ufsbgg4ad] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--card-radius) var(--card-radius) 0 0;
    min-height: 0;
}

/* No Appointments Empty State */
.no-appointments[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    color: var(--text-secondary);
    text-align: center;
}

.no-appointments svg[b-8ufsbgg4ad] {
    margin-bottom: 16px;
    opacity: 0.5;
}

.no-appointments h3[b-8ufsbgg4ad] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px 0;
}

.no-appointments p[b-8ufsbgg4ad] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Appointment Row - Unified row design matching PropertyList */
.appointment-row[b-8ufsbgg4ad] {
    display: grid;
    grid-template-columns: 170px 130px 1fr 160px auto 40px;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.appointment-row:last-child[b-8ufsbgg4ad] {
    border-bottom: none;
}

.appointment-row:hover[b-8ufsbgg4ad] {
    background-color: #F8F9FA;
}

.appointment-row:hover .action-btn[b-8ufsbgg4ad] {
    opacity: 1;
}

a.appointment-row[b-8ufsbgg4ad] {
    text-decoration: none;
    color: inherit;
}

/* Skeleton loading rows */
.appointment-row.skeleton-row[b-8ufsbgg4ad] {
    pointer-events: none;
}

.appt-date[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 500;
}

.appt-date svg[b-8ufsbgg4ad] {
    color: var(--text-secondary);
    flex-shrink: 0;
}

.status-badge[b-8ufsbgg4ad] {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
}

.appt-type[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.appt-inspector[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.appt-inspector svg[b-8ufsbgg4ad] {
    flex-shrink: 0;
}

.appt-ref[b-8ufsbgg4ad] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
    text-align: right;
}

/* Action Button */
.action-btn[b-8ufsbgg4ad] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    color: var(--text-secondary);
    opacity: 0;
    transition: all 0.15s ease;
}

.action-btn:hover[b-8ufsbgg4ad] {
    background: var(--accent, #0d9488);
    color: white;
}

/* Skeleton Styles */
@keyframes shimmer-b-8ufsbgg4ad {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

.skeleton[b-8ufsbgg4ad] {
    background: linear-gradient(
        90deg,
        var(--border-color) 25%,
        rgba(229, 231, 235, 0.5) 50%,
        var(--border-color) 75%
    );
    background-size: 200% 100%;
    animation: shimmer-b-8ufsbgg4ad 1.5s ease-in-out infinite;
    border-radius: 4px;
}

.skeleton-date[b-8ufsbgg4ad] {
    height: 16px;
    width: 140px;
}

.skeleton-status[b-8ufsbgg4ad] {
    height: 24px;
    width: 80px;
    border-radius: 12px;
}

.skeleton-type[b-8ufsbgg4ad] {
    height: 16px;
    width: 120px;
}

.skeleton-inspector[b-8ufsbgg4ad] {
    height: 16px;
    width: 130px;
}

.skeleton-ref[b-8ufsbgg4ad] {
    height: 14px;
    width: 80px;
}

/* ===========================================
   APPOINTMENTS PAGINATION
   =========================================== */
.appointments-pagination[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-top: none;
    flex-wrap: wrap;
    gap: 12px;
    flex-shrink: 0;
    border-radius: 0 0 var(--card-radius) var(--card-radius);
}

.pagination-info[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    font-size: 0.8125rem;
}

.pagination-info label[b-8ufsbgg4ad] {
    margin: 0;
}

.pagination-info select[b-8ufsbgg4ad] {
    padding: 5px 28px 5px 10px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    background: var(--card-bg);
    color: var(--text-primary);
    font-size: 0.8125rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 6px center;
}

.pagination-status[b-8ufsbgg4ad] {
    font-size: 0.8125rem;
    color: var(--text-secondary);
}

.pagination-controls[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.page-btn[b-8ufsbgg4ad] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    padding: 0 6px;
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    border-radius: 6px;
    color: var(--text-secondary);
    font-size: 0.8125rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.page-btn:hover:not(:disabled)[b-8ufsbgg4ad] {
    background: #F3F4F6;
    border-color: var(--text-secondary);
    color: var(--text-primary);
}

.page-btn:disabled[b-8ufsbgg4ad] {
    opacity: 0.4;
    cursor: not-allowed;
}

.page-btn.page-number[b-8ufsbgg4ad] {
    font-weight: 500;
}

.page-btn.active[b-8ufsbgg4ad] {
    background: var(--accent);
    border-color: var(--accent);
    color: white;
}

/* ===========================================
   RIGHT COLUMN - CARD STACK
   =========================================== */
.right-column[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Card Base Styles */
.card[b-8ufsbgg4ad] {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    padding: 16px;
    box-shadow: var(--card-shadow);
}

.card-title[b-8ufsbgg4ad] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 12px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-title svg[b-8ufsbgg4ad] {
    color: var(--accent);
    flex-shrink: 0;
}

.card-description[b-8ufsbgg4ad] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin: 0 0 16px 0;
}

/* Inspector Card */
.inspector-card[b-8ufsbgg4ad] {
    padding: 12px 16px;
}

.inspector-carousel[b-8ufsbgg4ad] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

.inspector-carousel[b-8ufsbgg4ad]::-webkit-scrollbar {
    height: 4px;
}

.inspector-carousel[b-8ufsbgg4ad]::-webkit-scrollbar-track {
    background: transparent;
}

.inspector-carousel[b-8ufsbgg4ad]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
}

.inspector-profile[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 60px;
    flex-shrink: 0;
}

.avatar[b-8ufsbgg4ad] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--accent);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}

.inspector-profile .name[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-primary);
    text-align: center;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.empty-state[b-8ufsbgg4ad] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-style: italic;
    margin: 0;
}

/* Primary Button */
.btn-primary[b-8ufsbgg4ad] {
    width: 100%;
    padding: 12px 24px;
    background: #3B82F6;
    color: white;
    border: none;
    border-radius: 24px;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-primary:hover[b-8ufsbgg4ad] {
    background: #2563EB;
}

.btn-primary:active[b-8ufsbgg4ad] {
    transform: scale(0.98);
}

.btn-primary svg[b-8ufsbgg4ad] {
    flex-shrink: 0;
}

/* Action Button - Unified style matching Re-generate button */
.btn-action[b-8ufsbgg4ad] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #00A587;
    color: white;
    border: none;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    font-family: inherit;
    white-space: nowrap;
}

.btn-action:hover[b-8ufsbgg4ad] {
    background: #008E74;
}

.btn-action:active[b-8ufsbgg4ad] {
    transform: scale(0.98);
}

.btn-action svg[b-8ufsbgg4ad] {
    flex-shrink: 0;
}

/* Documents Card */
.documents-card[b-8ufsbgg4ad] {
    min-height: 120px;
    overflow: hidden;
}

.documents-card .card-title-row[b-8ufsbgg4ad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.documents-card .card-title-row .card-title[b-8ufsbgg4ad] {
    margin-bottom: 0;
}

/* Placeholder Content Cards */
.placeholder-content[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.placeholder-row[b-8ufsbgg4ad] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
}

.placeholder-row:last-child[b-8ufsbgg4ad] {
    border-bottom: none;
    padding-bottom: 0;
}

.placeholder-row .label[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.placeholder-row .value[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-primary);
    text-align: right;
}

.placeholder-row .value.placeholder[b-8ufsbgg4ad] {
    color: #9CA3AF;
    font-style: italic;
}

/* Schedule Card */
.schedule-card .card-title-row[b-8ufsbgg4ad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.schedule-card .card-title-row .card-title[b-8ufsbgg4ad] {
    margin-bottom: 0;
}


/* Schedule Info */
.schedule-info[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.schedule-row[b-8ufsbgg4ad] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--border-color);
}

.schedule-row:last-child[b-8ufsbgg4ad] {
    border-bottom: none;
    padding-bottom: 0;
}

.schedule-row .label[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.schedule-row .value[b-8ufsbgg4ad] {
    font-size: 0.875rem;
    color: var(--text-primary);
    text-align: right;
}

/* Schedule Badge */
.schedule-badge[b-8ufsbgg4ad] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
}

.schedule-badge.active[b-8ufsbgg4ad] {
    background: #DCFCE7;
    color: #166534;
}

.schedule-badge.inactive[b-8ufsbgg4ad] {
    background: #FEE2E2;
    color: #991B1B;
}

/* Empty Schedule State */
.empty-schedule-state[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 8px;
    color: var(--text-secondary);
}

.empty-schedule-state svg[b-8ufsbgg4ad] {
    opacity: 0.4;
}

.empty-schedule-state span[b-8ufsbgg4ad] {
    font-size: 0.8125rem;
    font-style: italic;
    text-align: center;
}

/* Schedule Loading */
.schedule-loading[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.schedule-loading .loading-item[b-8ufsbgg4ad] {
    height: 20px;
    background: linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);
    background-size: 200% 100%;
    animation: schedule-shimmer-b-8ufsbgg4ad 1.5s infinite;
    border-radius: 4px;
}

.schedule-loading .loading-item:first-child[b-8ufsbgg4ad] {
    width: 70%;
}

.schedule-loading .loading-item:last-child[b-8ufsbgg4ad] {
    width: 50%;
}

@keyframes schedule-shimmer-b-8ufsbgg4ad {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* Notes Card */
.notes-card .card-title-row[b-8ufsbgg4ad] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.notes-card .card-title-row .card-title[b-8ufsbgg4ad] {
    margin-bottom: 0;
}

.notes-count-badge[b-8ufsbgg4ad] {
    background: var(--accent);
    color: white;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 0.6875rem;
    font-weight: 600;
    margin-left: 6px;
}

.notes-preview[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn-show-all[b-8ufsbgg4ad] {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: 8px;
    background: transparent;
    border: none;
    color: var(--accent);
    font-size: 0.8125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-family: inherit;
}

.btn-show-all:hover[b-8ufsbgg4ad] {
    color: var(--accent-hover);
    text-decoration: underline;
}

.empty-notes-state[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 24px 8px;
    color: var(--text-secondary);
}

.empty-notes-state svg[b-8ufsbgg4ad] {
    opacity: 0.4;
}

.empty-notes-state span[b-8ufsbgg4ad] {
    font-size: 0.8125rem;
    font-style: italic;
}

.notes-loading[b-8ufsbgg4ad] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.notes-loading .loading-item[b-8ufsbgg4ad] {
    height: 60px;
    background: linear-gradient(90deg, #F3F4F6 25%, #E5E7EB 50%, #F3F4F6 75%);
    background-size: 200% 100%;
    animation: schedule-shimmer-b-8ufsbgg4ad 1.5s infinite;
    border-radius: 12px;
}

/* ===========================================
   STATUS BADGE COLORS
   =========================================== */
.color-Pending[b-8ufsbgg4ad] {
    background: #DEE1E3;
    color: #626D78;
}

.color-Booked[b-8ufsbgg4ad] {
    background: #008069;
    color: #DCF2EE;
}

.color-InProgress[b-8ufsbgg4ad] {
    background: #008069;
    color: #DCF2EE;
}

.color-Evaluation[b-8ufsbgg4ad] {
    background: #CDDFFA;
    color: #2959A3;
}

.color-Completed[b-8ufsbgg4ad] {
    background: rgba(0, 165, 135, 1);
    color: #fff;
}

.color-Canceled[b-8ufsbgg4ad] {
    background: #F5BCBC;
    color: #B02727;
}

.color-InspectionMissed[b-8ufsbgg4ad] {
    background: #e8e8e8;
    color: #3c3c3c;
}

.color-PendingProcessing[b-8ufsbgg4ad] {
    background: #87B2F5;
    color: #1C3D70;
}

.color-Processing[b-8ufsbgg4ad] {
    background: #3574D4;
    color: #EBF5FF;
}

.color-InReview[b-8ufsbgg4ad] {
    background: #2959A3;
    color: #EBF5FF;
}

/* ===========================================
   ALERTS
   =========================================== */
.alert[b-8ufsbgg4ad] {
    padding: 16px 20px;
    border-radius: 8px;
    font-size: 0.875rem;
}

.alert-info[b-8ufsbgg4ad] {
    background: #DBEAFE;
    color: #1E40AF;
}

.alert-warning[b-8ufsbgg4ad] {
    background: #FEF3C7;
    color: #92400E;
}

.alert-error[b-8ufsbgg4ad] {
    background: #FEE2E2;
    color: #991B1B;
}

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

/* Tablet - 1024px */
@media (max-width: 1024px) {
    .property-view[b-8ufsbgg4ad] {
        grid-template-columns: 1fr;
        padding: 20px;
        padding-top: 60px;
    }

    .right-column[b-8ufsbgg4ad] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .right-column .card:first-child[b-8ufsbgg4ad] {
        grid-column: span 2;
    }

    .inspector-card[b-8ufsbgg4ad] {
        padding: 12px 16px;
    }

    /* Appointment rows - tablet layout */
    .appointment-row[b-8ufsbgg4ad] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 10px 16px;
    }

    .appt-date[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: 1;
    }

    .status-badge[b-8ufsbgg4ad] {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
    }

    .appt-type[b-8ufsbgg4ad] {
        grid-column: span 2;
        grid-row: 2;
    }

    .appt-inspector[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: 3;
    }

    .appt-ref[b-8ufsbgg4ad] {
        grid-column: 2;
        grid-row: 3;
        text-align: right;
    }

    .action-btn[b-8ufsbgg4ad] {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1;
    }

    .appointment-row[b-8ufsbgg4ad] {
        position: relative;
        padding-right: 56px;
    }

    /* Pagination responsive */
    .appointments-pagination[b-8ufsbgg4ad] {
        justify-content: center;
    }
}

/* Mobile - 640px */
@media (max-width: 640px) {
    .property-view[b-8ufsbgg4ad] {
        padding: 16px;
        padding-top: 56px;
        gap: 16px;
    }

    .hero-section[b-8ufsbgg4ad] {
        min-height: 280px;
    }

    .hero-section[b-8ufsbgg4ad]  #map-container {
        height: 280px !important;
        min-height: 280px !important;
    }

    .streetview-container[b-8ufsbgg4ad] {
        height: 280px;
    }

    .property-title[b-8ufsbgg4ad] {
        font-size: 1.375rem;
    }

    .property-meta[b-8ufsbgg4ad] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .right-column[b-8ufsbgg4ad] {
        grid-template-columns: 1fr;
    }

    .right-column .card:first-child[b-8ufsbgg4ad] {
        grid-column: 1;
    }

    .card[b-8ufsbgg4ad] {
        padding: 16px;
    }

    /* Appointment rows - mobile layout */
    .appointment-row[b-8ufsbgg4ad] {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 14px 16px;
        position: relative;
        padding-right: 48px;
    }

    .appt-date[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: auto;
    }

    .status-badge[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .appt-type[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: auto;
    }

    .appt-inspector[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: auto;
    }

    .appt-ref[b-8ufsbgg4ad] {
        grid-column: 1;
        grid-row: auto;
        text-align: left;
    }

    .action-btn[b-8ufsbgg4ad] {
        position: absolute;
        right: 12px;
        top: 14px;
        opacity: 1;
    }

    .section-title[b-8ufsbgg4ad] {
        font-size: 1rem;
    }

    .section-title-wrapper[b-8ufsbgg4ad] {
        gap: 6px;
    }

    .section-header[b-8ufsbgg4ad] {
        flex-wrap: wrap;
    }

    .btn-primary[b-8ufsbgg4ad] {
        padding: 10px 20px;
    }

    /* Pagination mobile */
    .appointments-pagination[b-8ufsbgg4ad] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .pagination-info[b-8ufsbgg4ad] {
        justify-content: center;
    }

    .pagination-status[b-8ufsbgg4ad] {
        text-align: center;
    }

    .pagination-controls[b-8ufsbgg4ad] {
        justify-content: center;
        flex-wrap: wrap;
    }

    .page-btn[b-8ufsbgg4ad] {
        min-width: 36px;
        height: 36px;
    }

    /* Hide page numbers on mobile, show only nav buttons */
    .page-btn.page-number[b-8ufsbgg4ad] {
        display: none;
    }

    .page-btn.page-number.active[b-8ufsbgg4ad] {
        display: flex;
    }
}

/* iPad specific */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .property-view[b-8ufsbgg4ad] {
        padding: 24px;
        padding-top: 64px;
    }

    .hero-section[b-8ufsbgg4ad] {
        min-height: 350px;
    }

    .hero-section[b-8ufsbgg4ad]  #map-container {
        height: 350px !important;
        min-height: 350px !important;
    }

    .streetview-container[b-8ufsbgg4ad] {
        height: 350px;
    }
}

/* iOS device considerations */
@supports (-webkit-touch-callout: none) {
    .property-view[b-8ufsbgg4ad] {
        min-height: -webkit-fill-available;
    }
}
/* Admin/Shared/SyncError.razor.rz.scp.css */