/* /Components/Complaints/ComplaintDetailsSlider.razor.rz.scp.css */
/* Right-hand slider shell, matching the customer and subcontractor sliders: the dialog is
   pinned to the right edge at full height and the body is the only part that scrolls. */
.complaint-slider.right .modal-dialog[b-n3i6l6y1bi] {
    position: fixed;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 640px;
    width: 100%;
}

.complaint-slider.right .modal-content[b-n3i6l6y1bi] {
    height: 100vh;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    border: none;
}

.complaint-slider.right.fade .modal-dialog[b-n3i6l6y1bi] {
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.complaint-slider.right.show .modal-dialog[b-n3i6l6y1bi] {
    transform: translateX(0);
}

.complaint-slider .modal-header[b-n3i6l6y1bi] {
    padding: 24px 24px 16px 24px;
    flex-shrink: 0;
}

.complaint-slider .modal-header .icon[b-n3i6l6y1bi] {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #0D6EFD14;
    flex-shrink: 0;
}

.complaint-slider .modal-header .icon img[b-n3i6l6y1bi] {
    width: 18px;
    height: 18px;
}

.complaint-slider .modal-body[b-n3i6l6y1bi] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 0;
}

/* The modal body carries no padding of its own by convention, so the content supplies it. */
.cds-body[b-n3i6l6y1bi] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 24px 24px 24px;
}

.cds-subtitle[b-n3i6l6y1bi] {
    font-size: 12px;
    color: #94A3B8;
}

.cds-badges[b-n3i6l6y1bi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cds-author[b-n3i6l6y1bi] {
    font-size: 12px;
    color: #475569;
    font-weight: 600;
}

/* Blazor scopes component CSS, so these live here rather than being shared from elsewhere. */
.complaint-role-badge[b-n3i6l6y1bi] {
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    padding: 2px 8px;
    background: #F1F5F9;
    color: #475569;
}

.complaint-role-customer[b-n3i6l6y1bi] {
    background: #0D6EFD1F;
    color: #0D6EFD;
}

.complaint-role-subcontractor[b-n3i6l6y1bi] {
    background: #F59E0B1F;
    color: #B45309;
}

.cds-status[b-n3i6l6y1bi] {
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    padding: 2px 8px;
}

/* Open complaints are the ones still owed an answer, so they read as the warning state —
   same as the table's row badge. */
.cds-status-open[b-n3i6l6y1bi] {
    background: #DC26261F;
    color: #DC2626;
}

.cds-status-resolved[b-n3i6l6y1bi] {
    background: #16A34A1F;
    color: #15803D;
}

.cds-status-archived[b-n3i6l6y1bi] {
    background: #64748B1F;
    color: #475569;
}

/* Two-column fact list; each dt/dd pair is wrapped so it stays together when wrapping. */
.cds-facts[b-n3i6l6y1bi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
    margin: 0;
    padding: 16px;
    background: #F8FAFC;
    border-radius: 10px;
}

.cds-facts dt[b-n3i6l6y1bi] {
    font-size: 11px;
    font-weight: 600;
    color: #94A3B8;
    margin-bottom: 2px;
}

.cds-facts dd[b-n3i6l6y1bi] {
    font-size: 13px;
    color: #0F172A;
    margin: 0;
    overflow-wrap: anywhere;
}

.cds-section[b-n3i6l6y1bi] {
    display: flex;
    flex-direction: column;
}

.cds-heading[b-n3i6l6y1bi] {
    font-size: 12px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin: 0 0 8px 0;
}

.cds-description[b-n3i6l6y1bi] {
    margin: 0;
    font-size: 14px;
    color: #0F172A;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cds-textarea[b-n3i6l6y1bi] {
    resize: vertical;
    min-height: 110px;
}

.cds-edit-actions[b-n3i6l6y1bi] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.cds-photo-grid[b-n3i6l6y1bi] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cds-photo-thumb[b-n3i6l6y1bi] {
    width: 84px;
    height: 84px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EBECED;
    display: block;
}

.cds-photo-thumb img[b-n3i6l6y1bi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cds-comments[b-n3i6l6y1bi] {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cds-comment[b-n3i6l6y1bi] {
    padding: 10px 12px;
    background: #F8FAFC;
    border-radius: 8px;
}

.cds-comment-head[b-n3i6l6y1bi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cds-comment-date[b-n3i6l6y1bi] {
    font-size: 11px;
    color: #94A3B8;
}

.cds-comment-text[b-n3i6l6y1bi] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: #0F172A;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.cds-comment-form[b-n3i6l6y1bi] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cds-comment-form .form-input[b-n3i6l6y1bi] {
    flex: 1;
    min-width: 0;
}

/* Actions sit on the right, with the way back to the address anchored opposite them. */
.cds-footer[b-n3i6l6y1bi] {
    flex-shrink: 0;
    padding: 16px 24px;
    border-top: 1px solid #1E293B14 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.cds-footer-actions[b-n3i6l6y1bi] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.cds-danger[b-n3i6l6y1bi] {
    color: #DC2626;
}
/* /Components/Complaints/ComplaintsTable.razor.rz.scp.css */
/* The card and the table styling come from the app's own `.dispatch … .main-table` rules,
   which every host supplies the outer classes for; this only covers the row contents. */

.ct-filter[b-y4lohhj59d] {
    width: auto;
    min-width: 180px;
}

.ct-placeholder[b-y4lohhj59d] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    color: #64748B;
}

.ct-status[b-y4lohhj59d] {
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    padding: 2px 8px;
    white-space: nowrap;
}

/* Open complaints are the ones still owed an answer, so they read as the warning state. */
.ct-status-open[b-y4lohhj59d] {
    background: #DC26261F;
    color: #DC2626;
}

.ct-status-resolved[b-y4lohhj59d] {
    background: #16A34A1F;
    color: #15803D;
}

.ct-status-archived[b-y4lohhj59d] {
    background: #64748B1F;
    color: #475569;
}

/* Addresses are the longest column; let one wrap rather than stretching the table. The cap
   is relative so the column gives way in a modal tab, where there is far less room than on
   the full-width page. */
.ct-location[b-y4lohhj59d] {
    margin: 0;
    max-width: min(360px, 40vw);
    overflow-wrap: anywhere;
}
/* /Components/Complaints/NewComplaintPopup.razor.rz.scp.css */
/* WMPopup zeroes the padding on .modal-body, so each popup supplies its own form surface —
   same treatment as the location rule popup. */
.complaint-popup-body[b-5k4pgqzykf] {
    padding: 16px 20px !important;
    background-color: #F1F5F9;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: 60vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.complaint-popup-field[b-5k4pgqzykf] {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #1E293B0F;
    border-radius: 10px;
    padding: 12px 14px;
    box-shadow: 0px 1px 1px -0.5px #1E293B08;
}

.complaint-popup-actions[b-5k4pgqzykf] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.complaint-textarea[b-5k4pgqzykf] {
    resize: vertical;
}

/* The file input is stretched over the whole zone so the browser handles a dropped file
   itself — no JS interop needed to read DataTransfer — and a click still opens the picker. */
.complaint-dropzone[b-5k4pgqzykf] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin-top: 10px;
    padding: 18px 12px;
    border: 1px dashed #CBD5E1;
    border-radius: 10px;
    background: #F8FAFC;
    text-align: center;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.complaint-dropzone.dragover[b-5k4pgqzykf] {
    border-color: var(--purple);
    background: #5263FF14;
}

.complaint-dropzone.disabled[b-5k4pgqzykf] {
    opacity: 0.6;
}

.complaint-dropzone[b-5k4pgqzykf]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.complaint-dropzone.disabled[b-5k4pgqzykf]  input[type="file"] {
    cursor: not-allowed;
}

.complaint-dropzone-title[b-5k4pgqzykf] {
    font-size: 13px;
    font-weight: 600;
    color: #0D6EFD;
}

.complaint-dropzone-hint[b-5k4pgqzykf] {
    font-size: 11px;
    color: #64748B;
}

.complaint-photo-grid[b-5k4pgqzykf] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.complaint-photo-thumb[b-5k4pgqzykf] {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EBECED;
    display: block;
}

.complaint-photo-thumb img[b-5k4pgqzykf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.complaint-photo-remove[b-5k4pgqzykf] {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 18px;
    height: 18px;
    border: none;
    border-radius: 50%;
    background: rgba(15, 23, 42, 0.65);
    color: #FFFFFF;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    z-index: 1;
}
/* /Components/EditProfilePicturePopup.razor.rz.scp.css */
.epp-picture-popup[b-viu1y8h29s] {
    padding: 20px;
    background: #F1F5F9;
}

.epp-picture-preview[b-viu1y8h29s] {
    display: flex;
    justify-content: center;
}

.epp-picture-large[b-viu1y8h29s] {
    width: 96px;
    height: 96px;
    border-radius: 100%;
    object-fit: cover;
}

.epp-picture-popup .btn-wm-primary[b-viu1y8h29s] {
    height: 48px;
}

[b-viu1y8h29s] .epp-upload-wrapper {
    position: relative;
    width: 100%;
}

    .epp-upload-wrapper .btn-wm-primary[b-viu1y8h29s] {
        width: 100%;
    }

[b-viu1y8h29s] .epp-upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}

    .epp-upload-input[b-viu1y8h29s]  input[type="file"] {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }
/* /Components/Layouts/CustomerPortalLayout.razor.rz.scp.css */
.customer-shell[b-oqy8yc8ezx] {
    min-height: 100vh;
    background: #f8fafc;
    color: #1e293b;
}

.customer-topbar[b-oqy8yc8ezx] {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
    padding-inline: max(24px, calc((100vw - 1680px) / 2 + 24px));
    border-bottom: 1px solid #1e293b0f;
    background: #fff;
}

.customer-topbar h1[b-oqy8yc8ezx] {
    margin: 0;
    color: #1e293b;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -1px;
}

.topbar-actions[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.viewing-as[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 10px;
    border: 1px solid #f2d98c;
    border-radius: 9px;
    background: #fff7df;
    font-size: 13px;
}

.viewing-as button[b-oqy8yc8ezx],
.menu-action[b-oqy8yc8ezx] {
    border: 0;
    background: none;
    color: #4f5fe7;
    font-weight: 600;
}

.icon-button[b-oqy8yc8ezx] {
    position: relative;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #1e293b0f;
    border-radius: 10px;
    background: #f1f5f9cc;
}

.icon-button > img[b-oqy8yc8ezx] {
    width: 20px;
    height: 20px;
}

.alert-count[b-oqy8yc8ezx] {
    position: absolute;
    top: -5px;
    right: -5px;
    display: grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border: 1px solid #1e293b17;
    border-radius: 50px;
    background: #ed4030;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.profile-button[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
}

.profile-avatar[b-oqy8yc8ezx] {
    position: relative;
    display: block;
}

.profile-avatar > img[b-oqy8yc8ezx],
.profile-avatar-fallback[b-oqy8yc8ezx] {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.profile-avatar > small[b-oqy8yc8ezx] {
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    place-items: center;
    width: 25px;
    height: 16px;
    border: 1px solid #1e293b17;
    border-radius: 6px;
    background: #5263ff;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
}

.profile-copy[b-oqy8yc8ezx] {
    display: flex;
    flex-direction: column;
    max-width: 220px;
}

.profile-copy strong[b-oqy8yc8ezx] {
    color: #1e293b;
    font-size: 13px;
    line-height: 20px;
}

.profile-copy small[b-oqy8yc8ezx] {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-main[b-oqy8yc8ezx] {
    width: min(100%, 1680px);
    margin: 0 auto;
    padding: 24px;
}

.portal-popover[b-oqy8yc8ezx] {
    position: absolute;
    top: 72px;
    right: max(24px, calc((100vw - 1680px) / 2 + 24px));
    z-index: 60;
    width: 340px;
    padding: 16px;
    border: 1px solid #1e293b08;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, 0 32px 32px -16px #1e293b17;
}

.alerts-popover[b-oqy8yc8ezx] {
    right: max(210px, calc((100vw - 1680px) / 2 + 210px));
}

.portal-popover h3[b-oqy8yc8ezx] {
    margin: 0 0 12px;
    font-size: 15px;
}

.portal-popover p[b-oqy8yc8ezx] {
    margin: 8px;
    color: #7b8497;
}

.alerts-popover button[b-oqy8yc8ezx] {
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    background: #f7f8fc;
    text-align: left;
}

.profile-popover[b-oqy8yc8ezx] {
    width: 360px;
    max-height: calc(100dvh - 86px);
    display: flex;
    flex-direction: column;
    padding: 32px 16px 16px;
    gap: 16px;
    border-radius: 28px;
    box-shadow: 0 72px 72px -36px #1e293b08, 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, 0 20px 20px -12px #1e293b08, 0 32px 32px -16px #1e293b08, 0 56px 56px -28px #1e293b08;
}

.profile-close[b-oqy8yc8ezx] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
}

.profile-close img[b-oqy8yc8ezx] { width: 18px; height: 18px; }

.profile-summary[b-oqy8yc8ezx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 0;
    text-align: center;
}

.profile-summary > img[b-oqy8yc8ezx],
.avatar.large[b-oqy8yc8ezx] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    background: linear-gradient(180deg, #5263ff, #aeb6ff);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.profile-summary > div[b-oqy8yc8ezx] {
    display: flex;
    flex-direction: column;
}

.profile-summary strong[b-oqy8yc8ezx] {
    color: #1e293b;
    font-size: 18px;
    line-height: 24px;
}

.profile-summary small[b-oqy8yc8ezx] {
    color: #64748b;
    font-size: 12px;
    line-height: 20px;
}

.manage-account[b-oqy8yc8ezx] {
    height: 32px;
    padding: 0 12px;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f8fafc;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
}

.context-groups[b-oqy8yc8ezx] {
    width: 100%;
    max-height: 340px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
}

.context-groups[b-oqy8yc8ezx]::-webkit-scrollbar { display: none; }

.context-group[b-oqy8yc8ezx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 4px;
}

.context-group-header[b-oqy8yc8ezx] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: #e2e8f0;
    color: #1e293b;
    font-family: inherit;
    font-size: 13px;
    text-align: left;
}

.context-group:first-child .context-group-header[b-oqy8yc8ezx] { border-radius: 24px 24px 4px 4px; }
.context-group:last-child .context-role:last-child[b-oqy8yc8ezx] { border-radius: 4px 4px 24px 24px; }

.context-group-header img[b-oqy8yc8ezx] {
    width: 16px;
    height: 16px;
    transition: transform .16s ease;
}

.context-group-header img.collapsed[b-oqy8yc8ezx] { transform: rotate(180deg); }

.context-role[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 4px;
    background: #f1f5f9;
    color: #1e293b;
    text-align: left;
}

.context-role:not(:disabled):hover[b-oqy8yc8ezx] { background: #5263ff1f; }

.context-role > span[b-oqy8yc8ezx],
.context-role > small[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.context-role > span[b-oqy8yc8ezx] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13px;
    font-weight: 500;
}

.context-role > span b[b-oqy8yc8ezx] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.context-role > span img[b-oqy8yc8ezx] {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
}

.context-role > small[b-oqy8yc8ezx] {
    flex: 0 0 auto;
    color: #5263ff;
    font-size: 12px;
    font-weight: 600;
}

.context-role > small img[b-oqy8yc8ezx] {
    width: 14px;
    height: 14px;
}

.context-role:disabled > small[b-oqy8yc8ezx] {
    color: #64748b;
}

.profile-logout[b-oqy8yc8ezx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 32px;
    margin-top: 0;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f8fafc;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
}

.profile-logout img[b-oqy8yc8ezx] {
    width: 16px;
    height: 16px;
}

.context-empty[b-oqy8yc8ezx] {
    padding: 16px 8px;
    text-align: center;
    font-size: 12px;
}

.customer-main :deep(.wm-toast-container)[b-oqy8yc8ezx] {
    z-index: 1000;
}

@media (max-width: 760px) {
    .customer-topbar[b-oqy8yc8ezx] {
        height: 66px;
        padding: 0 14px;
    }

    .customer-topbar h1[b-oqy8yc8ezx] {
        font-size: 20px;
    }

    .profile-copy[b-oqy8yc8ezx],
    .viewing-as span[b-oqy8yc8ezx] {
        display: none;
    }

    .customer-main[b-oqy8yc8ezx] {
        padding: 14px;
    }

    .alerts-popover[b-oqy8yc8ezx] {
        right: 70px;
    }

    .portal-popover[b-oqy8yc8ezx] {
        right: 14px;
        max-width: calc(100vw - 28px);
    }
}
/* /Components/MyAccountPopup.razor.rz.scp.css */
.account-section[b-scs5cm1gb9] {
    display: flex;
    flex-direction: column;
}

.account-row[b-scs5cm1gb9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    border-bottom: 1px solid #E5E7EB;
}

    .account-row:last-child[b-scs5cm1gb9] {
        border-bottom: none;
    }

.account-row-content[b-scs5cm1gb9] {
    flex: 1;
}

.account-row label[b-scs5cm1gb9] {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--dark-txt);
}

.account-row p[b-scs5cm1gb9] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748B;
    overflow-wrap: anywhere;
    word-break: normal;
}

.phone-code-plus[b-scs5cm1gb9] {
    position: relative;
    top: -1px;
}

.account-edit-btn[b-scs5cm1gb9] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: none;
    border-radius: 10px;
    background: #EEF2FF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s;
}

    .account-edit-btn:hover[b-scs5cm1gb9] {
        background: #E0E7FF;
    }

    .account-edit-btn img[b-scs5cm1gb9] {
        width: 20px;
        height: 20px;
    }

.notifications-section[b-scs5cm1gb9] {
    padding: 16px 24px;
    border-bottom: 1px solid #E5E7EB;
}

.notifications-title[b-scs5cm1gb9] {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 700;
    color: #1F2937;
}

.notification-item[b-scs5cm1gb9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .notification-item + .notification-item[b-scs5cm1gb9] {
        margin-top: 12px;
    }

    .notification-item label[b-scs5cm1gb9] {
        margin: 0;
        font-size: 14px;
        font-weight: 500;
        color: #1F2937;
    }

.account-section .det-toggle-item[b-scs5cm1gb9] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.account-section .det-toggle-switch[b-scs5cm1gb9] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

    .account-section .det-toggle-switch.disabled[b-scs5cm1gb9] {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .account-section .det-toggle-switch input[b-scs5cm1gb9] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.account-section .det-toggle-slider[b-scs5cm1gb9] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

    .account-section .det-toggle-switch.disabled .det-toggle-slider[b-scs5cm1gb9] {
        cursor: not-allowed;
    }

    .account-section .det-toggle-slider[b-scs5cm1gb9]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        border-radius: 1000px;
        background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
        border: 3.5px solid #f9fbfc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
    }

.account-section .det-toggle-switch input:checked + .det-toggle-slider[b-scs5cm1gb9] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

    .account-section .det-toggle-switch input:checked + .det-toggle-slider[b-scs5cm1gb9]:before {
        transform: translateX(18px);
        background: #fff;
    }

    .account-section .det-toggle-switch input:checked + .det-toggle-slider[b-scs5cm1gb9]:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7.5px;
        width: 11px;
        height: 11px;
        background-image: url("../img/icons/toggle-check-icon.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

.account-section .det-toggle-label[b-scs5cm1gb9] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
}

.share-profile-text[b-scs5cm1gb9] {
    max-width: 360px;
    line-height: 20px;
    color: #6B7280;
    word-break: break-word;
}

.cu-body-wrap[b-scs5cm1gb9] {
    padding: 20px;
    background: #f1f5f9;
}

    .cu-body-wrap label[b-scs5cm1gb9] {
        font-size: 13px;
        font-weight: 500;
        color: #1e293b;
    }

        .cu-body-wrap label span[b-scs5cm1gb9] {
            color: #ef4444;
        }

    .cu-body-wrap input[b-scs5cm1gb9] {
        height: 40px;
        width: 100%;
    }

        /* Input focus */

        .cu-body-wrap input:focus[b-scs5cm1gb9] {
            outline: none;
        }

        .cu-body-wrap input.is-invalid:focus[b-scs5cm1gb9] {
            border-color: #ef4444;
            box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
        }


.email-otp-body[b-scs5cm1gb9] {
    padding: 16px 20px;
    background: #F5F7FA;
}

.otp-boxes[b-scs5cm1gb9] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.otp-input[b-scs5cm1gb9] {
    width: 53.33px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #475467;
    transition: all .2s ease;
}

    .otp-input:focus[b-scs5cm1gb9] {
        outline: none;
        border-color: #C7D2FE;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .otp-input.is-invalid[b-scs5cm1gb9] {
        border: 2px solid #FDA4AF !important;
    }

.otp-container[b-scs5cm1gb9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.invalid-code-message[b-scs5cm1gb9] {
    width: 360px;
    font-size: 13px;
    font-weight: 500;
    color: #D92D20;
    text-align: left;
    margin-top: 12px;
}

.cu-contractors-box[b-scs5cm1gb9] {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.cu-contractors-header[b-scs5cm1gb9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
    border-bottom: 1px solid #1e293b0f;
}

.cu-contractors-count[b-scs5cm1gb9] {
    color: #64748b;
    font-weight: 500;
    font-size: 12px;
}

.cu-contractors-list[b-scs5cm1gb9] {
    max-height: 180px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c3c8cf transparent;
}

.cu-contractors-item[b-scs5cm1gb9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    cursor: pointer;
    font-size: 13px;
    color: #1e293b;
    margin: 0;
    user-select: none;
}

    .cu-contractors-item:hover[b-scs5cm1gb9] {
        background-color: #eef0ff;
    }

.cu-contractors-checkbox[b-scs5cm1gb9] {
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
    border: 2.5px solid #d9dee3 !important;
    backdrop-filter: blur(24px) !important;
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset !important;
    flex-shrink: 0 !important;
}

    .cu-contractors-checkbox.checked[b-scs5cm1gb9] {
        background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
        color: white !important;
        backdrop-filter: blur(24px) !important;
        box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset !important;
        border: none !important;
    }

.cu-contractors-checkbox-icon[b-scs5cm1gb9] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: initial !important;
    line-height: initial !important;
    letter-spacing: initial !important;
    color: white !important;
}

.account-header-menu-btn[b-scs5cm1gb9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background .12s;
}

    .account-header-menu-btn:hover[b-scs5cm1gb9] {
        background: #f1f5f9;
    }

.account-menu[b-scs5cm1gb9] {
    /* min-width: 180px; */
    padding: 8px;
}

.account-menu-item[b-scs5cm1gb9] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: left;
    padding: 10px 12px;
    border-radius: 16px;
    font-size: 14px;
    color: #475569;
    font-weight: 600;
    text-align: center;
}

    .account-menu-item:hover[b-scs5cm1gb9] {
        background: #EEF2FF;
    }

    .account-menu-item.delete[b-scs5cm1gb9] {
        color: #DF2917;
    }

        .account-menu-item.delete:hover[b-scs5cm1gb9] {
            background: #fff5f5;
        }
/* /Components/NotificationsPopup.razor.rz.scp.css */
/* ── Mark all as read (popup header action) ─────────────────────────────── */
.np-mark-all[b-h3qz548xbk] {
    padding: 6px 10px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #5263FF;
    white-space: nowrap;
    transition: background 0.12s, color 0.12s;
}

.np-mark-all:hover:not(:disabled)[b-h3qz548xbk] {
    background: #5263FF14;
}

.np-mark-all:disabled[b-h3qz548xbk] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ── Unread / All tabs ──────────────────────────────────────────────────── */
.np-tabs-wrap[b-h3qz548xbk] {
    padding: 16px 20px 0;
    background: #f1f5f9;
}

.np-tabs[b-h3qz548xbk] {
    gap: 6px;
    background-color: #FFFFFFCC;
    border: 1px #1E293B08 solid;
    border-radius: 16px;
    padding: 6px 8px;
}

.np-tabs button.tab[b-h3qz548xbk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px;
    background-color: transparent;
    border: 1px transparent solid;
    border-radius: 10px;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #64748B;
    width: 100%;
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
}

.np-tabs button.tab:hover[b-h3qz548xbk] {
    color: #1E293B;
}

.np-tabs button.tab.active[b-h3qz548xbk] {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 250, 252, 1));
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow:
        0 1px 1px rgba(15, 23, 42, 0.03),
        0 4px 10px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #1E293B;
}

.np-tab-count[b-h3qz548xbk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: #5263FF;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
}

/* ── List container ─────────────────────────────────────────────────────── */
.np-list[b-h3qz548xbk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 20px;
    background: #f1f5f9;
    max-height: 490px;
    overflow-y: auto;
}

/* ── Individual notification card ───────────────────────────────────────── */
.np-item[b-h3qz548xbk] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px;
    border-radius: 16px;
    border: 1.5px solid transparent;
    cursor: pointer;
    transition: border-color 0.12s, background 0.12s;
    background: #fff;
    box-shadow: 
        0px 20px 20px -12px #1E293B08,
        0px 3px 3px -1.5px #1E293B08,
        0px 1px 1px -0.5px #1E293B08;
}

.np-item:hover[b-h3qz548xbk] {
    border-color: #c7d2fe;
}

.np-item.unread[b-h3qz548xbk] {
    background: #FAFBFF;
    border-color: #5263ff30;
}

.np-item.unread:hover[b-h3qz548xbk] {
    border-color: #5263ff66;
}

/* ── Notification icon circle ───────────────────────────────────────────── */
.np-icon-wrap[b-h3qz548xbk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #5263FF1F;
    flex-shrink: 0;
}

.np-icon-wrap.declined[b-h3qz548xbk],
.np-icon-wrap.reject[b-h3qz548xbk] {
    background: #ED40301F;
}

.np-icon-wrap.accepted[b-h3qz548xbk],
.np-icon-wrap.approve[b-h3qz548xbk] {
    background: #409B3F1F;
}

.np-icon[b-h3qz548xbk] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

/* ── Text content ───────────────────────────────────────────────────────── */
.np-content[b-h3qz548xbk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.np-title[b-h3qz548xbk] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
    line-height: 20px;
    letter-spacing: -0.2px;
    overflow-wrap: anywhere;
    word-break: normal;
}

.np-time[b-h3qz548xbk] {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    line-height: 16px;
    letter-spacing: -0.2px;
}

/* ── Chevron ─────────────────────────────────────────────────────────────── */
.np-chevron[b-h3qz548xbk] {
    flex-shrink: 0;
}

/* ── Empty state ────────────────────────────────────────────────────────── */
.np-empty[b-h3qz548xbk] {
    height: 490px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 24px;
    background: #f1f5f9;
}

.np-empty-icon[b-h3qz548xbk] {
    width: 48px;
    height: 48px;
    opacity: 0.4;
}

.np-empty-text[b-h3qz548xbk] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #94A3B8;
}

/* ── Load more ──────────────────────────────────────────────────────────── */
.np-load-more[b-h3qz548xbk] {
    display: flex;
    justify-content: center;
    padding: 6px 0 2px;
}
/* /Components/Settings/Integrations/QuickBooksDesktopSetupWizard.razor.rz.scp.css */
.qbd-wizard-head[b-gqf2t0446m] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.qbd-wizard-progress[b-gqf2t0446m] {
    flex: 1;
    height: 4px;
    border-radius: 999px;
    background: #E2E8F0;
    overflow: hidden;
}

.qbd-wizard-progress-bar[b-gqf2t0446m] {
    height: 100%;
    border-radius: 999px;
    background: #0D6EFD;
    transition: width 160ms ease-out;
}

.qbd-wizard-counter[b-gqf2t0446m] {
    font-size: 12px;
    color: #64748B;
    white-space: nowrap;
}

/* The screenshots are wide Windows dialogs; cap the height so a step still fits on screen
   next to its instruction rather than pushing the buttons out of view. */
.qbd-wizard-shot[b-gqf2t0446m] {
    display: block;
    width: 100%;
    max-height: 380px;
    object-fit: contain;
    object-position: left top;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F8FAFC;
}

/* Credentials are read off the screen and typed into another program, so they need to be
   unambiguous — a proportional font makes l/1 and O/0 a guessing game. */
.qbd-credential[b-gqf2t0446m] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.02em;
}
/* /Components/Settings/SettingsContent.razor.rz.scp.css */
.settings-modal-right-panel[b-b4n0wxdd89] {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.settings-modal-content[b-b4n0wxdd89] {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.settings-modal-content:has(.business-tab-wrapper)[b-b4n0wxdd89],
.settings-modal-content:has(.prices-tab-wrapper)[b-b4n0wxdd89] {
    overflow-y: hidden !important;
}

.settings-modal-content[b-b4n0wxdd89]::-webkit-scrollbar {
    display: none;
}

.tab-placeholder h5[b-b4n0wxdd89] {
    font-weight: 600;
    color: var(--gray-txt);
}
/* /Components/Settings/SettingsPopup.razor.rz.scp.css */
[b-1say1qi7uo] .settings-popup .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden;
}

/* The accounting tab carries far more than the others — defaults, work-type and customer
   mapping tables, the setup walkthrough — so the dialog grows with the viewport instead of
   sitting at a fixed height. Capped so it never outgrows a laptop screen, and floored so a
   short window still shows a usable pane rather than collapsing to nothing. The inner panes
   own their own scrolling, so only the available room changes here. */
.settings-modal-body[b-1say1qi7uo] {
    height: clamp(520px, 78vh, 860px);
    background: #FFFFFF;
    overflow: hidden;
}
/* /Components/Settings/SettingsSidebar.razor.rz.scp.css */
.settings-modal-sidebar[b-pt3rms76l7] {
    width: 288px;
    background: #FFFFFF;
    border-right: 1px solid #E5E7EB;
    padding: 24px 16px;
    gap: 8px;
    flex-shrink: 0;
}

.settings-tab-btn[b-pt3rms76l7] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border: none;
    background: transparent;
    border-radius: 10px;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    transition: all 0.2s ease;
    cursor: pointer;
    width: 100%;
}

.settings-tab-btn:hover[b-pt3rms76l7] {
    background: #F1F5F9CC;
    color: var(--dark-txt);
}

.settings-tab-btn.active[b-pt3rms76l7] {
    background: #F1F5F9CC;
    color: var(--dark-txt);
    font-weight: 600;
}

.tab-icon[b-pt3rms76l7] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settings-tab-btn.active .tab-icon[b-pt3rms76l7] {
    color: #5263FF;
}

.settings-tab-btn:not(.active) .tab-icon[b-pt3rms76l7] {
    color: #64748B;
}
/* /Components/Settings/SettingsTabs/AccountingIntegrations.razor.rz.scp.css */
/* Sits directly in the tab body alongside .settings-section-card blocks, which inset
   their content by 16px 20px — without the same the section runs flush to the edges.
   Extra at the bottom because this is the last thing in the tab. */
.integration-section[b-cbe30rtmqs] {
    padding: 16px 20px 24px;
}

.integration-card[b-cbe30rtmqs] {
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    overflow: hidden;
}

.integration-card-expanded[b-cbe30rtmqs] {
    border-color: #C7D2FE;
    box-shadow: 0 2px 8px rgba(79, 70, 229, 0.06);
}

.integration-card-header[b-cbe30rtmqs] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.integration-card-header:hover[b-cbe30rtmqs] {
    background: #F8FAFC;
}

.integration-logo[b-cbe30rtmqs] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: contain;
    flex-shrink: 0;
    border: 1px solid #F1F5F9;
    background: #FFFFFF;
    padding: 4px;
}

/* The header identifies the picked provider; it is no longer a button, so it must not
   pick up the hover/pointer affordances of the clickable version. */
.integration-card-header-static[b-cbe30rtmqs] {
    cursor: default;
    background: transparent;
}

.integration-card-header-static:hover[b-cbe30rtmqs] {
    background: transparent;
}

/* Stand-in for providers whose brand logo we do not ship. */
.integration-logo-monogram[b-cbe30rtmqs] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    color: #475569;
    background: #F8FAFC;
}

.integration-card-titles[b-cbe30rtmqs] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.integration-card-subtitle[b-cbe30rtmqs] {
    font-size: 12px;
    color: #64748B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 420px;
}

.integration-chevron[b-cbe30rtmqs] {
    flex-shrink: 0;
    transition: transform 0.15s ease;
}

.integration-chevron-open[b-cbe30rtmqs] {
    transform: rotate(180deg);
}

.integration-card-body[b-cbe30rtmqs] {
    padding: 16px;
    border-top: 1px solid #F1F5F9;
}

.integration-divider[b-cbe30rtmqs] {
    margin: 16px 0 12px;
    border-color: #F1F5F9;
    opacity: 1;
}

.integration-provider-name[b-cbe30rtmqs] {
    font-size: 15px;
    font-weight: 600;
    color: #0F172A;
}

.integration-chip[b-cbe30rtmqs] {
    display: inline-flex;
    align-items: center;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.integration-chip-success[b-cbe30rtmqs] {
    background: #DCFCE7;
    color: #166534;
}

.integration-chip-info[b-cbe30rtmqs] {
    background: #DBEAFE;
    color: #1E40AF;
}

.integration-chip-error[b-cbe30rtmqs] {
    background: #FEE2E2;
    color: #B91C1C;
}

.integration-chip-warning[b-cbe30rtmqs] {
    background: #FEF3C7;
    color: #92400E;
}

.integration-chip-muted[b-cbe30rtmqs] {
    background: #F1F5F9;
    color: #64748B;
}

.integration-alert[b-cbe30rtmqs] {
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 13px;
}

.integration-alert-warning[b-cbe30rtmqs] {
    background: #FEF3C7;
    color: #92400E;
}

.integration-alert-error[b-cbe30rtmqs] {
    background: #FEE2E2;
    color: #B91C1C;
    white-space: pre-wrap;
    word-break: break-word;
}

.integration-connect-steps ol[b-cbe30rtmqs] {
    padding-left: 18px;
    font-size: 13px;
    color: #475569;
}

.integration-install-link[b-cbe30rtmqs] {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    height: 42px;
    padding: 0 14px;
}

.integration-meta[b-cbe30rtmqs] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    font-size: 12px;
    color: #64748B;
}

.integration-settings-grid[b-cbe30rtmqs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 12px;
}

.integration-table-scroll[b-cbe30rtmqs] {
    max-height: min(48vh, 480px);
    overflow-y: auto;
    overflow-x: auto;
}

.integration-table[b-cbe30rtmqs] {
    border-collapse: collapse;
    font-size: 13px;
}

.integration-table th[b-cbe30rtmqs] {
    text-align: left;
    color: #64748B;
    font-weight: 600;
    padding: 6px 8px;
    border-bottom: 1px solid #E2E8F0;
    position: sticky;
    top: 0;
    background: #FFFFFF;
}

.integration-table td[b-cbe30rtmqs] {
    padding: 6px 8px;
    border-bottom: 1px solid #F1F5F9;
    vertical-align: middle;
}

.integration-row-unmapped[b-cbe30rtmqs] {
    background: #FFFBEB;
}

.integration-empty-row[b-cbe30rtmqs] {
    text-align: center;
    color: #16A34A;
    padding: 14px 8px !important;
}

.integration-remap-editor[b-cbe30rtmqs] {
    position: relative;
}

.integration-remap-results[b-cbe30rtmqs] {
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    margin-top: 4px;
    max-height: 220px;
    overflow-y: auto;
    background: #FFFFFF;
}

.integration-remap-result[b-cbe30rtmqs] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    padding: 6px 10px;
    border: none;
    background: transparent;
    text-align: left;
    font-size: 13px;
    cursor: pointer;
}

.integration-remap-result:hover[b-cbe30rtmqs] {
    background: #F1F5F9;
}

.integration-remap-id[b-cbe30rtmqs] {
    color: #94A3B8;
    font-size: 12px;
}

/* section-subtitle and form-label are per-tab scoped classes in this codebase (each
   settings tab defines its own copy) — mirror the shared look from the other tabs. */
.section-subtitle[b-cbe30rtmqs] {
    font-size: 12px;
    color: #64748B;
    margin-bottom: 10px;
}

small.section-subtitle[b-cbe30rtmqs] {
    display: block;
    margin: 4px 0 0;
}

.form-label[b-cbe30rtmqs] {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
}

.integration-card-body .integration-provider-name[b-cbe30rtmqs] {
    font-size: 14px;
}

/* form-input is a per-tab scoped class in this codebase (each settings tab defines its
   own copy) — mirror the shared look from the other tabs. */
.form-input[b-cbe30rtmqs] {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    background-color: #FFFFFF;
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
}

.form-input:focus[b-cbe30rtmqs] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
}

.form-select[b-cbe30rtmqs] {
    font-size: 13px;
    border-radius: 10px;
    border: 1px #1E293B1F solid;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.btn-sm[b-cbe30rtmqs] {
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
}
/* /Components/Settings/SettingsTabs/BusinessTab.razor.rz.scp.css */
.settings-form-section[b-q4rrqedxqs] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.settings-scroll-content[b-q4rrqedxqs] {
    flex-grow: 1;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.settings-scroll-content[b-q4rrqedxqs]::-webkit-scrollbar {
    display: none;
}

.settings-section-card[b-q4rrqedxqs] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card:first-child[b-q4rrqedxqs] {
    padding: 16px 20px;
}

.settings-section-card:last-child[b-q4rrqedxqs] {
    border-bottom: none;
    padding-bottom: 8px;
}

.section-title[b-q4rrqedxqs] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-q4rrqedxqs] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.form-label[b-q4rrqedxqs] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
}

.form-label.required[b-q4rrqedxqs]::after {
    content: " *";
    color: var(--danger);
}

.label-optional[b-q4rrqedxqs] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
    margin-left: 4px;
}

.form-input[b-q4rrqedxqs] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-q4rrqedxqs] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.form-input.is-invalid[b-q4rrqedxqs] {
    border-color: var(--danger);
    box-shadow: 0 0 0 0.2rem rgba(239, 68, 68, 0.1);
}

.invalid-feedback[b-q4rrqedxqs] {
    display: block;
    font-size: 12px;
    color: var(--danger);
    margin-top: 4px;
}

.form-select[b-q4rrqedxqs] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('img/icons/Chevron_down.svg');
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px;
    padding-right: 36px;
}

.form-select:focus[b-q4rrqedxqs] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.cvr-input-group[b-q4rrqedxqs] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.cvr-input-group .form-input[b-q4rrqedxqs] {
    padding-right: 80px;
}

.btn-wm-find-inline[b-q4rrqedxqs] {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    min-width: 56px;
    height: 33px;
    padding: 0 12px;
    background-color: var(--purple);
    border: 1px var(--purple) solid;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.btn-wm-find-inline:hover[b-q4rrqedxqs] {
    opacity: 0.9;
}

.upload-img-box[b-q4rrqedxqs] {
/*    background-color: #F1F5F9;
    border: 1px #1E293B1F dashed;
    padding: 16px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;*/
    height: 64px;
    background-color: #F1F5F9 !important;
    border: 1px #1E293B1F dashed !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border-width: 2px !important;
    border-style: dashed !important;
}

.upload-img-box .left[b-q4rrqedxqs] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.upload-img-box .left img[b-q4rrqedxqs] {
  height: 24px;
}

.upload-img-box .left span[b-q4rrqedxqs] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.upload-img-box button[b-q4rrqedxqs] {
  background-color: var(--white);
  border: 1px #1E293B17 solid;
  border-radius: 8px;
  outline: none;
  box-shadow: 0 2px 1.5px -0.5px #1E293B08;
  gap: 2px;
  padding: 8px;
  position: relative;
  cursor: pointer;
}

.upload-img-box button img[b-q4rrqedxqs] {
  height: 16px;
}

.upload-img-box button span[b-q4rrqedxqs] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  padding: 0 4px;
}

.upload-img-box button input[b-q4rrqedxqs] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}

    .upload-img-box.img-box-loading[b-q4rrqedxqs] {
        height: 64px;
    }

    .upload-img-box.dragging[b-q4rrqedxqs] {
        border-color: var(--purple) !important;
        background-color: #f5f3ff !important;
        transform: scale(1.01) !important;
        transition: all 0.2s ease !important;
    }

.dispatch-user-item[b-q4rrqedxqs] {
    background: #F1F5F9;
    border-radius: 12px;
    padding: 10px 16px !important;
}.user-name[b-q4rrqedxqs] {
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 20px;
    font-weight: 700;
    color: #475569;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.user-phone[b-q4rrqedxqs] {
    color: #475569;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.btn-remove-user[b-q4rrqedxqs] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 6px;
    background: #ED40301F;
    cursor: pointer;
    transition: background 0.12s, transform 0.2s;
    flex-shrink: 0;
}

.two-factor-item[b-q4rrqedxqs] {
    background: #F8FAFC;
    border-radius: 20px;
    transition: border-color 0.2s ease;
}

.two-factor-item:hover[b-q4rrqedxqs] {
    border-color: #CBD5E1;
}

.auth-icon-box[b-q4rrqedxqs] {
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    color: var(--gray-txt);
}

.auth-title[b-q4rrqedxqs] {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-txt);
}

.auth-desc[b-q4rrqedxqs] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
}

.toggle-title[b-q4rrqedxqs] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
}

.det-toggle-switch[b-q4rrqedxqs] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

.det-toggle-switch input[b-q4rrqedxqs] {
    opacity: 0;
    width: 0;
    height: 0;
}

.det-toggle-slider[b-q4rrqedxqs] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

.det-toggle-slider[b-q4rrqedxqs]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    transition: .3s;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-q4rrqedxqs] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.det-toggle-switch input:checked + .det-toggle-slider[b-q4rrqedxqs]:before {
    transform: translateX(18px);
    background: #fff;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-q4rrqedxqs]:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 7.5px;
    width: 11px;
    height: 11px;
    background-image: url("../img/icons/toggle-check-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.season-range-selector[b-q4rrqedxqs] {
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    height: 42px;
    overflow: hidden;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    flex: 1;
}

.season-range-selector:focus-within[b-q4rrqedxqs] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    border-color: #1E293B1F;
}

.season-day-dropdown-container[b-q4rrqedxqs] {
    width: 65px;
    height: 100%;
}

.season-month-dropdown-container[b-q4rrqedxqs] {
    flex-grow: 1;
    height: 100%;
}

.season-range-selector[b-q4rrqedxqs]  .dropdown {
    height: 100% !important;
}

.season-range-selector[b-q4rrqedxqs]  .season-day-merged {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 8px 0 14px !important;
    outline: none !important;
}

.season-range-selector[b-q4rrqedxqs]  .season-month-merged {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 14px !important;
    outline: none !important;
}

.season-range-selector[b-q4rrqedxqs]  .season-day-merged:focus,
.season-range-selector[b-q4rrqedxqs]  .season-month-merged:focus {
    box-shadow: none !important;
}

.season-selector-divider[b-q4rrqedxqs] {
    width: 1px;
    height: 24px;
    background-color: #E2E8F0;
    flex-shrink: 0;
}

.settings-modal-footer[b-q4rrqedxqs] {
    height: 80px;
    border-top: 1px solid #E2E8F0;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
    flex-shrink: 0;
}

.det-img-thumb[b-q4rrqedxqs] {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E2E8F0;
  cursor: pointer;
  background-color: #fff;
}

.det-img-thumb img[b-q4rrqedxqs] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.det-img-thumb-delete[b-q4rrqedxqs] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  background-color: #df2917;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.12s;
}

.det-img-thumb-delete:hover[b-q4rrqedxqs] {
  background-color: #f54a3b;
}

.det-img-thumb-delete img[b-q4rrqedxqs] {
  height: 15px;
  width: 15px;
}

.auth-badge[b-q4rrqedxqs] {
    background: #E0E7FF;
    color: #4F46E5;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 11px;
    font-weight: 600;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
}
/* /Components/Settings/SettingsTabs/CustomerInvoiceTab.razor.rz.scp.css */
.settings-form-section[b-1vdmy07rpy] {
    display: flex;
    flex-direction: column;
}

.settings-section-card[b-1vdmy07rpy] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E2E8F0 !important;
    border-radius: 0;
    padding: 16px 20px;
}

.section-title[b-1vdmy07rpy] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-1vdmy07rpy] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.invoice-line-desc-input[b-1vdmy07rpy] {
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    flex: 1;
    font-size: 13px;
    min-width: 280px;
    padding: 9px 12px;
}

.invoice-line-desc-vars .var-pill[b-1vdmy07rpy] {
    background: #eef1fb;
    border: none;
    border-radius: 999px;
    color: #4a5aa8;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
}

/* Toggle switch. The markup is shared with the other settings tabs, but Blazor's scoped CSS
   does not travel between components, so each tab that uses it carries its own copy. */
.det-toggle-item[b-1vdmy07rpy] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.det-toggle-switch[b-1vdmy07rpy] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient(180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100%);
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

.det-toggle-switch input[b-1vdmy07rpy] {
    opacity: 0;
    width: 0;
    height: 0;
}

.det-toggle-slider[b-1vdmy07rpy] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

.det-toggle-slider[b-1vdmy07rpy]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    transition: .3s;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-1vdmy07rpy] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.det-toggle-switch input:checked + .det-toggle-slider[b-1vdmy07rpy]:before {
    transform: translateX(18px);
    background: #fff;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-1vdmy07rpy]:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 7.5px;
    width: 11px;
    height: 11px;
    background-image: url("../img/icons/toggle-check-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

.det-toggle-label[b-1vdmy07rpy] {
    font-size: 14px;
    font-weight: 600;
    color: #475569;
}
/* /Components/Settings/SettingsTabs/DrawingToolTab.razor.rz.scp.css */
.settings-form-section[b-5sf8ai2jry] {
    display: flex;
    flex-direction: column;
    height: 100%; /* fill the modal's content area */
    min-height: 0;
}

.settings-section-card[b-5sf8ai2jry] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card.no-border-bottom[b-5sf8ai2jry] {
    border-bottom: none;
}

.section-title[b-5sf8ai2jry] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-5sf8ai2jry] {
    font-size: 13px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.tools-list-container[b-5sf8ai2jry] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* take up all remaining space in the modal */
    min-height: 0;
}

.tools-scrollable-list[b-5sf8ai2jry] {
    flex: 1 1 auto; /* grow to fill available space above the footer */
    overflow-y: auto; /* scrolls internally once list gets long */
    min-height: 0;

    /* Firefox */
    scrollbar-width: none;

    /* IE / old Edge */
    -ms-overflow-style: none;
}

    /* Chrome, Safari, new Edge (WebKit-based) */
    .tools-scrollable-list[b-5sf8ai2jry]::-webkit-scrollbar {
        display: none;
    }

.tool-row-card[b-5sf8ai2jry] {
    background: #F1F5F9;
    border-radius: 16px;
    padding: 12px 16px;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .tool-row-card.active-editing-card[b-5sf8ai2jry] {
        background: #F1F5F9;
    }

.color-indicator-dot[b-5sf8ai2jry] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: inline-block;
    flex-shrink: 0;
}

.color-indicator-dot.static-dot[b-5sf8ai2jry] {
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.tool-title[b-5sf8ai2jry] {
    font-size: 14.5px;
    font-weight: 700;
    color: #1E293B;
}

.badge-type[b-5sf8ai2jry] {
    border: 1px solid #E2E8F0;
    background: #FFFFFF;
    color: #475569;
    border-radius: 8px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-tool-action[b-5sf8ai2jry] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background: transparent !important;
    cursor: pointer;
    padding: 6px;
    transition: opacity 0.15s ease;
    box-shadow: none !important;
    outline: none !important;
}

.btn-tool-action:hover[b-5sf8ai2jry] {
    opacity: 0.7;
}

.form-label[b-5sf8ai2jry] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
}

.form-input[b-5sf8ai2jry] {
    width: 100%;
    height: 42px;
    padding: 8px 12px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-5sf8ai2jry] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.select-input[b-5sf8ai2jry] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 10px 6px;
    padding-right: 32px;
}

.btn-tool-delete-editing[b-5sf8ai2jry] {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    transition: background 0.15s ease;
}

.btn-tool-delete-editing:hover[b-5sf8ai2jry] {
    background: rgba(223, 41, 23, 0.05);
}

.btn-save-inline-tool[b-5sf8ai2jry] {
    background: #363AF5;
    color: #FFFFFF;
    border: none;
    height: 42px;
    padding: 0 24px;
    font-size: 13.5px;
    font-weight: 700;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s ease;
}

.btn-save-inline-tool:hover[b-5sf8ai2jry] {
    background: #2528D8;
}

.settings-modal-footer[b-5sf8ai2jry] {
    height: 80px;
    border-top: 1px solid #E2E8F0;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
    flex-shrink: 0;
}

.sticky-footer[b-5sf8ai2jry] {
    position: static;
    flex-shrink: 0;
    background: var(--white);
    border-top: 1px solid #E2E8F0;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
    padding: 1rem;
    height: 80px;
    display: flex;
    align-items: center;
}
/* /Components/Settings/SettingsTabs/HolidaysTab.razor.rz.scp.css */
.settings-form-section[b-kj1wklhlsz] {
    display: flex;
    flex-direction: column;
}

.settings-section-card[b-kj1wklhlsz] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card:last-child[b-kj1wklhlsz] {
    border-bottom: none;
}

.section-title[b-kj1wklhlsz] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-kj1wklhlsz] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.form-label[b-kj1wklhlsz] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
}

.form-input[b-kj1wklhlsz] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-kj1wklhlsz] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.form-input[b-kj1wklhlsz]::placeholder {
    color: #cccccc !important;
    font-weight: 600 !important;
}

.worktype-item[b-kj1wklhlsz] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px !important;
}

.worktype-name[b-kj1wklhlsz] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dark-txt);
}

.edit-card[b-kj1wklhlsz] {
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    padding: 16px !important;
}

.btn-remove-icon[b-kj1wklhlsz] {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    transition: opacity 0.2s ease;
}

.btn-remove-icon:hover[b-kj1wklhlsz] {
    opacity: 0.7;
}

.fee-badge[b-kj1wklhlsz] {
    background: var(--white);
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.det-toggle-switch[b-kj1wklhlsz] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

.det-toggle-switch input[b-kj1wklhlsz] {
    opacity: 0;
    width: 0;
    height: 0;
}

.det-toggle-slider[b-kj1wklhlsz] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

.det-toggle-slider[b-kj1wklhlsz]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    transition: .3s;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-kj1wklhlsz] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.det-toggle-switch input:checked + .det-toggle-slider[b-kj1wklhlsz]:before {
    transform: translateX(18px);
    background: #fff;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-kj1wklhlsz]:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 7.5px;
    width: 11px;
    height: 11px;
    background-image: url("../img/icons/toggle-check-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
/* /Components/Settings/SettingsTabs/NotificationsTab.razor.rz.scp.css */
.settings-form-section[b-ofzt8z98g9] {
    display: flex;
    flex-direction: column;
}

.settings-section-card[b-ofzt8z98g9] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card:first-child[b-ofzt8z98g9] {
    padding: 16px 20px;
}

.settings-section-card:last-child[b-ofzt8z98g9] {
    border-bottom: none;
}

.active-editing-card[b-ofzt8z98g9] {
    background: #F8FAFC !important;
    border-bottom: 1px solid #E5E7EB !important;
}

.section-title[b-ofzt8z98g9] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-ofzt8z98g9] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.form-label[b-ofzt8z98g9] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
}

.form-input[b-ofzt8z98g9] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-ofzt8z98g9] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.var-pill[b-ofzt8z98g9] {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 4px 12px;
    font-size: 12.5px;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.var-pill:hover[b-ofzt8z98g9] {
    background: #F1F5F9;
    border-color: #CBD5E1;
}

.btn-template-action[b-ofzt8z98g9] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    flex-shrink: 0;
}

.btn-template-action:hover[b-ofzt8z98g9] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

.email-body-textarea[b-ofzt8z98g9] {
    height: 180px;
    resize: none;
    line-height: 1.5;
}

.det-toggle-switch[b-ofzt8z98g9] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

    .det-toggle-switch.disabled[b-ofzt8z98g9] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.det-toggle-switch input[b-ofzt8z98g9] {
    opacity: 0;
    width: 0;
    height: 0;
}

.det-toggle-slider[b-ofzt8z98g9] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

    .det-toggle-switch.disabled .det-toggle-slider[b-ofzt8z98g9] {
        cursor: not-allowed;
    }

.det-toggle-slider[b-ofzt8z98g9]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
    transition: .3s;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-ofzt8z98g9] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.det-toggle-switch input:checked + .det-toggle-slider[b-ofzt8z98g9]:before {
    transform: translateX(18px);
    background: #fff;
}

.det-toggle-switch input:checked + .det-toggle-slider[b-ofzt8z98g9]:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 7.5px;
    width: 11px;
    height: 11px;
    background-image: url("../img/icons/toggle-check-icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
/* /Components/Settings/SettingsTabs/PricesTab.razor.rz.scp.css */
.settings-form-section[b-9l545ictzp] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.settings-scroll-content[b-9l545ictzp] {
    flex-grow: 1;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.settings-scroll-content[b-9l545ictzp]::-webkit-scrollbar {
    display: none;
}

.settings-section-card[b-9l545ictzp] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card:last-child[b-9l545ictzp] {
    border-bottom: none;
}

.section-title[b-9l545ictzp] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-9l545ictzp] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.accordion-header[b-9l545ictzp] {
    background: transparent;
    border: none;
    text-align: left;
    cursor: pointer;
    padding: 0 !important;
    outline: none;
}

.accordion-title[b-9l545ictzp] {
    font-size: 15px;
    font-weight: 700;
    color: #1E293B;
}

.accordion-arrow[b-9l545ictzp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #EDEEFF;
    border-radius: 8px;
    transition: transform 0.2s ease;
}

.accordion-body-wrapper[b-9l545ictzp] {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.accordion-body-wrapper.expanded[b-9l545ictzp] {
    max-height: 800px;
    opacity: 1;
    visibility: visible;
}

.range-table-container[b-9l545ictzp] {
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    background: #FFFFFF;
    overflow: hidden;
}

.range-table-header[b-9l545ictzp] {
    background: #F1F5F9;
    border-bottom: 1px solid #E2E8F0;
    padding: 10px 16px !important;
    font-size: 13px;
    font-weight: 700;
    color: var(--dark-txt);
}

.range-table-body[b-9l545ictzp] {
    background: #FFFFFF;
    padding: 16px !important;
}

/*.range-table-footer {
    background: #5263FF1F;
    border-top: 1px solid #E2E8F0;
    padding: 10px 16px !important;
}*/

.btn-new-inline[b-9l545ictzp] {
    background: transparent;
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #363AF5;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0;
}

.btn-new-inline:hover[b-9l545ictzp] {
    opacity: 0.8;
}

.flat-price-container[b-9l545ictzp] {
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
    overflow: hidden;
}

.flat-price-header[b-9l545ictzp] {
    background: #F1F5F9;
    border-bottom: 1px solid #E2E8F0;
    padding: 10px 16px !important;
    font-size: 13px;
    font-weight: 700;
    color: #64748B;
}

.flat-price-body[b-9l545ictzp] {
    background: #FFFFFF;
    padding: 16px !important;
}

.price-range-row[b-9l545ictzp] {
    padding: 2px 0;
}

.form-input[b-9l545ictzp] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-9l545ictzp] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.btn-remove-range[b-9l545ictzp] {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    transition: opacity 0.2s ease;
    width: 32px;
}

.btn-remove-range:hover[b-9l545ictzp] {
    opacity: 0.7;
}

.prices-empty-state[b-9l545ictzp] {
    height: 408px;
    padding: 0 40px;
}

.prices-empty-state p[b-9l545ictzp] {
    font-size: 14px;
    color: var(--gray-txt-2);
}

/*.settings-modal-footer {
    height: 80px;
    border-top: 1px solid #E2E8F0;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 24px;
    flex-shrink: 0;
}*/

.prices-tab-wrapper[b-9l545ictzp] {
    display: flex;
    flex-direction: column;
    height: 100%; /* needs a bounded height from its parent modal to work */
}

.settings-scroll-content[b-9l545ictzp] {
    flex: 1 1 auto;
    overflow-y: auto;
    min-height: 0; /* critical in flex layouts, otherwise content won't scroll and pushes footer down */
}

.settings-modal-footer[b-9l545ictzp] {
    flex: 0 0 auto;
    height: 80px;
    border-top: 1px solid #E2E8F0;
    background: var(--white);
    align-items: center;
    padding: 0 24px;
}

/* ── Add row button ── */
.prices-tab-wrapper .prices-add-row-btn[b-9l545ictzp] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6.5px 16px;
    font-size: 13px;
    font-weight: 700;
    color: var(--purple);
    background-color: #eaecff;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s;
    border-top: none;
}

    .prices-tab-wrapper .prices-add-row-btn:hover[b-9l545ictzp] {
        background-color: #dce0ff;
    }
/* /Components/Settings/SettingsTabs/TwoFactorAuthentication/AuthenticatorApp/SetupAuthenticatorPopup.razor.rz.scp.css */
.cu-body-wrap[b-gtxnlmk0ox] {
    padding: 20px;
    background: #f1f5f9;
}

.sap-description[b-gtxnlmk0ox] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 20px;
}

.qr-card[b-gtxnlmk0ox] {
    background: white;
    padding: 10px;
    border-radius: 24px;
    display: inline-flex;
}

.setup-key-group[b-gtxnlmk0ox] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-wm-copy-inline[b-gtxnlmk0ox] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: background-color 0.15s ease;
    padding: 0;
}

    .btn-wm-copy-inline:hover[b-gtxnlmk0ox] {
        background-color: #F8FAFC;
    }

.form-label[b-gtxnlmk0ox] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
    display: inline-block;
}

.form-input[b-gtxnlmk0ox] {
    width: 100%;
    height: 42px;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .form-input:focus[b-gtxnlmk0ox] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
        outline: none;
        border-color: #1E293B1F;
    }
/* /Components/Settings/SettingsTabs/TwoFactorAuthentication/AuthenticatorApp/VerifyAuthenticatorPopup.razor.rz.scp.css */
.cu-body-wrap[b-faqxarb2og] {
    padding: 20px;
    background: #f1f5f9;
}

.otp-boxes[b-faqxarb2og] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.otp-input[b-faqxarb2og] {
    width: 53.33px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #475467;
    transition: all .2s ease;
}

    .otp-input:focus[b-faqxarb2og] {
        outline: none;
        border-color: #C7D2FE;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05);
    }

.otp-container[b-faqxarb2og] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.invalid-code-message[b-faqxarb2og] {
    width: 360px;
    font-size: 13px;
    font-weight: 500;
    color: #D92D20;
    text-align: left;
    margin-top: 12px;
}

.otp-input.is-invalid[b-faqxarb2og] {
    border: #ED403033;
    box-shadow: 0 0 0 3px rgba(237, 64, 48, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
}
/* /Components/Settings/SettingsTabs/TwoFactorAuthentication/RecoveryCodesPopup.razor.rz.scp.css */
.cu-body-wrap[b-ddytl7obys] {
    padding: 20px;
    background: #f1f5f9;
}

.codes-container[b-ddytl7obys] {
    display: flex;
    justify-content: center;
    gap: 48px;
    padding: 16px 0;
}

.codes-column[b-ddytl7obys] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.code-item[b-ddytl7obys] {
    font-size: 15px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.2px;
    line-height: 24px;
    font-family: 'Plus Jakarta Sans';
}
/* /Components/Settings/SettingsTabs/TwoFactorAuthentication/TextSms/SetupSmsPopup.razor.rz.scp.css */
.cu-body-wrap[b-ao3qt8xq6q] {
    padding: 24px;
    background: #f1f5f9;
}

label[b-ao3qt8xq6q] {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #344054 !important;
}

.phone-group[b-ao3qt8xq6q] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-ao3qt8xq6q],
    .phone-group:focus-within[b-ao3qt8xq6q] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-ao3qt8xq6q],
    .phone-group input:focus-within[b-ao3qt8xq6q] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-ao3qt8xq6q] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-ao3qt8xq6q] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-ao3qt8xq6q] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-ao3qt8xq6q] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-ao3qt8xq6q]::placeholder {
        color: #cccccc !important;
    }

[b-ao3qt8xq6q] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-ao3qt8xq6q] .user-phone-code.custom-select-button {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-ao3qt8xq6q] .user-phone-code.custom-select-button:focus {
        box-shadow: none !important;
    }
/* /Components/Settings/SettingsTabs/TwoFactorAuthentication/TextSms/VerifySmsPopup.razor.rz.scp.css */
.cu-body-wrap[b-isetwj4osh] {
    padding: 20px;
    background: #f1f5f9;
}

.otp-boxes[b-isetwj4osh] {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.otp-input[b-isetwj4osh] {
    width: 53.33px;
    height: 60px;
    background: #FFFFFF;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #475467;
    transition: all .2s ease;
}

.otp-input:focus[b-isetwj4osh] {
    outline: none;
    border-color: #C7D2FE;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15), 0 2px 4px rgba(0, 0, 0, 0.05);
}

.otp-container[b-isetwj4osh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.invalid-code-message[b-isetwj4osh] {
    width: 360px;
    font-size: 13px;
    font-weight: 500;
    color: #D92D20;
    text-align: left;
    margin-top: 12px;
}

.otp-input.is-invalid[b-isetwj4osh] {
    border: 2px solid #FDA4AF !important;
    background-color: #FFFFFF !important;
}

.resend-container[b-isetwj4osh] {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.btn-resend[b-isetwj4osh] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #1E293B1F;
    border-radius: 8px;
    background: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    color: #475467;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease;
    outline: none;
}

.btn-resend:hover:not(:disabled)[b-isetwj4osh] {
    background-color: #F8FAFC;
    border-color: #CBD5E1;
}

.btn-resend:disabled[b-isetwj4osh] {
    background-color: #F8FAFC;
    color: #98A2B3;
    cursor: not-allowed;
    box-shadow: none;
    border-color: #1E293B0F;
}
/* /Components/Settings/SettingsTabs/WorkTypesTab.razor.rz.scp.css */
.settings-form-section[b-bav7mzguus] {
    display: flex;
    flex-direction: column;
}

.settings-section-card[b-bav7mzguus] {
    background: transparent;
    border: none;
    border-bottom: 1px solid #E5E7EB;
    border-radius: 0;
    padding: 16px 20px;
}

.settings-section-card:first-child[b-bav7mzguus] {
    padding: 16px 20px;
}

.settings-section-card:last-child[b-bav7mzguus] {
    border-bottom: none;
}

.section-title[b-bav7mzguus] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
    margin-bottom: 2px;
}

.section-subtitle[b-bav7mzguus] {
    font-size: 12.5px;
    color: var(--gray-txt-2);
    margin-bottom: 8px;
}

.form-label[b-bav7mzguus] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
}

.form-input[b-bav7mzguus] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form-input:focus[b-bav7mzguus] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
    outline: none;
    border-color: #1E293B1F;
}

.worktype-item[b-bav7mzguus] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px !important;
}

.worktype-name[b-bav7mzguus] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--dark-txt);
}

.edit-card[b-bav7mzguus] {
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    padding: 16px !important;
}

.btn-remove-icon[b-bav7mzguus],
.btn-edit-icon[b-bav7mzguus] {
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    transition: opacity 0.2s ease;
}

.btn-remove-icon:hover[b-bav7mzguus],
.btn-edit-icon:hover[b-bav7mzguus] {
    opacity: 0.7;
}

.fee-badge[b-bav7mzguus] {
    background: var(--white);
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

.form-input[b-bav7mzguus]::placeholder {
    color: #cccccc !important;
    font-weight: 600 !important;
}

.baggee[b-bav7mzguus] {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
}

    .baggee.green[b-bav7mzguus] {
        background-color: #409B3F1F;
        color: var(--green);
    }

.no-spinner[b-bav7mzguus]::-webkit-inner-spin-button,
.no-spinner[b-bav7mzguus]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner[b-bav7mzguus] {
    -moz-appearance: textfield;
}
/* /Components/Shared/WMCalendar.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   WMCalendar — Scoped Component Styles
   ═══════════════════════════════════════════════════════ */

.wm-calendar-container[b-txwjzjn6w8] {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
}

.wm-calendar-input[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    outline: none !important;
    user-select: none !important;
}

    .wm-calendar-input:hover:not(:disabled)[b-txwjzjn6w8] {
        border-color: #eaecff !important;
        background-color: #f8f9fa !important;
    }

    .wm-calendar-input:focus[b-txwjzjn6w8],
    .wm-calendar-input:focus-within[b-txwjzjn6w8] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .wm-calendar-input:disabled[b-txwjzjn6w8] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

    .wm-calendar-input.invalid[b-txwjzjn6w8] {
        box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
    }

.wm-calendar-input-date[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.wm-calendar-icon[b-txwjzjn6w8] {
    height: 18px !important;
    width: 18px !important;
    flex-shrink: 0 !important;
}

.wm-calendar-input-text[b-txwjzjn6w8] {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: #212529 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.wm-calendar-input.placeholder .wm-calendar-input-text[b-txwjzjn6w8] {
    color: #cccccc !important;
}

.wm-calendar-popup[b-txwjzjn6w8] {
    z-index: 9999 !important;
    background: var(--white) !important;
    border: 1px solid #1E293B17 !important;
    border-radius: 20px !important;
    padding: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    width: 304px !important;
}

.wm-cal-header[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 1px solid #1E293B17 !important;
    border-radius: 12px !important;
    padding: 4px !important;
    margin-bottom: 12px !important;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%) !important;
}

.wm-cal-nav-btn[b-txwjzjn6w8] {
    height: 30px !important;
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--white) !important;
    border: 1px solid #1E293B17 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.15s !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    .wm-cal-nav-btn:hover[b-txwjzjn6w8] {
        background-color: #F1F5F9 !important;
    }

    .wm-cal-nav-btn img[b-txwjzjn6w8] {
        height: 14px !important;
    }

.wm-cal-month-year-btn[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    transition: background-color 0.15s !important;
}

    .wm-cal-month-year-btn:hover[b-txwjzjn6w8] {
        background-color: #F1F5F9 !important;
    }

.wm-cal-month[b-txwjzjn6w8] {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
    color: var(--gray-txt) !important;
}

.wm-cal-year[b-txwjzjn6w8] {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
    color: var(--gray-txt-2) !important;
}

.wm-cal-dow-row[b-txwjzjn6w8] {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    text-align: center !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: -0.2px !important;
    color: var(--gray-txt-2) !important;
    margin-bottom: 4px !important;
}

.wm-cal-dow[b-txwjzjn6w8] {
    padding: 4px 0 !important;
}

.wm-cal-dates[b-txwjzjn6w8] {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 2px !important;
}

.wm-cal-cell[b-txwjzjn6w8] {
    height: 30px !important;
    width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    color: var(--gray-txt) !important;
    transition: background-color 0.12s, color 0.12s !important;
    margin: 0 auto !important;
    user-select: none !important;
}

    .wm-cal-cell:hover:not(.other):not(.disabled):not(.selected)[b-txwjzjn6w8] {
        background-color: #eaecff !important;
    }

    .wm-cal-cell.selected[b-txwjzjn6w8] {
        background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
        /* border: 1px solid transparent; */
        border: none;
        backdrop-filter: blur(24px);
        box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
        color: var(--white) !important;
        z-index: 1;
    }

    .wm-cal-cell.today[b-txwjzjn6w8] {
        color: var(--purple) !important;
        font-weight: 800 !important;
        border: 1.5px solid var(--purple) !important;
    }

    .wm-cal-cell.other[b-txwjzjn6w8] {
        color: #C8D5E1 !important;
        pointer-events: none !important;
        cursor: default !important;
    }

    .wm-cal-cell.disabled[b-txwjzjn6w8] {
        color: #CBD5E1 !important;
        pointer-events: none !important;
        cursor: not-allowed !important;
        opacity: 0.5 !important;
    }

.wm-cal-month-grid[b-txwjzjn6w8] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 6px !important;
    padding: 4px 0 !important;
}

.wm-cal-month-cell[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--gray-txt) !important;
    cursor: pointer !important;
    transition: background-color 0.12s, color 0.12s !important;
    user-select: none !important;
}

    .wm-cal-month-cell:hover:not(.disabled):not(.selected)[b-txwjzjn6w8] {
        background-color: #eaecff !important;
    }

    .wm-cal-month-cell.selected[b-txwjzjn6w8] {
        background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
        /* border: 1px solid transparent; */
        border: none;
        backdrop-filter: blur(24px);
        box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
        color: var(--white) !important;
        z-index: 1;
    }

    .wm-cal-month-cell.today[b-txwjzjn6w8] {
        color: var(--purple) !important;
        font-weight: 800 !important;
        border: 1.5px solid var(--purple) !important;
    }

    .wm-cal-month-cell.disabled[b-txwjzjn6w8] {
        color: #CBD5E1 !important;
        pointer-events: none !important;
        opacity: 0.5 !important;
    }

.wm-cal-footer[b-txwjzjn6w8] {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #1E293B0F !important;
    gap: 8px !important;
}

.wm-cal-footer-btn[b-txwjzjn6w8] {
    flex: 1 !important;
}

.wm-cal-clear-btn[b-txwjzjn6w8] {
    background-color: #F1F5F9 !important;
    color: var(--gray-txt) !important;
}

    .wm-cal-clear-btn:hover[b-txwjzjn6w8] {
        background-color: #E2E8F0 !important;
    }

.wm-cal-today-btn[b-txwjzjn6w8] {
    background-color: var(--purple) !important;
    color: var(--white) !important;
    border-color: transparent !important;
}

    .wm-cal-today-btn:hover[b-txwjzjn6w8] {
        opacity: 0.88 !important;
    }
/* /Components/Shared/WMColorPicker.razor.rz.scp.css */
.wm-colour-picker[b-sy9v055hpa] {
  position: relative !important;
}

.wm-cp-btn[b-sy9v055hpa] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0px 12px !important;
  background-color: #ffffff !important;
  border: 1px solid #1e293b1f !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.wm-cp-btn:hover:not(:disabled)[b-sy9v055hpa] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.wm-cp-btn:focus[b-sy9v055hpa],
.wm-cp-btn:focus-within[b-sy9v055hpa] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.wm-cp-btn:disabled[b-sy9v055hpa] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-cp-swatch-preview[b-sy9v055hpa] {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  border: none;
  flex-shrink: 0 !important;
}

.wm-cp-popover[b-sy9v055hpa] {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.wm-cp-grid[b-sy9v055hpa] {
  display: grid !important;
  grid-template-columns: repeat(6, 26px) !important;
  gap: 8px !important;
}

.wm-cp-swatch[b-sy9v055hpa] {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform 0.1s !important;
}

.wm-cp-swatch:hover[b-sy9v055hpa] {
  transform: scale(1.25) !important;
}

.wm-cp-swatch.selected[b-sy9v055hpa] {
  transform: scale(1.25) !important;
}

.wm-cp-custom-row[b-sy9v055hpa] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.wm-cp-custom-label[b-sy9v055hpa] {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--gray-txt-2, #64748b) !important;
}

.wm-cp-custom-input[b-sy9v055hpa] {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: none !important;
  padding: 0 !important;
  box-shadow: initial !important;
  outline: initial !important;
}

.wm-cp-custom-input:focus[b-sy9v055hpa],
.wm-cp-custom-input:focus-within[b-sy9v055hpa],
.wm-cp-custom-input:active[b-sy9v055hpa] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.wm-cp-custom-input[b-sy9v055hpa]::-webkit-color-swatch-wrapper {
  padding: 0 !important;
}

.wm-cp-custom-input[b-sy9v055hpa]::-webkit-color-swatch {
  border: none !important;
  border-radius: 4px !important;
}
/* /Components/Shared/WMCountryDropdown.razor.rz.scp.css */
.custom-select-button[b-jnikbz6w79] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-jnikbz6w79] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-jnikbz6w79] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-jnikbz6w79] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-jnikbz6w79] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-jnikbz6w79] {
  max-width: 90% !important;
}

.custom-select-button-text[b-jnikbz6w79] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-jnikbz6w79] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-jnikbz6w79] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-jnikbz6w79]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-jnikbz6w79] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-jnikbz6w79] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-jnikbz6w79] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-jnikbz6w79] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-jnikbz6w79] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-jnikbz6w79] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-jnikbz6w79] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMDateRangePicker.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   WMDateRangePicker — Scoped Component Styles
   ═══════════════════════════════════════════════════════ */

/* ── Root ── */
.wm-drp-container[b-w858bo40vm] {
    position: relative;
    display: inline-block;
    width: 100%;
    /* Size to the control's own content. Stretching to the host row made the picker
       taller than the buttons beside it in list toolbars. */
    height: auto;
}

/* ── Trigger ── */
.wm-drp-trigger[b-w858bo40vm] {
    display: flex;
    /* Wrap the preset above the range in hosts too narrow for one row (filter popups,
       side sliders) so the date text is never truncated. No effect where there is room. */
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 32px;
    background-color: #ffffff;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.2s ease-in-out;
    overflow: visible;
}

    .wm-drp-trigger:hover:not(.disabled)[b-w858bo40vm] {
        border-color: #eaecff !important;
    }

    .wm-drp-trigger:focus-within[b-w858bo40vm] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .wm-drp-trigger.disabled[b-w858bo40vm] {
        background: transparent;
        box-shadow: initial;
        cursor: not-allowed;
    }

.wm-drp-trigger-preset[b-w858bo40vm] {
    /* Fill the leftover space on its row. Safe because the range button below carries
       min-width: max-content, so the preset can never squeeze the date into an ellipsis. */
    flex: 1 1 auto;
    position: relative;
    height: 30px;
    overflow: visible;
    flex-shrink: 0;
}

.wm-drp-trigger.no-presets[b-w858bo40vm] {
    overflow: hidden;
}

.wm-drp-trigger.no-presets .wm-drp-trigger-range[b-w858bo40vm] {
    border-radius: 10px;
}

    .wm-drp-trigger-preset[b-w858bo40vm]  .dropdown {
        height: 30px !important;
        overflow: visible !important;
    }

        .wm-drp-trigger-preset[b-w858bo40vm]  .dropdown.show {
            overflow: visible !important;
        }

        .wm-drp-trigger-preset[b-w858bo40vm]  .dropdown:has(> .wm-drp-preset-dropdown-btn) {
            /* Fill the preset's slot rather than shrink-wrapping, so the dropdown
               (and its hover state) spans the same width as the date field below. */
            width: 100% !important;
        }

    .wm-drp-trigger-preset[b-w858bo40vm]  .wm-drp-preset-dropdown-btn.custom-select-button {
        border: none !important;
        border-radius: 10px 0 0 10px !important;
        box-shadow: none !important;
        background-color: transparent !important;
        height: 30px !important;
        font-size: 12px !important;
        /* Fill the preset's slot so the dropdown lines up with the date field
           (and spans the full row when the trigger wraps in narrow hosts). */
        width: 100% !important;
        min-width: 120px;
        white-space: nowrap;
        outline: none !important;
        transition: none !important;
    }

    .wm-drp-trigger-preset[b-w858bo40vm]  .wm-drp-preset-dropdown-btn.custom-select-button:focus {
        box-shadow: none !important;
    }

/* ── Trigger Divider ── */
.wm-drp-trigger-divider[b-w858bo40vm] {
    width: 1px;
    align-self: stretch;
    background-color: #1E293B1F;
    flex-shrink: 0;
}

/* ── Trigger — Date Range Right Part ── */
.wm-drp-trigger-range[b-w858bo40vm] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 12px;
    height: 30px;
    flex: 1;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
    min-width: max-content;
    transition: background-color 0.15s;
    background: none;
    border: none;
}

    .wm-drp-trigger-range:hover[b-w858bo40vm] {
        background-color: #f8f9fa;
    }

    .wm-drp-trigger-range:disabled[b-w858bo40vm] {
        background: transparent !important;
        cursor: not-allowed !important;
    }

.wm-drp-icon[b-w858bo40vm] {
    height: 16px;
    width: 16px;
    flex-shrink: 0;
}

.wm-drp-trigger-range-text[b-w858bo40vm] {
    font-size: 12px;
    font-weight: 600;
    color: #212529;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wm-drp-placeholder[b-w858bo40vm] {
    color: #cccccc;
}

/* ── Preset Dropdown List (from trigger) ── */
.wm-drp-preset-list[b-w858bo40vm] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    background: var(--white);
    border: 1px solid #1E293B17;
    border-radius: 16px;
    padding: 6px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    z-index: 99999;
    min-width: 150px;
}

.wm-drp-preset-item[b-w858bo40vm] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s, color 0.15s;
    white-space: nowrap;
}

    .wm-drp-preset-item:hover[b-w858bo40vm] {
        background-color: #eaecff;
        color: var(--dark-txt);
    }

    .wm-drp-preset-item.active[b-w858bo40vm] {
        background-color: #eaecff;
        color: var(--purple);
        font-weight: 600;
    }

/* ── Calendar Popup ── */
.wm-drp-popup[b-w858bo40vm] {
    z-index: 9999;
    background: var(--white);
    border: 1px solid #1E293B17;
    border-radius: 20px;
    padding: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    width: 832px;
    min-width: 832px;
}

.wm-drp-popup.no-presets[b-w858bo40vm] {
    width: 624px;
    min-width: min(624px, calc(100vw - 24px));
}

/* ── Popup Inner ── */
.wm-drp-popup-inner[b-w858bo40vm] {
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}

.wm-drp-popup-inner.no-presets[b-w858bo40vm] {
    gap: 0;
}

/* ── Sidebar (inside popup) ── */
.wm-drp-sidebar[b-w858bo40vm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 208px;
    min-width: 208px;
    max-width: 208px;
    padding-top: 4px;
    flex-shrink: 0;
}

.wm-drp-preset-btn[b-w858bo40vm] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-txt);
    cursor: pointer;
    text-align: left;
    transition: background-color 0.15s, color 0.15s;
    white-space: nowrap;
}

    .wm-drp-preset-btn:hover[b-w858bo40vm] {
        background-color: #eaecff;
        color: var(--dark-txt);
    }

    .wm-drp-preset-btn.active[b-w858bo40vm] {
        background-color: #eaecff;
        color: var(--purple);
        font-weight: 600;
    }

/* ── Calendars ── */
.wm-drp-calendars[b-w858bo40vm] {
    flex: 1;
    min-width: 0;
}

/* ── Unified Header ── */
.wm-drp-cal-header-unified[b-w858bo40vm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #1E293B17;
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 12px;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.wm-drp-cal-header-labels[b-w858bo40vm] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 24px;
    flex: 1;
}

/* ── Dual Grids ── */
.wm-drp-cal-grids[b-w858bo40vm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.wm-drp-cal-grid[b-w858bo40vm] {
    min-width: 0;
}

/* ── Date cells ── */
.wm-drp-dates[b-w858bo40vm] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1px;
}

.wm-drp-cell[b-w858bo40vm] {
    position: relative;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
    user-select: none;
}

.wm-drp-cell-inner[b-w858bo40vm] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    transition: background-color 0.1s, color 0.1s;
}

.wm-drp-cell:hover:not(.other):not(.disabled):not(.range-start):not(.range-end) .wm-drp-cell-inner[b-w858bo40vm] {
    background-color: #eaecff;
    color: var(--dark-txt);
}

.wm-drp-cell.range-start .wm-drp-cell-inner[b-w858bo40vm] {
    background-color: var(--purple);
    color: var(--white);
}

.wm-drp-cell.range-end .wm-drp-cell-inner[b-w858bo40vm] {
    background-color: var(--purple);
    color: var(--white);
}

.wm-drp-cell.in-range[b-w858bo40vm] {
    background-color: #eaecff;
}

.wm-drp-cell.in-range .wm-drp-cell-inner[b-w858bo40vm] {
    color: var(--purple);
    background: transparent;
}

.wm-drp-cell.range-start[b-w858bo40vm] {
    background: linear-gradient(to right, transparent 50%, #eaecff 50%);
}

.wm-drp-cell.range-end[b-w858bo40vm] {
    background: linear-gradient(to left, transparent 50%, #eaecff 50%);
}

.wm-drp-cell.range-start.range-end[b-w858bo40vm] {
    background: transparent;
}

.wm-drp-cell.today .wm-drp-cell-inner[b-w858bo40vm] {
    color: var(--purple);
    font-weight: 800;
    border: 1.5px solid var(--purple);
}

.wm-drp-cell.other[b-w858bo40vm] {
    color: #C8D5E1;
    pointer-events: none;
}

.wm-drp-cell.other.in-range[b-w858bo40vm],
.wm-drp-cell.other.range-start[b-w858bo40vm],
.wm-drp-cell.other.range-end[b-w858bo40vm] {
    background: transparent;
}

.wm-drp-cell.disabled[b-w858bo40vm] {
    color: #CBD5E1;
    pointer-events: none;
    opacity: 0.5;
}

/* ── Month/Year Grid (reused from WMCalendar) ── */
.wm-cal-month-grid[b-w858bo40vm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
    padding: 4px 0;
}

.wm-cal-month-cell[b-w858bo40vm] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
    cursor: pointer;
    transition: background-color 0.12s, color 0.12s;
    user-select: none;
}

    .wm-cal-month-cell:hover:not(.disabled):not(.selected)[b-w858bo40vm] {
        background-color: #eaecff;
    }

    .wm-cal-month-cell.selected[b-w858bo40vm] {
        color: var(--white);
        background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
        /* border: 1px solid transparent; */
        border: none;
        backdrop-filter: blur(24px);
        box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
    }

    .wm-cal-month-cell.today[b-w858bo40vm] {
        color: var(--purple);
        font-weight: 800;
        border: 1.5px solid var(--purple);
    }

    .wm-cal-month-cell.disabled[b-w858bo40vm] {
        color: #CBD5E1;
        pointer-events: none;
        opacity: 0.5;
    }

/* ── Footer ── */
.wm-drp-footer[b-w858bo40vm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #1E293B0F;
    gap: 12px;
    margin-top: 0;
}

.wm-drp-footer-dates[b-w858bo40vm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wm-drp-footer-date-box[b-w858bo40vm] {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 14px;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    white-space: nowrap;
    min-width: 120px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.wm-drp-footer-separator[b-w858bo40vm] {
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt-2);
}

.wm-drp-footer-actions[b-w858bo40vm] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Nav buttons (shared with WMCalendar) ── */
.wm-cal-nav-btn[b-w858bo40vm] {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border: 1px solid #1E293B17;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

    .wm-cal-nav-btn:hover[b-w858bo40vm] {
        background-color: #F1F5F9;
    }

    .wm-cal-nav-btn img[b-w858bo40vm] {
        height: 14px;
    }

.wm-cal-month-year-btn[b-w858bo40vm] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 8px;
    transition: background-color 0.15s;
}

    .wm-cal-month-year-btn:hover[b-w858bo40vm] {
        background-color: #F1F5F9;
    }

.wm-cal-month[b-w858bo40vm] {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
}

.wm-cal-year[b-w858bo40vm] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
}

.wm-cal-dow-row[b-w858bo40vm] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
    margin-bottom: 4px;
}

.wm-cal-dow[b-w858bo40vm] {
    padding: 4px 0;
    text-align: center;
}

/* ── Selected cell style — Today button + Range Start/End ── */
.wm-drp-cell.range-start .wm-drp-cell-inner[b-w858bo40vm],
.wm-drp-cell.range-end .wm-drp-cell-inner[b-w858bo40vm] {
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
    /* border: 1px solid transparent; */
    border: none;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
    color: var(--white);
    z-index: 1;
}

/* ── WMCalendar selected cell ── */
.wm-cal-cell.selected[b-w858bo40vm] {
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
    /* border: 1px solid transparent; */
    border: none;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
    color: var(--white) !important;
}
/* /Components/Shared/WMDropdown.razor.rz.scp.css */
.custom-select-button[b-ha5srwl05f] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-ha5srwl05f] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-ha5srwl05f] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-ha5srwl05f] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-ha5srwl05f] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.custom-select-button-label[b-ha5srwl05f] {
  max-width: 90% !important;
}

.custom-select-button-text[b-ha5srwl05f] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-ha5srwl05f] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-ha5srwl05f] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-ha5srwl05f]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-ha5srwl05f] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-ha5srwl05f] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-ha5srwl05f] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-ha5srwl05f] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-ha5srwl05f] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-ha5srwl05f] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-count-badge[b-ha5srwl05f] {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  background-color: var(--purple) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-left: 1rem !important;
}

.item-count-badge-empty[b-ha5srwl05f] {
  background-color: #ADB5BD !important;
}

.item-metadata[b-ha5srwl05f] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMErrorPanel.razor.rz.scp.css */
.wm-error-panel[b-6et5vlktpq] {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.wm-error-panel--active[b-6et5vlktpq] {
	position: relative;
	z-index: 1205 !important;
}
/* /Components/Shared/WMErrorRow.razor.rz.scp.css */
/* ── Row wrapper ─────────────────────────────────────────────────── */
.wm-error-row[b-ixzodag1r5] {
	width: 100%;
}

/* Raise trigger row above the backdrop while overlay is open */
.wm-error-row--overlay-active[b-ixzodag1r5] {
	position: relative;
	z-index: 1202;
}

/* ── Header (trigger) row ────────────────────────────────────────── */
/* padding-left / padding-right / min-height / font-size / font-weight
   are all set via inline style from the Blazor parameters.           */
.wm-error-row-header[b-ixzodag1r5] {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	box-sizing: border-box;
	background-color: #ED40301F;
	color: #DF2917;
	padding-top: 12px;
	padding-bottom: 12px;
	cursor: default;
	user-select: none;
}

/* Bottom separator shown only when a MakeSpace row is expanded */
.wm-error-row-header--expanded[b-ixzodag1r5] {
	border-bottom: 1px solid #ED403033;
}

/* ── Icon ────────────────────────────────────────────────────────── */
.wm-error-icon[b-ixzodag1r5] {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

/* ── Label text ──────────────────────────────────────────────────── */
.wm-error-text[b-ixzodag1r5] {
	flex: 1;
	color: #DF2917;
	line-height: 20px;
	letter-spacing: -0.2px;
}

	.wm-error-text strong[b-ixzodag1r5],
	.wm-error-text b[b-ixzodag1r5] {
		font-weight: 700;
		color: inherit;
	}

/* ── Action button ───────────────────────────────────────────────── */
.wm-error-action-btn[b-ixzodag1r5] {
	flex-shrink: 0;
	white-space: nowrap;
	padding: 8px 12px !important;
	border-radius: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	border: 1px solid #1E293B17 !important;
}

/* ── Chevron button ──────────────────────────────────────────────── */
.wm-error-chevron[b-ixzodag1r5] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
}

	.wm-error-chevron img[b-ixzodag1r5] {
		width: 16px;
		height: 16px;
		transition: transform 0.2s ease;
		filter: brightness(0) saturate(100%) invert(24%) sepia(87%) saturate(6669%) hue-rotate(357deg) brightness(94%) contrast(92%);
	}

.wm-error-chevron--open img[b-ixzodag1r5] {
	transform: rotate(180deg);
}

.wm-error-chevron--hidden[b-ixzodag1r5] {
	visibility: hidden;
	pointer-events: none;
	width: 24px;
}

/* ── MakeSpace: expanded child rows ─────────────────────────────── */
/* Children render in normal document flow.
   Each child header is transparent — the container carries the bg.  */
.wm-error-children[b-ixzodag1r5] {
	width: 100%;
	border-bottom: 1px solid #ED403033;
}


/* ── BlurOverlay: floating child panel ───────────────────────────── */
/* Position / size set by wmErrorOverlay JS (FloatingUI).
   z-index 1201: above backdrop (1200) and Bootstrap modal (1055),
   below the trigger row (1202).                                      */
.wm-error-children--overlay[b-ixzodag1r5] {
	position: fixed !important;
	z-index: 1201 !important;
	background-color: rgba(237, 64, 48, 0.12);
	backdrop-filter: blur(22px);
	-webkit-backdrop-filter: blur(22px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

	.wm-error-children--overlay .wm-error-row-header[b-ixzodag1r5] {
		background-color: transparent;
	}

/* ── Backdrop (BlurOverlay mode only) ───────────────────────────── */
.wm-error-backdrop[b-ixzodag1r5] {
	position: fixed;
	inset: 0;
	z-index: 1200;
	background-color: rgba(15, 23, 42, 0.25);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	pointer-events: none;
}
/* /Components/Shared/WMGoogleGeoLocationSearchBox.razor.rz.scp.css */
.custom-select-button[b-mhad4ishxu] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-mhad4ishxu] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-mhad4ishxu] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-mhad4ishxu] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-mhad4ishxu] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-mhad4ishxu] {
  max-width: 90% !important;
}

.custom-select-button-text[b-mhad4ishxu] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-mhad4ishxu] {
  border: 1px solid #1E293B1F !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus[b-mhad4ishxu],
.search-input-box:focus-within[b-mhad4ishxu] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-mhad4ishxu]::placeholder {
  color: #cccccc !important;
}

.search-input-box.disabled[b-mhad4ishxu] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.search-input:disabled[b-mhad4ishxu] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-dropdown-list[b-mhad4ishxu] {
  max-height: min(250px, 25vh) !important;
  /* max-width: 500px !important; */
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-mhad4ishxu] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-mhad4ishxu] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-mhad4ishxu] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-mhad4ishxu] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-mhad4ishxu] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-mhad4ishxu] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMGridSearch.razor.rz.scp.css */
.wm-search-input[b-k7eoafiicf] {
  padding: 8px 13px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 50px;
  box-shadow: 0 1.5px 2px 0.5px rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 300px;
}

.wm-search-input.disabled[b-k7eoafiicf] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-search-input input[b-k7eoafiicf] {
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.wm-search-input input[b-k7eoafiicf]::placeholder {
  color: #cccccc;
}

.wm-search-input input:disabled[b-k7eoafiicf] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-search-input img[b-k7eoafiicf] {
  height: 16px;
}
/* /Components/Shared/WMImageViewerPopup.razor.rz.scp.css */
/* /Components/Shared/WMMap.razor.rz.scp.css */
.wm-map-wrapper[b-frbuta2m2o] {
	display: flex;
	flex-direction: column;
}

[b-frbuta2m2o] .mapboxgl-popup{
	max-width:100% !important;
}
/* ── Map canvas ──────────────────────────────────────────────────────────── */
.wm-map-container[b-frbuta2m2o] {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

/* ── Navigation control group (top-right) ────────────────────────────────── */
/* position:absolute + top/right applied inline in Razor to avoid             */
/* scoped-CSS vs Mapbox GL specificity conflicts.                              */

.wm-map-nav-controls[b-frbuta2m2o] {
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: visible;
	padding: 6px;
	gap: 6px;
	background-color: #FFFFFF;
	border: 1px solid #1E293B17;
	box-shadow: 0px 56px 56px -28px #1E293B08;
	box-shadow: 0px 32px 32px -16px #1E293B08;
	box-shadow: 0px 20px 20px -12px #1E293B08;
	box-shadow: 0px 3px 3px -1.5px #1E293B08;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	box-shadow: 0px 72px 72px -36px #1E293B08;
}

/* ── Individual control button ───────────────────────────────────────────── */

.wm-map-ctrl-btn[b-frbuta2m2o] {
	background-color: #F1F5F9CC;
	border: 1px solid #1E293B0F;
	box-sizing: border-box;
	cursor: pointer;
	height: 32px;
	width: 32px;
	outline: none;
	overflow: hidden;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	color: #1E293B;
	user-select: none;
	border-radius: 8px;
}

	.wm-map-ctrl-btn:hover[b-frbuta2m2o] {
		background-color: #E2E8F0;
	}

	.wm-map-ctrl-btn.wm-map-ctrl-active[b-frbuta2m2o] {
		background-color: #EEF0FF;
		border-color: #5263FF33;
	}

/* ── Divider between button groups ──────────────────────────────────────── */

.wm-map-ctrl-divider[b-frbuta2m2o] {
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	margin: 2px 4px;
}

/* ── Mapbox GL built-in controls — hide scale, suppress default nav ──────── */

[b-frbuta2m2o] .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-scale {
	margin: 0 0 6px 6px;
	font-size: 11px;
	border-color: #94A3B8;
	color: #475569;
}

/* ── Location details popup ──────────────────────────────────────────────── */

[b-frbuta2m2o] .mapboxgl-popup-content {
	padding: 20px 22px;
	border-radius: 16px;
	box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18);
}

[b-frbuta2m2o] .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
	border-top-color: white;
}

[b-frbuta2m2o] .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
	border-bottom-color: white;
}

[b-frbuta2m2o] .wm-location-popup {
	font-family: "Plus Jakarta Sans", sans-serif;
	min-width: 260px;
	max-width: 320px;
	width: 100%;
	backdrop-filter: blur(48px);
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Route preview pin popup — smaller and tighter than the standard popup */
[b-frbuta2m2o] .wm-route-preview-popup {
	min-width: 170px;
	max-width: 230px;
	gap: 6px;
	backdrop-filter: none;
}

[b-frbuta2m2o] .mapboxgl-popup-content:has(.wm-route-preview-popup) {
	position: relative;
	padding: 10px 12px;
	background: #ffffff;
}

[b-frbuta2m2o] .wm-route-preview-popup-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: transparent;
	color: #64748B;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
}

[b-frbuta2m2o] .wm-route-preview-popup-close:hover {
	background: #F1F5F9;
	color: #1E293B;
}

[b-frbuta2m2o] .wm-dispatch-location-popup{
	max-width:500px !important;
	flex-direction:row;
}

[b-frbuta2m2o] .wm-dispatch-location-popup-left-menu-header {
	display: flex;
	flex-direction: row;
	gap:8px;
}

[b-frbuta2m2o] .mapboxgl-popup-content {
	padding: 12px;
	border-width: 1px, 1px, 0px, 1px;
	border-style: solid;
	border-image-source: linear-gradient(180deg, rgba(30, 41, 59, 0.06) 48%, rgba(30, 41, 59, 0.12) 100%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
}

[b-frbuta2m2o] .wm-location-popup-badge {
	padding: 4px;
	border-radius: 6px;
	letter-spacing: -0.2px;
	line-height: 16px;
	font-size: 10px;
	font-weight: 600;
	align-items: center;
	display: flex;
	gap: 3px;
}

[b-frbuta2m2o] .badge-yellow {
	border: 1px solid #FFC30A33;
	color: #B47500;
	background-color: #FFC30A1F;
}

[b-frbuta2m2o] .badge-blue {
	border: 1px solid #5263FF33;
	color: #363AF5;
	background-color: #5263FF1F;
}

[b-frbuta2m2o] .wm-location-popup-title {
	font-size: 15px;
	font-weight: 800;
	color: #1E293B;
	letter-spacing: -0.2px;
	line-height: 24px;
}

[b-frbuta2m2o] .wm-location-popup-divider {
	height: 1px;
	background: #E2E8F0;
}

[b-frbuta2m2o] .wm-location-popup-label {
	font-weight: 600;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #475569;
}

[b-frbuta2m2o] .wm-location-popup-address {
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	word-break: break-word;
	overflow-wrap: break-word;
	letter-spacing: -0.2px;
	line-height: 20px;
}

[b-frbuta2m2o] .wm-location-popup-address {
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	word-break: break-word;
	overflow-wrap: break-word;
	letter-spacing: -0.2px;
	line-height: 20px;
}

[b-frbuta2m2o] .wm-location-popup-value {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	word-break: break-word;
	overflow-wrap: break-word;
	letter-spacing: -0.2px;
	line-height: 20px;
}

[b-frbuta2m2o] .wm-location-popup-routes-label {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	line-height: 20px;
	letter-spacing: -0.2px;
}

[b-frbuta2m2o] .wm-location-popup-route-row {
	display: flex;
	align-items: center;
	gap: 8px;
}


[b-frbuta2m2o] .wm-location-popup-route-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
	display: inline-block;
}

[b-frbuta2m2o] .wm-location-popup-route-name {
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	word-break: break-word;
	overflow-wrap: break-word;
	line-height: 20px;
	letter-spacing: -0.2px;
}

[b-frbuta2m2o] .wm-location-popup-first-stop-btn {
}

[b-frbuta2m2o] .wm-location-popup-header{
	display:flex;
	flex-direction:column;
	gap:8px;
}

[b-frbuta2m2o] .wm-location-popup-question {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	line-height: 20px;
	letter-spacing:-0.2px;
}

[b-frbuta2m2o] .wm-location-popup-warning {
	padding: 10px 12px;
	border-radius: 10px;
	background: #FEF2F2;
	border: 1px solid #FECACA;
	color: #B91C1C;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
	display: flex;
	flex-direction: row;
	gap:8px;
	align-items:start;
}

[b-frbuta2m2o] .wm-location-popup-actions {
	display: flex;
	gap: 8px;
}

	[b-frbuta2m2o] .wm-location-popup-actions button {
		flex: 1;
		height: 36px;
		white-space: nowrap;
	}
/* /Components/Shared/WMMultiSelectDropdown.razor.rz.scp.css */
.custom-select-button[b-69n2yduqkt] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button.chips-mode[b-69n2yduqkt] {
  height: auto !important;
  min-height: 40px !important;
  align-items: center !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.custom-select-button:hover:not(:disabled)[b-69n2yduqkt] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-69n2yduqkt] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-69n2yduqkt] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-69n2yduqkt] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.custom-select-button-label[b-69n2yduqkt] {
  max-width: 90% !important;
}

.custom-select-button.chips-mode .custom-select-button-label[b-69n2yduqkt] {
  width: 100% !important;
  max-width: calc(100% - 18px) !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  row-gap: 6px !important;
}

.custom-select-button-text[b-69n2yduqkt] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.custom-select-selected-chip-wrap[b-69n2yduqkt] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  align-items: center !important;
}

.custom-select-selected-chip[b-69n2yduqkt] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  background: #eef0ff !important;
  color: #3640f5 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.custom-select-selected-chip-text[b-69n2yduqkt] {
  max-width: 170px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.custom-select-selected-chip-icon[b-69n2yduqkt] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
  cursor: pointer !important;
  font-size: 10px !important;
  line-height: 1 !important;
  flex: 0 0 auto !important;
}

.search-input-box[b-69n2yduqkt] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-69n2yduqkt] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-69n2yduqkt]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-69n2yduqkt] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-69n2yduqkt] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-69n2yduqkt] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-69n2yduqkt] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-69n2yduqkt] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-69n2yduqkt] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-name.active-item[b-69n2yduqkt] {
  color: #363af5 !important;
}

.item-metadata[b-69n2yduqkt] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}

.custom-checkbox[b-69n2yduqkt] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.custom-checkbox.checked[b-69n2yduqkt] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.custom-checkbox-icon[b-69n2yduqkt] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
/* /Components/Shared/WMPagination.razor.rz.scp.css */
.wm-pagination[b-864i4roaom] {
  padding: 8px 16px;
  border-top: 1px #1e293b17 solid;
  /* min-width: 1000px; */
  height: 64.5px;
}

.wm-pagination .cstm-pagination button[b-864i4roaom] {
  height: 32px;
  width: 32px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  background-color: transparent;
  border: 1px transparent solid;
  border-radius: 8px;
}

.wm-pagination .cstm-pagination button.arrow[b-864i4roaom] {
  background-color: var(--white);
  border: 1px #1e293b17 solid;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.wm-pagination .cstm-pagination button.arrow img[b-864i4roaom] {
  height: 16px;
}

.wm-pagination .cstm-pagination button.active[b-864i4roaom] {
  width: 29px;
  border: 1px #1e293b17 solid;
  background-color: #f1f5f9d2;
}

.wm-pagination .cstm-pagination button:not(:disabled):hover[b-864i4roaom] {
  background-color: #f3f6f8;
}

.wm-pagination .go-page label[b-864i4roaom] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.wm-pagination .go-page div[b-864i4roaom] {
  height: 32px;
  background-color: #f1f5f9;
  border: 1px #1e293b1f solid;
  border-radius: 8px;
  padding: 2px;
  box-shadow:
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.wm-pagination .go-page div input[b-864i4roaom] {
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
  border: none;
  outline: none;
  padding-left: 8px;
  border-radius: 8px;
  background-color: transparent;
}

.wm-pagination .go-page div input[b-864i4roaom]::placeholder {
  color: #64748b;
}

.wm-pagination .go-page div input[b-864i4roaom]::-webkit-outer-spin-button,
.wm-pagination .go-page div input[b-864i4roaom]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wm-pagination .go-page div button[b-864i4roaom] {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 10px;
  color: var(--gray-txt);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.2px;
  border: 1px #1e293b17 solid;
  border-radius: 6px;
  background-color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.wm-pagination .go-page div button:not(:disabled):hover[b-864i4roaom] {
  background-color: #f3f6f8;
}

.wm-pagination .result label[b-864i4roaom] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.wm-pagination .result select[b-864i4roaom] {
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  border: 1px rgba(30, 41, 59, 0.06) solid;
  outline: none;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 0px center;
  background-size: 18px;
  cursor: pointer;
  width: 60px;
}

.wm-pagination hr[b-864i4roaom] {
  height: 15px;
  border: 1px #1e293b67 solid;
}
/* /Components/Shared/WMPhoneCodeDropdown.razor.rz.scp.css */
.custom-select-button[b-bqiigogmli] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-bqiigogmli] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-bqiigogmli] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-bqiigogmli] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-bqiigogmli] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-bqiigogmli] {
  max-width: 90% !important;
}

.custom-select-button-text[b-bqiigogmli] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-bqiigogmli] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-bqiigogmli] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-bqiigogmli]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-bqiigogmli] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-bqiigogmli] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-bqiigogmli] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-bqiigogmli] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-bqiigogmli] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-bqiigogmli] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-bqiigogmli] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMPopover.razor.rz.scp.css */
.wm-popover-content[b-p74qc9wahf] {
  max-width: 90vw !important;
  background-color: #fff !important;
  border: 1px solid #1e293b17 !important;
  border-radius: 24px !important;
  box-shadow:
    0px 56px 56px -28px #1e293b08,
    0px 32px 32px -16px #1e293b08,
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08,
    0px 72px 72px -36px #1e293b08 !important;
  overflow: hidden !important;
}
/* /Components/Shared/WMPopup.razor.rz.scp.css */
.z-index-lower[b-ze6mqpcpre] {
  z-index: 1049 !important;
}

.wm-popup-modal-content[b-ze6mqpcpre] {
  border: 1px solid #1e293b08 !important;
  box-shadow:
    0px 32px 32px -16px #1e293b08,
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08 !important;
  overflow: hidden;
}

.wm-popup-modal-footer[b-ze6mqpcpre] {
  border-top: 1px solid #ebeced !important;
}

/* ── Fullscreen variant — activated via CssClass="wm-popup-fullscreen" ── */

.wm-popup-fullscreen .modal-dialog[b-ze6mqpcpre] {
  max-width: 100vw !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
}

.wm-popup-fullscreen .modal-content[b-ze6mqpcpre] {
  height: 100vh !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.wm-popup-fullscreen .modal-body[b-ze6mqpcpre] {
  flex: 1 !important;
  overflow: hidden !important;
  min-height: 0 !important;
  position: relative !important;
}

.wm-popup-header-section[b-ze6mqpcpre] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 4px;
}

.wm-popup-header-text[b-ze6mqpcpre] {
  overflow-wrap: anywhere;
  word-break: normal;
}

.wm-popup-header-actions[b-ze6mqpcpre] {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.wm-popup-header-subtext[b-ze6mqpcpre] {
  color: #64748b;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Shared layout for compact confirmation dialogs. Keep confirmation copy in the
   header so every dialog uses the same left edge and vertical rhythm. */
.wm-confirmation-popup[b-ze6mqpcpre] {
  z-index: 1080 !important;
  background: rgba(15, 23, 42, 0.48);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.wm-confirmation-popup .modal-dialog[b-ze6mqpcpre] {
  width: min(480px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: 480px !important;
  margin-inline: auto;
}

.wm-confirmation-popup .wm-popup-modal-content[b-ze6mqpcpre] {
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(30, 41, 59, 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28) !important;
}

.wm-confirmation-popup .modal-header[b-ze6mqpcpre] {
  position: relative;
  min-height: 88px;
  padding: 16px 60px 16px 20px !important;
  align-items: center !important;
  border: 0 !important;
}

.wm-confirmation-popup .wm-popup-header-section[b-ze6mqpcpre] {
  width: 100%;
  max-width: 100% !important;
  align-items: flex-start;
  gap: 4px;
  text-align: left;
}

.wm-confirmation-popup .modal-header h5.modal-title[b-ze6mqpcpre] {
  width: 100%;
  margin: 0 !important;
  color: #1e293b !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: -0.2px !important;
  text-align: left;
}

.wm-confirmation-popup .wm-popup-header-subtext[b-ze6mqpcpre] {
  width: 100%;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: -0.2px !important;
  text-align: left;
}

.wm-confirmation-popup .modal-header .btn-close[b-ze6mqpcpre] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(30, 41, 59, 0.06) !important;
  border-radius: 8px !important;
  background-color: #f8fafc !important;
  background-size: 10px !important;
  opacity: 1 !important;
}

.wm-confirmation-popup .modal-body:empty[b-ze6mqpcpre] {
  display: none !important;
}

.wm-confirmation-popup .wm-popup-modal-footer[b-ze6mqpcpre] {
  min-height: 72px;
  padding: 16px 20px !important;
  gap: 12px !important;
  border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
  background: #ffffff !important;
}

.wm-confirmation-popup .wm-popup-modal-footer button[b-ze6mqpcpre] {
  min-height: 40px;
  margin: 0 !important;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  text-align: center;
}

.wm-confirmation-popup .wm-popup-modal-footer .btn-wm-secondary[b-ze6mqpcpre] {
  border: 1px solid rgba(30, 41, 59, 0.06);
  background: rgba(241, 245, 249, 0.8);
  color: #1e293b;
}

.wm-confirmation-popup .wm-popup-modal-footer .btn-wm-danger-translucent[b-ze6mqpcpre] {
  border: 0;
  background: rgba(237, 64, 48, 0.12);
  color: #df2917;
}

.wm-confirmation-popup .wm-popup-modal-footer .btn-wm-primary[b-ze6mqpcpre] {
  border: 0;
  background: #5263ff;
  color: #ffffff;
  box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.wm-confirmation-popup-success .wm-popup-modal-footer .btn-wm-primary[b-ze6mqpcpre] {
  background: #338732;
}

@media (max-width: 575px) {
  .wm-confirmation-popup .modal-dialog[b-ze6mqpcpre] {
    width: calc(100vw - 24px) !important;
    margin: 12px auto !important;
  }
}

/* Match the existing cancel-dispatch confirmation convention. */
.wm-remove-confirmation-popup .modal-dialog[b-ze6mqpcpre] {
  min-width: min(480px, calc(100vw - 32px)) !important;
}

.wm-remove-confirmation-popup .wm-popup-modal-content[b-ze6mqpcpre] {
  padding: 0 !important;
  border: 1px solid rgba(30, 41, 59, 0.03) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow:
    0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
    0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
    0 20px 20px -12px rgba(30, 41, 59, 0.03),
    0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

.wm-remove-confirmation-popup .modal-header[b-ze6mqpcpre] {
  min-height: 80px;
  padding: 16px 20px !important;
  align-items: flex-end !important;
  border-bottom: 0 !important;
}

.wm-remove-confirmation-popup .wm-popup-header-section[b-ze6mqpcpre] {
  gap: 4px;
}

.wm-remove-confirmation-popup .modal-header h5.modal-title[b-ze6mqpcpre] {
  margin: 0 !important;
  color: #1e293b !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: -0.2px !important;
}

.wm-remove-confirmation-popup .wm-popup-header-subtext[b-ze6mqpcpre] {
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: -0.2px !important;
}

.wm-remove-confirmation-popup .modal-header .btn-close[b-ze6mqpcpre] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  border: 1px solid rgba(30, 41, 59, 0.06) !important;
  border-radius: 8px !important;
  background-color: rgba(241, 245, 249, 0.8) !important;
  opacity: 1 !important;
}

.wm-remove-confirmation-popup .modal-body[b-ze6mqpcpre] {
  display: none !important;
}

.wm-remove-confirmation-popup .wm-popup-modal-footer[b-ze6mqpcpre] {
  min-height: 72px;
  padding: 16px 20px !important;
  gap: 12px !important;
  border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
  background: #ffffff !important;
}

.wm-remove-confirmation-popup .wm-popup-modal-footer button[b-ze6mqpcpre] {
  min-height: 40px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
}

.wm-remove-confirmation-popup .wm-popup-modal-footer .btn-wm-danger-translucent[b-ze6mqpcpre] {
  border: none;
  background: rgba(237, 64, 48, 0.12);
  color: #df2917;
}

.wm-remove-confirmation-popup .wm-popup-modal-footer .btn-wm-primary[b-ze6mqpcpre] {
  border: none;
  background: #5263ff;
  color: #ffffff;
  box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.new-location.dds-active-locations-popup[b-ze6mqpcpre] {
  z-index: 1070 !important;
  background: rgba(0, 0, 0, 0.34);
}

.new-location.dds-active-locations-popup .modal-dialog[b-ze6mqpcpre] {
  position: relative;
  z-index: 1071;
}
/* /Components/Shared/WMTagBox.razor.rz.scp.css */
.custom-tagbox-container[b-6ygpi5dptx] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  cursor: text !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-tagbox-container:hover:not(.disabled)[b-6ygpi5dptx] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-tagbox-container:focus[b-6ygpi5dptx],
.custom-tagbox-container:focus-within[b-6ygpi5dptx] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-tagbox-container.disabled[b-6ygpi5dptx] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-tagbox-container.invalid[b-6ygpi5dptx] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.tag-wrapper[b-6ygpi5dptx] {
  display: flex !important;
  overflow-x: scroll !important;
  scrollbar-width: none !important;
  gap: 6px !important;
  /* flex: 1 !important; */
}

.tag-chip[b-6ygpi5dptx] {
  min-width: max-content !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  background: #5263ff1f !important;
  color: #363af5 !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.tag-chip-icon[b-6ygpi5dptx] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
  color: inherit !important;
  background: none !important;
  border: none !important;
}

.tag-chip-icon:disabled[b-6ygpi5dptx] {
  /* opacity: 0.6 !important; */
  cursor: not-allowed !important;
}

.tagbox-input[b-6ygpi5dptx] {
  border: none !important;
  outline: none !important;
  width: auto !important;
  min-width: 50px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  /* flex: 1 !important; */
  padding: initial !important;
  background: initial !important;
  box-shadow: initial !important;
  border-radius: initial !important;
}

.tagbox-input:focus[b-6ygpi5dptx] {
  box-shadow: initial !important;
}

.tagbox-input[b-6ygpi5dptx]::placeholder {
  color: #cccccc !important;
}

.tagbox-input:disabled[b-6ygpi5dptx] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-checkbox[b-6ygpi5dptx] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.custom-checkbox.checked[b-6ygpi5dptx] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.custom-checkbox-icon[b-6ygpi5dptx] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.custom-dropdown-list[b-6ygpi5dptx] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-6ygpi5dptx] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-6ygpi5dptx] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-6ygpi5dptx] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-6ygpi5dptx] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-6ygpi5dptx] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-name.active-item[b-6ygpi5dptx] {
  color: #363af5 !important;
}

.item-metadata[b-6ygpi5dptx] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMTimePicker.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   WMTimePicker — Scoped Component Styles
   ═══════════════════════════════════════════════════════ */

.wm-time-container[b-gim1u7vkpp] {
    display: inline-block !important;
    width: 100% !important;
}

.wm-time-input[b-gim1u7vkpp] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 12px !important;
    background-color: #ffffff !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
    outline: none !important;
    user-select: none !important;
}

    .wm-time-input:hover:not(:disabled)[b-gim1u7vkpp] {
        border-color: #eaecff !important;
        background-color: #f8f9fa !important;
    }

    .wm-time-input:focus[b-gim1u7vkpp] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .wm-time-input:disabled[b-gim1u7vkpp],
    .wm-time-input.disabled[b-gim1u7vkpp] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

    .wm-time-input:focus-within[b-gim1u7vkpp] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .wm-time-input img[b-gim1u7vkpp] {
        cursor: pointer !important;
        flex-shrink: 0 !important;
    }

.wm-time-icon[b-gim1u7vkpp] {
    font-size: 16px !important;
    color: #94A3B8 !important;
    flex-shrink: 0 !important;
}

.wm-time-display[b-gim1u7vkpp] {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--dark-txt) !important;
    white-space: nowrap !important;
}

input.wm-time-display[b-gim1u7vkpp] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    outline: none !important;
    cursor: text !important;
    font-family: inherit !important;
}

    input.wm-time-display:disabled[b-gim1u7vkpp] {
        cursor: not-allowed !important;
    }

.wm-time-popup[b-gim1u7vkpp] {
    z-index: 9999 !important;
    background: var(--white) !important;
    border: 1px solid #1E293B17 !important;
    border-radius: 24px !important;
    padding: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    width: 112px !important;
}

.wm-time-inner[b-gim1u7vkpp] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    height: 200px !important;
    gap: 0 !important;
}

.wm-time-column[b-gim1u7vkpp] {
    flex: 1 !important;
    height: 200px !important;
    overflow-y: scroll !important;
    scrollbar-width: none !important;
    text-align: center !important;
}

    .wm-time-column[b-gim1u7vkpp]::-webkit-scrollbar {
        display: none !important;
    }

.wm-time-divider[b-gim1u7vkpp] {
    width: 1px !important;
    background: #1E293B17 !important;
    margin: 4px 0 !important;
    flex-shrink: 0 !important;
}

.wm-time-item[b-gim1u7vkpp] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 32px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: -0.2px !important;
    color: #94A3B8 !important;
    cursor: pointer !important;
    transition: background-color 0.12s, color 0.12s !important;
    margin: 1px auto !important;
}

    .wm-time-item:hover:not(.selected)[b-gim1u7vkpp] {
        background-color: #F1F5F9CC !important;
        color: var(--dark-txt) !important;
    }

    .wm-time-item.selected[b-gim1u7vkpp] {
        background: #ECEEFF !important;
        color: var(--purple) !important;
        font-weight: 700 !important;
    }

    .wm-time-item.disabled[b-gim1u7vkpp] {
        color: #CBD5E1 !important;
        cursor: not-allowed !important;
        opacity: 0.55 !important;
        background: transparent !important;
    }
/* /Components/Shared/WMTooltip.razor.rz.scp.css */
.tooltip-container[b-ito11z25qi] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
/* /Components/Sidebar.razor.rz.scp.css */
/* css/style.css styles `.sidebar .submenu a` and its :hover but has no .active
   rule, so the selected sub item was indistinguishable. Scoped here rather than
   in the shared stylesheet.
   Every submenu link carries the same pill geometry; .active toggles ONLY the
   background/colour. If the active item had its own padding/margin/border the
   list would reflow on every selection change (items visibly jumped).
   `::deep` is REQUIRED here: these anchors are rendered by the <NavLink> child
   component, so they never receive this component's scope attribute. Without it
   the rule compiles to `.submenu a[b-xxx]` and silently never matches —
   which is why the global style.css rules affect NavLinks but a plain scoped
   rule here does not. */
/* Vertical padding stops the pill margins collapsing through this box's edges.
   Without it the first pill's top margin pushed the whole box down — a 2px
   band of sidebar background between the open header and the box — while the
   pill itself sat flush with the box top. (Only top/bottom: the 12px
   padding-left from css/style.css must survive.) */
.sidebar .submenu[b-nmk84yd2wv] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.sidebar .submenu[b-nmk84yd2wv]  a {
    /* style.css gives these `padding: 8px 0`; same 16px vertical rhythm here
       (2+6 top, 6+2 bottom), and the -8px margin cancels the side padding so
       the text keeps its x-position. */
    padding: 6px 8px;
    margin: 2px 4px 2px -8px;
    border-radius: 8px;
}

.sidebar .submenu[b-nmk84yd2wv]  a.active {
    color: var(--white);
    font-weight: 600;
    background-color: #FFFFFF29;
}

/* Logo and bottom-sidebar stay put; only the nav list scrolls, passing under
   the pinned bottom block. Overrides `overflow-y: scroll` from css/style.css
   on this element (scoped CSS wins on specificity) so the sidebar itself
   no longer scrolls as one piece. */
.sidebar[b-nmk84yd2wv] {
    overflow: hidden;
}

.sidebar .logo[b-nmk84yd2wv] {
    flex-shrink: 0;
}

.sidebar-scroll[b-nmk84yd2wv] {
    flex: 1 1 auto;
    min-height: 0; /* without this a flex item refuses to shrink below content height */
    overflow-y: auto;
    scrollbar-width: none;
}

    .sidebar-scroll[b-nmk84yd2wv]::-webkit-scrollbar {
        display: none;
    }

.sidebar .bottom-sidebar[b-nmk84yd2wv] {
    flex-shrink: 0;
    background-color: var(--blue); /* opaque, so nav items scroll out of sight behind it */
    /* Marks where the scrollable nav ends and the pinned block begins. */
    border-top: 1px solid #FFFFFF1F;
}

.sidebar .bottom-sidebar .avatar[b-nmk84yd2wv] {
    gap: 12px;
    margin-top: 9px;
    cursor: pointer;
    padding: 12px 8px;
    border-radius: 14px;
    background: transparent;
    transition: all .2s ease-in-out;
}

    .sidebar .bottom-sidebar .avatar:hover[b-nmk84yd2wv] {
        background: #FFFFFF1F;
    }

    .sidebar .bottom-sidebar .avatar .txt[b-nmk84yd2wv] {
        flex: 1;
        overflow-wrap: anywhere;
        word-break: normal;
    }

.sidebar-profile-image[b-nmk84yd2wv] {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    object-fit: cover;
}

.sidebar .bottom-sidebar .avatar img[b-nmk84yd2wv] {
    height: 36px;
}

.sidebar .bottom-sidebar .avatar .avatar-image[b-nmk84yd2wv] {
    position: relative;
}

    .sidebar .bottom-sidebar .avatar .avatar-image .badge[b-nmk84yd2wv] {
        background: rgba(241, 245, 249, 0.8);
        color: #1E293B;
        border: 1px solid rgba(30, 41, 59, 0.03);
        font-size: 10px;
        font-weight: 600;
        line-height: 14px;
        border-radius: 999px;
        padding: 0 8px;
        width: 25px;
        height: 16px;
        position: absolute;
        bottom: -20%;
        left: 16%;
    }

.sidebar .bottom-sidebar .avatar .txt h6[b-nmk84yd2wv] {
    font-size: 13px;
    font-weight: 600;
    color: var(--white);
}

.sidebar .bottom-sidebar .avatar .txt p[b-nmk84yd2wv] {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF7A;
}

.profile-popover[b-nmk84yd2wv] {
    position: relative;
    display: flex;
    width: 360px;
    max-height: calc(100dvh - 32px);
    flex-direction: column;
    background: #fff;
    border-radius: 28px;
    padding: 32px 16px 16px;
    gap: 16px;
    box-shadow: 0 72px 72px -36px #1e293b08, 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, 0 20px 20px -12px #1e293b08, 0 32px 32px -16px #1e293b08, 0 56px 56px -28px #1e293b08;
}

.profile-header[b-nmk84yd2wv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}

.profile-popover-close[b-nmk84yd2wv] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: grid;
    width: 24px;
    height: 24px;
    padding: 0;
    place-items: center;
    border: 0;
    background: transparent;
}

.profile-popover-close img[b-nmk84yd2wv] { width: 20px; height: 20px; }

    .profile-image[b-nmk84yd2wv],
    .profile-header .users-avatar[b-nmk84yd2wv] {
        width: 48px;
        height: 48px;
        /* margin: 0 auto 8px; */
    }

    .profile-header h5[b-nmk84yd2wv] {
        /* margin: 0 0 2px; */
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        color: var(--dark-text);
    }

    .profile-header p[b-nmk84yd2wv] {
        /* margin: 0 0 12px; */
        font-size: 12px;
        font-weight: 600;
        line-height: 20px;
        color: #64748B;
    }

    .profile-header .btn-wm-secondary[b-nmk84yd2wv] {
        box-sizing: border-box;
        height: 32px;
        padding-block: 0;
    }

.manage-account-btn[b-nmk84yd2wv] {
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    border-radius: 8px;
    border: none;
    background: #F3F5F9;
}

.profile-footer[b-nmk84yd2wv] {
    margin-top: 0;
    /* padding-top: 16px; */
}

.profile-footer .btn-wm-secondary[b-nmk84yd2wv] {
    box-sizing: border-box;
    height: 32px;
    padding-block: 0;
}

.logout-btn[b-nmk84yd2wv] {
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    background: #F8F9FB;
    font-size: 14px;
    font-weight: 500;
}

    .logout-btn:hover[b-nmk84yd2wv] {
        background: #EEF1F6;
    }

    .logout-btn img[b-nmk84yd2wv] {
        width: 16px;
        height: 16px;
    }

.profile-avatar-wrapper[b-nmk84yd2wv] {
    position: relative;
    width: 48px;
    height: 48px;
    /* margin: 0 auto 8px; */
}

    .profile-avatar-wrapper .profile-image[b-nmk84yd2wv],
    .profile-avatar-wrapper .users-avatar[b-nmk84yd2wv] {
        width: 48px;
        height: 48px;
    }

.avatar-camera-btn[b-nmk84yd2wv] {
    /* position: absolute; */
    /* right: -4px; */
    /* bottom: -4px; */
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #E5E7EB;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

    .avatar-camera-btn img[b-nmk84yd2wv] {
        width: 16px;
        height: 16px;
    }
.profile-context-switcher[b-nmk84yd2wv] { display: flex; width: 100%; max-height: 336px; flex-direction: column; overflow-y: auto; gap: 4px; overscroll-behavior: contain; scrollbar-width: none; }
.profile-context-switcher[b-nmk84yd2wv]::-webkit-scrollbar { display: none; }
.profile-context-group[b-nmk84yd2wv] { display: flex; flex-direction: column; gap: 4px; }
.profile-context-group-header[b-nmk84yd2wv],
.profile-context-role[b-nmk84yd2wv] { display: flex; width: 100%; align-items: center; justify-content: space-between; border: 0; font-family: inherit; text-align: left; }
.profile-context-group-header[b-nmk84yd2wv] { height: 36px; padding: 0 16px; border-radius: 4px; background: #e2e8f0; color: #1e293b; font-size: 13px; font-weight: 700; }
.profile-context-group:first-child .profile-context-group-header[b-nmk84yd2wv] { border-radius: 24px 24px 4px 4px; }
.profile-context-group:last-child .profile-context-role:last-child[b-nmk84yd2wv] { border-radius: 4px 4px 24px 24px; }
.profile-context-group-header img[b-nmk84yd2wv] { width: 16px; height: 16px; transition: transform .16s ease; }
.profile-context-group-header img.collapsed[b-nmk84yd2wv] { transform: rotate(180deg); }
.profile-context-role[b-nmk84yd2wv] { height: 40px; padding: 0 16px; border-radius: 4px; background: #f1f5f9; color: #1e293b; }
.profile-context-role:not(:disabled):hover[b-nmk84yd2wv] { background: #5263ff1f; }
.profile-context-role > span[b-nmk84yd2wv],
.profile-context-role > small[b-nmk84yd2wv] { display: flex; align-items: center; gap: 10px; }
.profile-context-role > span[b-nmk84yd2wv] { flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 600; }
.profile-context-role > span b[b-nmk84yd2wv] { overflow: hidden; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.profile-context-role > span img[b-nmk84yd2wv] { flex: 0 0 auto; width: 20px; height: 20px; }
.profile-context-role > small[b-nmk84yd2wv] { flex: 0 0 auto; color: #363af5; font-size: 12px; font-weight: 600; }
.profile-context-role > small img[b-nmk84yd2wv] { width: 16px; height: 16px; }
.profile-context-role:disabled > small[b-nmk84yd2wv] { color: #64748b; }

/* /Components/Spinner.razor.rz.scp.css */
.spinner-container[b-ecb0edloft] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.spinner-main[b-ecb0edloft] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: spin-b-ecb0edloft 1s linear infinite;
  border: 3.5px solid currentColor;
  border-top-color: transparent;
}

@keyframes spin-b-ecb0edloft {
  to {
    transform: rotate(360deg);
  }
}
/* /Components/WMToastContainer.razor.rz.scp.css */
:root[b-2swq32bl8k] {
  --white: #fff;
  --dark-txt: #1e293b;
  --gray-txt: #475569;
  --gray-txt-2: #64748b;
  --purple: #5263ff;
  --purple-2: #363af5;
}

.toast-wrapper[b-2swq32bl8k] {
  position: fixed;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 999999;
  max-height: 90vh;
  overflow: visible;
}

@media (max-width: 768px) {
  .toast-wrapper[b-2swq32bl8k] {
    right: 4px;
  }
}

@media (max-width: 320px) {
  .toast-wrapper[b-2swq32bl8k] {
    right: 2px;
  }
}

.custom-toast[b-2swq32bl8k] {
  position: relative;
  width: 400px;
  max-width: 95%;
  /* Level tints (e.g. .custom-toast.green in style.css) paint THIS box, while the card inside
     is rounded — without a matching radius the tint showed as square corners sticking out
     behind the toast. */
  border-radius: 16px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(40px) scale(0.95);
  transition: all 0.3s ease;
}

@media (max-width: 768px) {
  .custom-toast[b-2swq32bl8k] {
    width: 350px;
  }
}

@media (max-width: 320px) {
  .custom-toast[b-2swq32bl8k] {
    width: 300px;
  }
}

.custom-toast.show[b-2swq32bl8k] {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
  /* transform: translateY(0); */
}

.custom-toast:hover[b-2swq32bl8k] {
  cursor: default;
}

.toast-content[b-2swq32bl8k] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--white);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
  border: 1px solid #1e293b1f;
}

.toast-icon[b-2swq32bl8k] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #5263ff1f;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap-long-text[b-2swq32bl8k] {
  overflow-wrap: anywhere;
  word-break: normal;
}

.toast-center h6[b-2swq32bl8k] {
  font-weight: 600;
  color: var(--dark-txt);
}

.toast-center p[b-2swq32bl8k] {
  font-size: 14px;
  color: var(--gray-txt);
}

.toast-close[b-2swq32bl8k] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff80;
  border-radius: 50%;
  border: 1px #1e293b17 solid !important;
  box-shadow: 0 2px 1.5px -0.5px #1e293b08 !important;
  cursor: pointer;
}

.toast-close img[b-2swq32bl8k] {
  height: 11px;
  width: 11px;
  position: relative;
  left: 0.7px;
  top: 0.5px;
}

/* Icon Backgrounds */
.custom-toast.green .toast-icon[b-2swq32bl8k] {
  /* background: #10b981; */
  background: rgba(16, 185, 129, 0.1);
}
.custom-toast.blue .toast-icon[b-2swq32bl8k] {
  /* background: #3b82f6; */
  background: rgba(59, 130, 246, 0.1);
}
.custom-toast.yellow .toast-icon[b-2swq32bl8k] {
  /* background: #f59e0b; */
  background: rgba(245, 158, 11, 0.1);
}
.custom-toast.red .toast-icon[b-2swq32bl8k] {
  /* background: #ef4444; */
  background: rgba(239, 68, 68, 0.1);
}

/* Icon SVG */
.toast-icon img[b-2swq32bl8k] {
  /* filter: brightness(0) invert(1); */
  width: 18px;
  height: 18px;
  position: relative;
  left: 0.35px;
  top: 0.4px;
}
/* /Pages/Authentication/ChangePassword.razor.rz.scp.css */
*[b-mn0sju6yia] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-mn0sju6yia] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.changepassword-card[b-mn0sju6yia] {
    width: 460px;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

    .changepassword-card h2[b-mn0sju6yia] {
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        color: #111827;
    }

.input-groups[b-mn0sju6yia] {
    margin-bottom: 15px;
}

    .input-groups input[b-mn0sju6yia] {
        height: 40px;
        width: 100%;
        padding: 8px 10px !important;
        background-color: var(--white) !important;
        border: 1px #1E293B1F solid !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
        outline: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: -0.2px !important;
        color: var(--dark-txt) !important;
    }

        .input-groups input:focus[b-mn0sju6yia] {
            box-shadow: 0 0 0 0.2rem #dce0ff !important;
        }

.changepassword-btn[b-mn0sju6yia] {
    width: 100%;
}

.password-toggle-btn[b-mn0sju6yia] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-mn0sju6yia] {
        background-color: #f8f9fa !important;
    }

.changepassword-card input.focus-invalid:focus[b-mn0sju6yia] {
    box-shadow: 0 0 0 0.2rem #ED4030 !important;
}

.changepassword-card input.focus-valid:focus[b-mn0sju6yia] {
    box-shadow: 0 0 0 0.2rem #409B3F !important;
}

.password-requirment img[b-mn0sju6yia] {
    height: 18px;
}

.password-requirment span[b-mn0sju6yia] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

    .password-requirment span.black-txt[b-mn0sju6yia] {
        color: var(--dark-txt);
    }

    .password-requirment span.gray-txt[b-mn0sju6yia] {
        color: var(--gray-txt);
    }

.password-requirment .w-40[b-mn0sju6yia] {
    width: 40%;
}

input[type="password"][b-mn0sju6yia]::-ms-reveal,
input[type="password"][b-mn0sju6yia]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/Components/LoginPopup.razor.rz.scp.css */
.owner-initial[b-j9o4yw9cn0] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-j9o4yw9cn0] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-j9o4yw9cn0] {
  height: initial;
  width: initial;
}

.options[b-j9o4yw9cn0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-j9o4yw9cn0] {
  text-decoration: none;
  cursor: pointer;
  color: #0D6EFD;
}

.options a:hover[b-j9o4yw9cn0] {
  color: darkblue;
}

.options label[b-j9o4yw9cn0] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.password-toggle-btn[b-j9o4yw9cn0] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-j9o4yw9cn0] {
        background-color: #f8f9fa !important;
    }

input[type="password"][b-j9o4yw9cn0]::-ms-reveal,
input[type="password"][b-j9o4yw9cn0]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/Components/SignupPopup.razor.rz.scp.css */
.owner-initial[b-mb5qq54kqf] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-mb5qq54kqf] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-mb5qq54kqf] {
  height: initial;
  width: initial;
}

.options[b-mb5qq54kqf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-mb5qq54kqf] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-mb5qq54kqf] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.owner-register label span.red[b-mb5qq54kqf] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.phone-group[b-mb5qq54kqf] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-mb5qq54kqf],
    .phone-group:focus-within[b-mb5qq54kqf] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-mb5qq54kqf],
    .phone-group input:focus-within[b-mb5qq54kqf] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-mb5qq54kqf] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-mb5qq54kqf] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-mb5qq54kqf] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-mb5qq54kqf] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-mb5qq54kqf]::placeholder {
        color: #cccccc !important;
    }

[b-mb5qq54kqf] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-mb5qq54kqf] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-mb5qq54kqf] .user-phone-code:focus {
        box-shadow: none !important;
    }

.close-btn[b-mb5qq54kqf] {
    margin-top: 12px;
    padding: 12px;
    background-color: var(--purple);
    border: 1px #1E293B17 solid;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--white);
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
    outline: none;
}

.password-toggle-btn[b-mb5qq54kqf] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-mb5qq54kqf] {
        background-color: #f8f9fa !important;
    }

.owner-register input.focus-invalid:focus[b-mb5qq54kqf] {
    box-shadow: 0 0 0 0.2rem #ED4030 !important;
}

.owner-register input.focus-valid:focus[b-mb5qq54kqf] {
    box-shadow: 0 0 0 0.2rem #409B3F !important;
}

input[type="password"][b-mb5qq54kqf]::-ms-reveal,
input[type="password"][b-mb5qq54kqf]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/ConfirmEmail.razor.rz.scp.css */
/* Centered Page Layout for ConfirmEmail */
.confirm-email-page-wrapper[b-gtmzu4spae] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #F1F5F9;
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Header placement */
.confirm-email-header[b-gtmzu4spae] {
  padding: 40px;
}

.confirm-email-header .logo img[b-gtmzu4spae] {
  height: 28px;
}

/* Content centering wrapper */
.confirm-email-content[b-gtmzu4spae] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 20px;
  margin-top: -68px;
}

.confirm-email-card[b-gtmzu4spae] {
  width: 400px;
  min-height: 296px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Spinner styling */
.confirm-email-spinner[b-gtmzu4spae] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 296px;
  color: #5263FF;
}

/* Icon container */
.confirm-email-icon[b-gtmzu4spae] {
  width: 65px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}

.confirm-email-icon.success svg[b-gtmzu4spae] {
  display: block;
}

/* Titles */
.confirm-title[b-gtmzu4spae] {
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 0 8px 0;
    letter-spacing: -1px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.confirm-title.error[b-gtmzu4spae] {
  color: #DC2626;
}

/* Subtitle description */
.confirm-subtitle[b-gtmzu4spae] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: #475569;
    margin: 0 0 32px 0;
    letter-spacing: -0.2px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.confirm-subtitle.error-text[b-gtmzu4spae] {
  color: #E11D48;
}

/* Main action button */
.confirm-btn[b-gtmzu4spae] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  background-color: #5263FF;
  color: #FFFFFF !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 999px;
  border: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}


.confirm-btn:active[b-gtmzu4spae] {
  transform: translateY(0);
}

.confirm-btn.btn-fail[b-gtmzu4spae] {
  background-color: #DC2626;
}

.confirm-btn.btn-fail:hover[b-gtmzu4spae] {
  background-color: #B91C1C;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25);
}
/* /Pages/Authentication/ForgotPassword.razor.rz.scp.css */
*[b-ho7cextd2y] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-ho7cextd2y] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.forgot-password-card[b-ho7cextd2y] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    width: 460px;
}

.forgot-password-card h2[b-ho7cextd2y] {
    text-align: center;
    color: #111827;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}

.forgot-password-card p[b-ho7cextd2y] {
    margin: 0;
}

.options[b-ho7cextd2y] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.options a[b-ho7cextd2y] {
    text-decoration: none;
    /*color: #111827;*/
}

.input-group[b-ho7cextd2y] {
    margin-bottom: 15px;
}

    .input-group input[b-ho7cextd2y] {
        height: 40px;
        width: 100%;
        padding: 8px 10px !important;
        background-color: var(--white) !important;
        border: 1px #1E293B1F solid !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
        outline: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: -0.2px !important;
        color: var(--dark-txt) !important;
    }

        .input-group input:focus[b-ho7cextd2y] {
            box-shadow: 0 0 0 0.2rem #dce0ff !important;
        }

.forgot-password-btn[b-ho7cextd2y] {
    width: 100%;
}
/* /Pages/Authentication/register.razor.rz.scp.css */
.owner-initial[b-kx0356g17j] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-kx0356g17j] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-kx0356g17j] {
  height: initial;
  width: initial;
}

.options[b-kx0356g17j] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-kx0356g17j] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-kx0356g17j] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

/*Phone group - START*/

.phone-group[b-kx0356g17j] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-kx0356g17j],
    .phone-group:focus-within[b-kx0356g17j] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-kx0356g17j],
    .phone-group input:focus-within[b-kx0356g17j] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-kx0356g17j] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-kx0356g17j] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-kx0356g17j] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-kx0356g17j] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-kx0356g17j]::placeholder {
        color: #cccccc !important;
    }

[b-kx0356g17j] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-kx0356g17j] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-kx0356g17j] .user-phone-code:focus {
        box-shadow: none !important;
    }

/*Phone group - END*/

.owner-register label span.red[b-kx0356g17j] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.password-toggle-btn[b-kx0356g17j] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-kx0356g17j] {
        background-color: #f8f9fa !important;
    }

.owner-register input.focus-invalid:focus[b-kx0356g17j] {
    box-shadow: 0 0 0 0.2rem #ED4030 !important;
}

.owner-register input.focus-valid:focus[b-kx0356g17j] {
    box-shadow: 0 0 0 0.2rem #409B3F !important;
}

input[type="password"][b-kx0356g17j]::-ms-reveal,
input[type="password"][b-kx0356g17j]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/RegisterBusiness.razor.rz.scp.css */
.logout-btn[b-9i837px8h7] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-9i837px8h7] {
  background-color: #dadada;
}

/*New changes*/

/*.owner-register label span.red {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}*/

.phone-group[b-9i837px8h7] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-9i837px8h7],
    .phone-group:focus-within[b-9i837px8h7] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-9i837px8h7],
    .phone-group input:focus-within[b-9i837px8h7] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-9i837px8h7] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-9i837px8h7] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-9i837px8h7] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-9i837px8h7] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-9i837px8h7]::placeholder {
        color: #cccccc !important;
    }

[b-9i837px8h7] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-9i837px8h7] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-9i837px8h7] .user-phone-code:focus {
        box-shadow: none !important;
    }

.three-dropdown form input[b-9i837px8h7], .three-dropdown form textarea[b-9i837px8h7] {
    height: 40px;
    padding: 8px 10px !important;
    background-color: var(--white) !important;
    border: 1px #1E293B1F solid !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    outline: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: var(--dark-txt) !important;
}

    .three-dropdown form input:focus[b-9i837px8h7], .three-dropdown form textarea:focus[b-9i837px8h7] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

.tax-id-wrapper[b-9i837px8h7] {
    position: relative;
}

    .tax-id-wrapper input[b-9i837px8h7] {
        width: 100%;
        padding-right: 80px; /* button ke liye space */
    }

    .tax-id-wrapper .find-btn[b-9i837px8h7] {
        position: absolute;
        top: 49%;
        right: 4px;
        transform: translateY(-50%);
        min-width: 56px;
        height: 33px;
        padding: 0 12px;
    }

.season-date-group[b-9i837px8h7] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .season-date-group:focus-within[b-9i837px8h7] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .season-date-group:hover:not(.disabled)[b-9i837px8h7] {
        border-color: #eaecff !important;
    }

.season-date-divider[b-9i837px8h7] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

[b-9i837px8h7] .dropdown:has(> .season-date-day) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-9i837px8h7] .season-date-day {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 90px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-9i837px8h7] .season-date-day:focus {
        box-shadow: none !important;
    }

[b-9i837px8h7] .dropdown:has(> .season-date-month) {
    width: 100% !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-9i837px8h7] .season-date-month {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100% !important;
    white-space: nowrap;
    border: none !important;
}

    [b-9i837px8h7] .season-date-month:focus {
        box-shadow: none !important;
    }

.business-onboarding .three-dropdown .cstm-dropdown .cstm-dropdown-data[b-9i837px8h7]  .inner {
    opacity: 1 !important;
    /*transform: translateY(0) !important;*/
    transform: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.upload-img-box[b-9i837px8h7] {
    height: 64px;
    background-color: #F1F5F9 !important;
    border: 1px #1E293B1F dashed !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border-width: 2px !important;
    border-style: dashed !important;
}

    .upload-img-box.img-box-loading[b-9i837px8h7] {
        height: 64px;
    }

    .upload-img-box label:hover[b-9i837px8h7] {
        opacity: 0.9 !important;
    }

    .upload-img-box.dragging[b-9i837px8h7] {
/*        border-color: #1E293B1F !important;
        background-color: #F1F5F9 !important;
        transform: scale(1.01) !important;
        transition: all 0.2s ease !important;*/
        border-color: var(--purple) !important;
        background-color: #f5f3ff !important;
        transform: scale(1.01) !important;
        transition: all 0.2s ease !important;
    }

/*Slider*/
.toggle-switch .slider[b-9i837px8h7]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

[b-9i837px8h7] .validation-message {
    /*margin-top: 5px !important;*/
    color: red !important;
    font-size: small !important;
    font-weight: 400 !important;
}

.det-img-thumb[b-9i837px8h7] {
    position: relative;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.15s;
    scroll-snap-align: start;
}

    .det-img-thumb img[b-9i837px8h7] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.det-img-thumb-delete[b-9i837px8h7] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    background-color: #df2917;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.12s;
}

.baggee[b-9i837px8h7] {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
}

    .baggee.green[b-9i837px8h7] {
        background-color: #409B3F1F;
        color: var(--green);
    }

.no-spinner[b-9i837px8h7]::-webkit-inner-spin-button,
.no-spinner[b-9i837px8h7]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner[b-9i837px8h7] {
    -moz-appearance: textfield;
}
/* /Pages/Authentication/RegisterSubcontractor.razor.rz.scp.css */
.owner-initial[b-ix818yjm9l] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-ix818yjm9l] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-ix818yjm9l] {
  height: initial;
  width: initial;
}

.options[b-ix818yjm9l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-ix818yjm9l] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-ix818yjm9l] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.logout-btn[b-ix818yjm9l] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-ix818yjm9l] {
  background-color: #dadada;
}

.owner-register label span.red[b-ix818yjm9l] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.phone-group[b-ix818yjm9l] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-ix818yjm9l],
    .phone-group:focus-within[b-ix818yjm9l] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-ix818yjm9l],
    .phone-group input:focus-within[b-ix818yjm9l] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-ix818yjm9l] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-ix818yjm9l] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-ix818yjm9l] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-ix818yjm9l] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-ix818yjm9l]::placeholder {
        color: #cccccc !important;
    }

[b-ix818yjm9l] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-ix818yjm9l] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-ix818yjm9l] .user-phone-code:focus {
        box-shadow: none !important;
    }

.three-dropdown form input[b-ix818yjm9l], .three-dropdown form textarea[b-ix818yjm9l] {
    height: 40px;
    padding: 8px 10px !important;
    background-color: var(--white) !important;
    border: 1px #1E293B1F solid !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    outline: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
    color: var(--dark-txt) !important;
}

    .three-dropdown form input:focus[b-ix818yjm9l], .three-dropdown form textarea:focus[b-ix818yjm9l] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

.tax-id-wrapper[b-ix818yjm9l] {
    position: relative;
}

    .tax-id-wrapper input[b-ix818yjm9l] {
        width: 100%;
        padding-right: 80px; /* button ke liye space */
    }

    .tax-id-wrapper .find-btn[b-ix818yjm9l] {
        position: absolute;
        top: 49%;
        right: 4px;
        transform: translateY(-50%);
        min-width: 56px;
        height: 33px;
        padding: 0 12px;
    }

.season-date-group[b-ix818yjm9l] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .season-date-group:focus-within[b-ix818yjm9l] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .season-date-group:hover:not(.disabled)[b-ix818yjm9l] {
        border-color: #eaecff !important;
    }

.season-date-divider[b-ix818yjm9l] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

[b-ix818yjm9l] .dropdown:has(> .season-date-day) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-ix818yjm9l] .season-date-day {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 90px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-ix818yjm9l] .season-date-day:focus {
        box-shadow: none !important;
    }

[b-ix818yjm9l] .dropdown:has(> .season-date-month) {
    width: 100% !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-ix818yjm9l] .season-date-month {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100% !important;
    white-space: nowrap;
    border: none !important;
}

    [b-ix818yjm9l] .season-date-month:focus {
        box-shadow: none !important;
    }

.business-onboarding .three-dropdown .cstm-dropdown .cstm-dropdown-data[b-ix818yjm9l]  .inner {
    opacity: 1 !important;
    /*transform: translateY(0) !important;*/
    transform: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.upload-img-box[b-ix818yjm9l] {
    height: 64px;
    background-color: #F1F5F9 !important;
    border: 1px #1E293B1F dashed !important;
    padding: 16px !important;
    border-radius: 16px !important;
    border-width: 2px !important;
    border-style: dashed !important;
}

    .upload-img-box.img-box-loading[b-ix818yjm9l]{
        height: 64px;
    }

    .upload-img-box label:hover[b-ix818yjm9l] {
        opacity: 0.9 !important;
    }

    .upload-img-box.dragging[b-ix818yjm9l] {
/*        border-color: #1E293B1F !important;
        background-color: #F1F5F9 !important;
        transform: scale(1.01) !important;
        transition: all 0.2s ease !important;*/
        border-color: var(--purple) !important;
        background-color: #f5f3ff !important;
        transform: scale(1.01) !important;
        transition: all 0.2s ease !important;
    }

/*Slider*/
.toggle-switch .slider[b-ix818yjm9l]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

[b-ix818yjm9l] .validation-message {
    /*margin-top: 5px !important;*/
    color: red !important;
    font-size: small !important;
    font-weight: 400 !important;
}

.det-img-thumb[b-ix818yjm9l] {
    position: relative;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.15s;
    scroll-snap-align: start;
}

.det-img-thumb img[b-ix818yjm9l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.det-img-thumb-delete[b-ix818yjm9l] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    background-color: #df2917;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.12s;
}

.baggee[b-ix818yjm9l] {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
}

    .baggee.green[b-ix818yjm9l] {
        background-color: #409B3F1F;
        color: var(--green);
    }

.no-spinner[b-ix818yjm9l]::-webkit-inner-spin-button,
.no-spinner[b-ix818yjm9l]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-spinner[b-ix818yjm9l] {
    -moz-appearance: textfield;
}

.password-toggle-btn[b-ix818yjm9l] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-ix818yjm9l] {
        background-color: #f8f9fa !important;
    }

.owner-register input.focus-invalid:focus[b-ix818yjm9l] {
    box-shadow: 0 0 0 0.2rem #ED4030 !important;
}

.owner-register input.focus-valid:focus[b-ix818yjm9l] {
    box-shadow: 0 0 0 0.2rem #409B3F !important;
}

input[type="password"][b-ix818yjm9l]::-ms-reveal,
input[type="password"][b-ix818yjm9l]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/ResetPassword.razor.rz.scp.css */
*[b-4xxmkkp8h2] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-4xxmkkp8h2] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.reset-password-card[b-4xxmkkp8h2] {
    width: 460px;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

    .reset-password-card h2[b-4xxmkkp8h2] {
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        color: #111827;
    }

.input-groups[b-4xxmkkp8h2] {
    margin-bottom: 15px;
}

    .input-groups input[b-4xxmkkp8h2] {
        height: 40px;
        width: 100%;
        padding: 8px 10px !important;
        background-color: var(--white) !important;
        border: 1px #1E293B1F solid !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
        outline: none !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: -0.2px !important;
        color: var(--dark-txt) !important;
    }

        .input-groups input:focus[b-4xxmkkp8h2] {
            box-shadow: 0 0 0 0.2rem #dce0ff !important;
        }

.reset-password-btn[b-4xxmkkp8h2] {
    width: 100%;
}

.password-toggle-btn[b-4xxmkkp8h2] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

    .password-toggle-btn:hover[b-4xxmkkp8h2] {
        background-color: #f8f9fa !important;
    }

.reset-password-card input.focus-invalid:focus[b-4xxmkkp8h2] {
    box-shadow: 0 0 0 0.2rem #ED4030 !important;
}

.reset-password-card input.focus-valid:focus[b-4xxmkkp8h2] {
    box-shadow: 0 0 0 0.2rem #409B3F !important;
}

.password-requirment img[b-4xxmkkp8h2] {
    height: 18px;
}

.password-requirment span[b-4xxmkkp8h2] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

    .password-requirment span.black-txt[b-4xxmkkp8h2] {
        color: var(--dark-txt);
    }

    .password-requirment span.gray-txt[b-4xxmkkp8h2] {
        color: var(--gray-txt);
    }

.password-requirment .w-40[b-4xxmkkp8h2] {
    width: 40%;
}

input[type="password"][b-4xxmkkp8h2]::-ms-reveal,
input[type="password"][b-4xxmkkp8h2]::-ms-clear {
    display: none;
}
/* /Pages/Authentication/SubcontractorInvite.razor.rz.scp.css */
.onboarding-layout[b-ooyvheyrn2] {
  color: #1e293b;
}

.avatar-circle[b-ooyvheyrn2] {
  width: 38px;
  height: 38px;
  background-color: #f0f2ff;
  color: #5865f2;
  font-weight: 600;
}

.step-container[b-ooyvheyrn2] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Specific Input Styling from Image 3 */
.custom-input[b-ooyvheyrn2] {
  background-color: #fcfcfc;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 0.95rem;
}

.custom-input:focus[b-ooyvheyrn2] {
  border-color: #5865f2;
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
  background-color: #fff;
}

.btn-find[b-ooyvheyrn2] {
  background-color: #5865f2;
  border: none;
  border-radius: 0 10px 10px 0 !important;
  padding: 0 20px;
}

/* Work Type List Items from Image 4 */
.work-type-item[b-ooyvheyrn2] {
  background-color: #f1f5f9;
  padding: 14px 20px;
  border-radius: 12px;
  font-weight: 500;
}

.btn-new[b-ooyvheyrn2] {
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 0.85rem;
  font-weight: 600;
}

.btn-primary.rounded-pill[b-ooyvheyrn2] {
  background-color: #5865f2;
  border: none;
}

.onboarding-card[b-ooyvheyrn2] {
  border: 1px #1e293b17 solid;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
  transition: box-shadow 0.2s ease-in-out;
}

.onboarding-card.active-step[b-ooyvheyrn2] {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.logout-btn[b-ooyvheyrn2] {
  padding: 1px 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-ooyvheyrn2] {
  background-color: #dadada;
}
/* /Pages/Business/Components/AddSubBusinessPopup.razor.rz.scp.css */
/* ── Dialog sizing ───────────────────────────────────────────────────────── */
.asbp-dialog[b-n38armopny] {
    max-width: 400px;
    width: 100%;
}

/* ── Modal shell ─────────────────────────────────────────────────────────── */
.asbp-modal[b-n38armopny] {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 48px -12px rgba(30,41,59,0.18);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.asbp-header[b-n38armopny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    background: #fff;
    border-bottom: 1px solid #F1F5F9;
}

.asbp-title[b-n38armopny] {
    font-size: 17px;
    font-weight: 700;
    color: #1E293B;
    margin: 0;
    letter-spacing: -0.2px;
}

.asbp-close[b-n38armopny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background: #fff;
    cursor: pointer;
    transition: background 0.15s;
}

.asbp-close:hover[b-n38armopny] {
    background: #F1F5F9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.asbp-body[b-n38armopny] {
    padding: 16px 20px;
    background: #F1F5F9;
}

/* ── Spinner ─────────────────────────────────────────────────────────────── */
.asbp-spinner[b-n38armopny] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    color: #5263FF;
}

/* ── Fields ──────────────────────────────────────────────────────────────── */
.asbp-field[b-n38armopny] {
    margin-bottom: 14px;
}

.asbp-field-row[b-n38armopny] {
    display: flex;
    gap: 12px;
    margin-bottom: 0;
}

.asbp-field-row .asbp-field[b-n38armopny] {
    flex: 1;
}

.asbp-label[b-n38armopny] {
    /* display: block;
    font-size: 14px;
    font-weight: 400;
    color: #1E293B; */
    margin-bottom: 4px;
}

.asbp-required[b-n38armopny] {
    color: #EF4444;
}

.asbp-input[b-n38armopny] {
    width: 100%;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: #1E293B;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: block;
    font-family: inherit;
    resize: none;
}

.asbp-input:focus[b-n38armopny] {
    border-color: #5263FF;
    box-shadow: 0 0 0 3px #5263FF1A;
}

.asbp-input.asbp-input-error[b-n38armopny] {
    border-color: #EF4444;
    box-shadow: 0 0 0 3px #EF44441A;
}

.input-error[b-n38armopny] {
    box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.asbp-input.asbp-input-disabled[b-n38armopny] {
    background: #fff;
    color: #64748B;
    cursor: not-allowed;
    opacity: 1;
}

.asbp-select[b-n38armopny] {
    cursor: pointer;
    appearance: auto;
}

.asbp-field-error[b-n38armopny] {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #ED4030;
    line-height: 20px;
    letter-spacing: -0.2px;
}

/* ── Phone row ───────────────────────────────────────────────────────────── */
.asbp-phone-row[b-n38armopny] {
    display: flex;
    align-items: center;
    gap: 0;
}

.asbp-phone-prefix[b-n38armopny] {
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 10px 12px;
    font-size: 14px;
    color: #64748B;
    font-weight: 600;
}

.asbp-phone-code[b-n38armopny] {
    border-radius: 0;
    border-left: none;
    max-width: 44%;
}

.asbp-phone-number[b-n38armopny] {
    border-radius: 0 10px 10px 0;
    border-left: none;
    flex: 1;
}

/* ── Full-width primary button ───────────────────────────────────────────── */
.asbp-btn-full[b-n38armopny] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 20px;
    border: none;
    border-radius: 10px;
    background: #5263FF;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
}

.asbp-btn-full:hover:not(:disabled)[b-n38armopny] {
    background: #4250E0;
}

.asbp-btn-full-disabled[b-n38armopny],
.asbp-btn-full:disabled[b-n38armopny] {
    background: #CBD5E1;
    color: #94A3B8;
    cursor: not-allowed;
}

/* ── OR divider ──────────────────────────────────────────────────────────── */
.asbp-or[b-n38armopny] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 24px 0;
}

.asbp-or-line[b-n38armopny] {
    flex: 1;
    height: 1px;
    background: #1E293B17;
}

.asbp-or-text[b-n38armopny] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    letter-spacing: -0.2px;
}

/* ── Info banner ─────────────────────────────────────────────────────────── */
.asbp-info-banner[b-n38armopny] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    background: #5263FF1F;
    font-size: 13px;
    font-weight: 500;
    color: #363AF5;
    line-height: 16px;
    letter-spacing: -0.2px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px -0.5px #1E293B08;
}

.asbp-warn-banner[b-n38armopny] {
    background: #FFFBEB;
    color: #92400E;
}

/* ── Business card ───────────────────────────────────────────────────────── */
.asbp-business-card[b-n38armopny] {
    /* background: #fff; */
    /* border: 1px solid #E2E8F0; */
    /* border-radius: 14px; */
    /* padding: 4px 0; */
    /* margin-bottom: 20px; */
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 8px;
}

.asbp-card-row[b-n38armopny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.asbp-card-content[b-n38armopny] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.asbp-card-label[b-n38armopny] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.asbp-card-value[b-n38armopny] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    line-height: 24px;
    letter-spacing: -0.2px;
    max-width: 300px;
    overflow-wrap: anywhere;
    word-break: normal;
}

.asbp-country[b-n38armopny] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.asbp-flag[b-n38armopny] {
    height: 18px;
    width: 18px;
    border-radius: 100%;
}

.asbp-divider[b-n38armopny] {
    height: 1px;
    background: #F1F5F9;
    margin: 0 18px;
}

/* ── Business logo (top-right of card) ──────────────────────────────────── */
.asbp-logo-fallback[b-n38armopny] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #5263FF1F;
    overflow: hidden;
    flex-shrink: 0;
}

.asbp-logo-fallback-img[b-n38armopny] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.asbp-logo-img[b-n38armopny] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 100%;
}

/* ── Step subtitle ───────────────────────────────────────────────────────── */
.asbp-step-subtitle[b-n38armopny] {
    font-size: 13px;
    color: #64748B;
    margin-bottom: 16px;
    line-height: 1.5;
}

/* ── Footer buttons ──────────────────────────────────────────────────────── */
.asbp-footer[b-n38armopny] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.asbp-btn[b-n38armopny] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    padding: 13px 18px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    border: none;
}

.asbp-btn:disabled[b-n38armopny] {
    opacity: 0.6;
    cursor: not-allowed;
}

.asbp-btn-cancel[b-n38armopny] {
    background: #fff;
    border: 1px solid #E2E8F0;
    color: #475569;
}

.asbp-btn-cancel:hover:not(:disabled)[b-n38armopny] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

.asbp-btn-invite[b-n38armopny] {
    background: #5263FF;
    color: #fff;
}

.asbp-btn-invite:hover:not(:disabled)[b-n38armopny] {
    background: #4250E0;
}
/* /Pages/Business/Components/SubcontractorAddLocationsPopup.razor.rz.scp.css */
/* ── Body ────────────────────────────────────────────────────────────────── */

.sdalp-body[b-8v0g0z4guk] {
	display: flex;
	flex-direction: column;
}

.sdalp-section-header[b-8v0g0z4guk] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: #F1F5F9;
	border-bottom: 1px solid #F1F5F9;
	position: sticky;
	top: 0;
	/* z-index: 1; */
	cursor: default;
	height: 45px;
}

.sdalp-label-group[b-8v0g0z4guk] {
	display: flex;
	align-items: center;
	gap: 8px;
}

	.sdalp-label-group .sdalp-checkbox[b-8v0g0z4guk] {
		cursor: pointer;
	}

.sdalp-list-label[b-8v0g0z4guk] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
}

.sdalp-selected-count[b-8v0g0z4guk] {
	font-size: 13px;
	font-weight: 500;
	color: #64748B;
}

.sdalp-empty[b-8v0g0z4guk] {
	padding: 40px 24px;
	font-size: 14px;
	font-weight: 500;
	color: #64748B;
	text-align: center;
}

/* ── Scrollable list ─────────────────────────────────────────────────────── */

.sdalp-list-scroll[b-8v0g0z4guk] {
	display: flex;
	flex-direction: column;
	max-height: 464px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #C3C8CF transparent;
}

	.sdalp-list-scroll[b-8v0g0z4guk]::-webkit-scrollbar {
		width: 4px;
	}

	.sdalp-list-scroll[b-8v0g0z4guk]::-webkit-scrollbar-thumb {
		background: #C3C8CF;
		border-radius: 4px;
	}

/* ── Location row ────────────────────────────────────────────────────────── */

.sdalp-list-item[b-8v0g0z4guk] {
	min-height: 65px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #F1F5F9;
	cursor: pointer;
	transition: background 0.12s;
	margin: 0;
}

	.sdalp-list-item.alter-row[b-8v0g0z4guk] {
		background: #F8FAFC;
	}

	.sdalp-list-item:last-child[b-8v0g0z4guk] {
		border-bottom: none;
	}

	.sdalp-list-item:hover[b-8v0g0z4guk] {
		background: #F5F6FF;
	}

.sdalp-list-item--checked[b-8v0g0z4guk] {
	background: #F5F6FF !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */

.sdalp-checkbox[b-8v0g0z4guk] {
	width: 18px !important;
	height: 18px !important;
	border-radius: 6px !important;
	padding: 2px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s !important;
	background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
	border: 2.5px solid #d9dee3 !important;
	backdrop-filter: blur(24px) !important;
	box-shadow:
		0px 1px 1px -0.5px #1e293b08,
		0px 3px 3px 0px #ffffff1f inset !important;
	flex-shrink: 0 !important;
}

	.sdalp-checkbox.checked[b-8v0g0z4guk] {
		background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
		color: white !important;
		backdrop-filter: blur(24px) !important;
		box-shadow:
			0px 1px 1px -0.5px #1e293b08,
			0px 3px 3px 0px #ffffff1f inset !important;
		border: none !important;
	}

.sdalp-checkbox-icon[b-8v0g0z4guk] {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* ── Location detail ─────────────────────────────────────────────────────── */

.sdalp-pin-icon[b-8v0g0z4guk] {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

.sdalp-loc-detail[b-8v0g0z4guk] {
	width: calc(100% - 30px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.sdalp-loc-left[b-8v0g0z4guk] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 2px;
	width: 60%;
}

.sdalp-loc-right[b-8v0g0z4guk] {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 36%;
}

.sdalp-loc-name[b-8v0g0z4guk] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.sdalp-contractor-badge[b-8v0g0z4guk] {
	display: inline-block;
	padding: 4px 6px;
	font-size: 12px;
	font-weight: 600;
	color: #363AF5;
	background: #5263FF1F;
	border-radius: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.sdalp-loc-addr[b-8v0g0z4guk] {
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/* ── Conflict warning ────────────────────────────────────────────────────── */

.sdalp-conflict-warning[b-8v0g0z4guk] {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 20px;
	background: #FFC30A1F;
}

.sdalp-conflict-icon[b-8v0g0z4guk] {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 1px;
}

.sdalp-conflict-text[b-8v0g0z4guk] {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

	.sdalp-conflict-text p[b-8v0g0z4guk] {
		margin: 0;
		font-size: 13px;
		font-weight: 700;
		color: #B47500;
		line-height: 1.5;
	}
/* /Pages/Business/Components/SubcontractorDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-x2xih3p1wi] {
  z-index: 1049 !important;
}

/* ── Subcontractor details slider ────────────────────────────────────────── */
.subcontractorDetailsSlider.right .modal-dialog[b-x2xih3p1wi] {
	position: fixed;
	margin: 0;
	right: 0;
	top: 0;
	height: 100%;
	max-width: 740px;
	width: 100%;
}

.subcontractorDetailsSlider.right .modal-content[b-x2xih3p1wi] {
	height: 100vh;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	border: none;
}

.subcontractorDetailsSlider.right.fade .modal-dialog[b-x2xih3p1wi] {
	transform: translateX(100%);
	transition: transform 0.3s ease-out;
}

.subcontractorDetailsSlider.right.show .modal-dialog[b-x2xih3p1wi] {
	transform: translateX(0);
}
/* ── End subcontractor details slider ────────────────────────────────────── */


/* ── Shell ───────────────────────────────────────────────────────────────── */
.sds-shell[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	background: #FFFFFF;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.sds-header[b-x2xih3p1wi] {
	background: #fff;
	flex-shrink: 0;
}

.sds-tab-bar[b-x2xih3p1wi] {
	padding: 0px 24px 16px 24px;
	border-bottom: 1px solid #EBECED;
	height: 70px;
}

.sds-header-top[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 24px;
}

.sds-header-identity[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

/* Avatar */
.sds-avatar[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background-color: #5263FF1F;
	overflow: hidden;
}

	.sds-avatar img:not(.sds-avatar-fallback)[b-x2xih3p1wi] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.sds-avatar-fallback[b-x2xih3p1wi] {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.sds-name[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 800;
	color: #1E293B;
	margin: 0;
	line-height: 24px;
	letter-spacing: -0.2px;
}
/* Close button */
.sds-btn-close[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: 1px solid #E2E8F0;
	background: #fff;
	cursor: pointer;
	transition: background 0.15s;
}

	.sds-btn-close:hover[b-x2xih3p1wi] {
		background: #F1F5F9;
	}


/* ── Body ────────────────────────────────────────────────────────────────── */
.sds-body[b-x2xih3p1wi] {
	flex: 1;
	overflow-y: auto;
	/* padding: 16px; */
	display: flex;
	flex-direction: column;
	/* gap: 12px; */
	scrollbar-width: thin;
}

/* ── Section card ────────────────────────────────────────────────────────── */
.sds-section[b-x2xih3p1wi] {
	/* background: #fff; */
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/* ── Details grid ────────────────────────────────────────────────────────── */
.sds-grid[b-x2xih3p1wi] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.sds-detail-item[b-x2xih3p1wi] {
	/* background: #FFFFFF; */
	/* padding: 5px 5px; */
	display: flex;
	flex-direction: column;
	/* gap: 4px; */
	/* min-width: 0; */
}


/* ── Statistics header ───────────────────────────────────────────────────── */
.sds-stats-header[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.sds-stats-filters[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sds-select[b-x2xih3p1wi] {
	padding: 4px 8px;
	font-size: 12px;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	outline: none;
}

.sds-date-range[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	font-size: 12px;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	white-space: nowrap;
}

/* ── Stat cards ──────────────────────────────────────────────────────────── */
.sds-stat-cards[b-x2xih3p1wi] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sds-stat-card[b-x2xih3p1wi] {
	background: #F8FAFC;
	border: 1px solid #F1F5F9;
	border-radius: 10px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sds-stat-card-top[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.sds-stat-icon[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	flex-shrink: 0;
}

	.sds-stat-icon img[b-x2xih3p1wi] {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

.sds-stat-icon--yellow[b-x2xih3p1wi] {
	background: #FFFBEB;
}

.sds-stat-icon--green[b-x2xih3p1wi] {
	background: #F0FDF4;
}

.sds-stat-icon--blue[b-x2xih3p1wi] {
	background: #EFF6FF;
}

.sds-stat-label[b-x2xih3p1wi] {
	font-size: 12px;
	font-weight: 500;
	color: #64748B;
}

.sds-stat-amount[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 700;
	color: #1E293B;
	margin: 0;
	letter-spacing: -0.5px;
}

.sds-stat-currency[b-x2xih3p1wi] {
	font-size: 11px;
	font-weight: 500;
	color: #94A3B8;
}

/* ── Work type table ─────────────────────────────────────────────────────── */
.sds-work-type-table[b-x2xih3p1wi] {
	border: 1px solid #F1F5F9;
	border-radius: 8px;
	overflow: hidden;
}

.sds-work-type-row[b-x2xih3p1wi] {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	font-size: 13px;
	color: #1E293B;
	border-bottom: 1px solid #F8FAFC;
}

	.sds-work-type-row:last-child[b-x2xih3p1wi] {
		border-bottom: none;
	}

.sds-work-type-row--header[b-x2xih3p1wi] {
	background: #F8FAFC;
	font-size: 11px;
	font-weight: 600;
	color: #94A3B8;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

/* ── Chart ───────────────────────────────────────────────────────────────── */
.sds-chart-box[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.sds-chart-header[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sds-chart-area[b-x2xih3p1wi] {
	width: 100%;
	overflow: hidden;
}

.sds-chart-svg[b-x2xih3p1wi] {
	width: 100%;
	height: auto;
	display: block;
}

.sds-chart-label[b-x2xih3p1wi] {
	font-size: 8px;
	fill: #94A3B8;
	font-family: inherit;
}

/* ── Dispatch history ────────────────────────────────────────────────────── */
.sds-dispatch-header[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.sds-btn-export[b-x2xih3p1wi] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	transition: background 0.15s;
	white-space: nowrap;
}

	.sds-btn-export:hover[b-x2xih3p1wi] {
		background: #F8FAFC;
	}

.sds-dispatch-table[b-x2xih3p1wi] {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

	.sds-dispatch-table thead th[b-x2xih3p1wi] {
		font-size: 11px;
		font-weight: 600;
		color: #94A3B8;
		text-transform: uppercase;
		letter-spacing: 0.4px;
		padding: 8px 10px;
		text-align: left;
		border-bottom: 1px solid #F1F5F9;
		white-space: nowrap;
	}

	.sds-dispatch-table tbody tr[b-x2xih3p1wi] {
		border-bottom: 1px solid #F8FAFC;
	}

		.sds-dispatch-table tbody tr:last-child[b-x2xih3p1wi] {
			border-bottom: none;
		}

	.sds-dispatch-table tbody td[b-x2xih3p1wi] {
		padding: 10px 10px;
		vertical-align: middle;
	}

.sds-dispatch-id[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	margin: 0 0 2px;
}

.sds-dispatch-sub[b-x2xih3p1wi] {
	font-size: 11px;
	font-weight: 400;
	color: #64748B;
	margin: 0;
}

.sds-dispatch-date[b-x2xih3p1wi] {
	font-size: 12px;
	color: #64748B;
	white-space: nowrap;
}

.sds-dispatch-locs[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #1E293B;
}

.sds-loc-icon[b-x2xih3p1wi] {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.sds-btn-view-locs[b-x2xih3p1wi] {
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #5263FF;
	background: #EEF0FF;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s;
}

.sds-btn-view-locs:hover[b-x2xih3p1wi] {
	background: #DDE0FF;
}

/* ── Empty tab placeholder ───────────────────────────────────────────────── */
.sds-empty-tab[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex: 1;
	min-height: 260px;
	color: #94A3B8;
	font-size: 13px;
}

	.sds-empty-tab p[b-x2xih3p1wi] {
		margin: 0;
	}

.sds-flag[b-x2xih3p1wi] {
	height: 18px;
	width: 18px;
	border-radius: 100%;
	margin-right: 4px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   Tab navigation — moved from style.css
   ═══════════════════════════════════════════════════════════════════════════ */
.sds-tabs[b-x2xih3p1wi] {
	gap: 6px;
	background-color: #F1F5F9CC;
	border: 1px #1E293B08 solid;
	border-radius: 16px;
	padding: 6px 8px;
}

.sds-tab[b-x2xih3p1wi] {
	padding: 6px;
	background-color: transparent;
	border: 1px transparent solid;
	border-radius: 10px;
	outline: none;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
	width: 100%;
    transition:
        background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, box-shadow, background-color, border-color, color;
}

	.sds-tab:hover[b-x2xih3p1wi] {
		color: var(--dark-txt);
		transform: translateY(-1px) scale(1.01);
	}

.sds-tab--active[b-x2xih3p1wi] {
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,1),
        rgba(248,250,252,1)
    );
	border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow:
        0 1px 1px rgba(15, 23, 42, 0.03),
        0 4px 10px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.8);
	color: var(--dark-txt);
	transform: scale(1.015);
}

.sds-tab:active[b-x2xih3p1wi] {
	transform: scale(0.98);
}

/* ── Detail labels, values, section titles — moved from style.css ─────── */
.sds-detail-label[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.sds-detail-value[b-x2xih3p1wi] {
	padding: 0;
	color: var(--gray-txt);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	overflow-wrap: anywhere;
	word-break: normal;
}

.sds-section-title[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

/* ── Permission toggle ───────────────────────────────────────────────── */
.sds-permission-hint[b-x2xih3p1wi] {
	margin: 0;
	max-width: 420px;
	color: var(--gray-txt);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.sds-toggle-switch[b-x2xih3p1wi] {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 28px;
	background: linear-gradient(180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100%);
	border-radius: 50px;
	padding: 3px;
	flex-shrink: 0;
}

	.sds-toggle-switch.disabled[b-x2xih3p1wi] {
		opacity: 0.6;
		cursor: not-allowed;
	}

.sds-toggle-switch input[b-x2xih3p1wi] {
	opacity: 0;
	width: 0;
	height: 0;
}

.sds-toggle-slider[b-x2xih3p1wi] {
	position: absolute;
	cursor: pointer;
	border-radius: 30px;
	background-color: #d3dde8;
	transition: 0.3s;
	height: 22px;
	width: 40px;
}

	.sds-toggle-switch.disabled .sds-toggle-slider[b-x2xih3p1wi] {
		cursor: not-allowed;
	}

.sds-toggle-slider[b-x2xih3p1wi]:before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 2px;
	top: 2px;
	border-radius: 1000px;
	background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
	border: 3.5px solid #f9fbfc;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
	transition: .3s;
}

.sds-toggle-switch input:checked + .sds-toggle-slider[b-x2xih3p1wi] {
	background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.sds-toggle-switch input:checked + .sds-toggle-slider[b-x2xih3p1wi]:before {
	transform: translateX(18px);
	background: #fff;
}

.sds-toggle-switch input:checked + .sds-toggle-slider[b-x2xih3p1wi]:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 7.5px;
	width: 11px;
	height: 11px;
	background-image: url("../img/icons/toggle-check-icon.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.sdsl-loc-tab[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	padding: 16px;
	flex: 1;
	gap: 16px;
}

.sdsl-loc-tab-header[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sdsl-loc-list-wrap[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sdsl-loc-title-row[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sdsl-info-btn[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: #94A3B8;
	flex-shrink: 0;
}

.sdsl-add-btn[b-x2xih3p1wi] {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #5263FF;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s;
	white-space: nowrap;
}

.sdsl-add-btn:hover[b-x2xih3p1wi] {
	background: #4150E8;
}

.sdsl-loc-list[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sdsl-loc-row[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0px;
	cursor: pointer;
	transition: background 0.15s;
	border-bottom: 1px solid #F8FAFC;
}

.sdsl-loc-row:hover[b-x2xih3p1wi] {
	background: #F5F6FF;
}

.sdsl-loc-icon-cell[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	flex-shrink: 0;
}

.sdsl-pin[b-x2xih3p1wi] {
	width: 20px;
	height: 20px;
}

.sdsl-loc-text[b-x2xih3p1wi] {
	flex: 1;
	min-width: 0;
}

.sdsl-loc-name[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	margin: 0 0 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsl-loc-addr[b-x2xih3p1wi] {
	font-size: 12px;
	color: #64748B;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsl-route-badge[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border-radius: 6px;
	background: #F1F5F9;
	font-size: 12px;
	font-weight: 500;
	color: #64748B;
	flex-shrink: 0;
	white-space: nowrap;
}

.sdsl-route-badge--none[b-x2xih3p1wi] {
	color: #94A3B8;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
}

.sdsl-route-badge--has-route[b-x2xih3p1wi] {
	color: #5263FF;
	background: #EEF0FF;
	border: 1px solid #C7D2FE;
}

/* ── Drivers tab ─────────────────────────────────────────────────────────── */

.sdsd-tab[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	padding: 16px;
	flex: 1;
	gap: 16px;
}

.sdsd-tab-header[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sdsd-title-row[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sdsd-driver-list[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
}

.sdsd-driver-row[b-x2xih3p1wi] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #F8FAFC;
}

.sdsd-driver-row:last-child[b-x2xih3p1wi] {
	border-bottom: none;
}

.sdsd-driver-info[b-x2xih3p1wi] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sdsd-driver-name[b-x2xih3p1wi] {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsd-driver-email[b-x2xih3p1wi] {
	margin: 0;
	font-size: 12px;
	color: #64748B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.satistics-box .stats-h6[b-x2xih3p1wi] {
	font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.satistics-box .select-and-date[b-x2xih3p1wi] {
	width: min(520px, 100%);
}

.satistics-box .cards .card[b-x2xih3p1wi] {
	padding: 16px;
	background-color: #F8FAFC;
	border: 1px #1E293B08 solid;
	border-radius: 20px;
}

.satistics-box .cards .card .icon[b-x2xih3p1wi] {
	height: 40px;
	width: 40px;
	border-radius: 8px;
	background-color: transparent;
}

.satistics-box .cards .card .icon.yellow[b-x2xih3p1wi] {
	background-color: #FFC30A33;
}

.satistics-box .cards .card .icon.green[b-x2xih3p1wi] {
	background-color: #409B3F33;
}

.satistics-box .cards .card .icon img[b-x2xih3p1wi] {
	height: 22px;
}

.satistics-box .cards .card p[b-x2xih3p1wi] {
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box .cards .card h5[b-x2xih3p1wi] {
	font-size: 25px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box .cards .card span[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box table[b-x2xih3p1wi] {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px #1E293B0F solid;
	border-radius: 16px;
}

.satistics-box table th[b-x2xih3p1wi] {
	padding: 12px 16px;
	background-color: #F1F5F9;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box table th:nth-child(1)[b-x2xih3p1wi] {
	border-radius: 16px 0 0 0;
}

.satistics-box table th:nth-child(2)[b-x2xih3p1wi] {
	border-radius: 0 16px 0 0;
}

.satistics-box table td[b-x2xih3p1wi] {
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box table tr:nth-child(odd)[b-x2xih3p1wi] {
	background-color: #F8FAFC;
}

.satistics-box table tr:nth-child(even)[b-x2xih3p1wi] {
	background-color: var(--white);
}

.satistics-box table tr:last-child td:nth-child(1)[b-x2xih3p1wi] {
	border-radius: 0 0 0 16px;
}

.satistics-box table tr:last-child td:nth-child(2)[b-x2xih3p1wi] {
	border-radius: 0 0 16px 0;
}

.satistics-box .graph-box[b-x2xih3p1wi] {
	background-color: #F8FAFC;
	border: 1px #1E293B08 solid;
	border-radius: 20px;
	padding: 16px;
}

.satistics-box .graph-box .icon-txt .icon[b-x2xih3p1wi] {
	height: 40px;
	width: 40px;
	border-radius: 8px;
	background-color: var(--l-sky);
}

.satistics-box .graph-box .icon-txt .icon img[b-x2xih3p1wi] {
	height: 22px;
}

.satistics-box .graph-box .icon-txt p[b-x2xih3p1wi] {
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box .graph-box .chart-card[b-x2xih3p1wi] {
	position: relative;
	height: 300px;
}

.satistics-box .graph-box #revenueChart[b-x2xih3p1wi] {
	width: 100% !important;
	height: 100% !important;
}

/* .dispatch-history-box {
	padding: 0px 24px 24px 24px;
} */

/* .dispatch-history-box .txt-btn button {
	padding: 8px;
	gap: 2px;
	background-color: #F1F5F9CC;
	border: 1px #1E293B0F solid;
	border-radius: 8px;
	outline: none;
}

.dispatch-history-box .txt-btn button img {
	height: 16px;
}

.dispatch-history-box .txt-btn button p {
	padding: 0 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
} */

.dispatch-history-box table[b-x2xih3p1wi] {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px #1E293B0F solid;
	border-radius: 16px;
}

.dispatch-history-box table th[b-x2xih3p1wi] {
	padding: 12px 16px;
	background-color: #F1F5F9;
	border-right: 1px #1E293B0F solid;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.dispatch-history-box table th:first-child[b-x2xih3p1wi] {
	border-radius: 16px 0 0 0;
}

.dispatch-history-box table th:last-child[b-x2xih3p1wi] {
	border-radius: 0 16px 0 0;
}

.dispatch-history-box table td[b-x2xih3p1wi] {
	padding: 8px 16px;
	border-right: 1px #1E293B0F solid;
}

.dispatch-history-box table td p[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.dispatch-history-box table td span[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.dispatch-history-box table td .location-bagge[b-x2xih3p1wi] {
	gap: 2px;
	padding: 4px 6px;
	background-color: var(--l-sky);
	border-radius: 8px;
	width: max-content;
}

.dispatch-history-box table td .location-bagge p[b-x2xih3p1wi] {
	color: var(--sky);
	padding: 0 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

/* .dispatch-history-box table td button {
	padding: 8px 12px;
	background-color: #5263FF1F;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--purple-2);
	border: none;
	outline: none;
} */

.dispatch-history-box table tr:nth-child(odd)[b-x2xih3p1wi] {
	background-color: #F8FAFC;
}

.dispatch-history-box table tr:nth-child(even)[b-x2xih3p1wi] {
	background-color: var(--white);
}

.dispatch-history-box table tr th:last-child[b-x2xih3p1wi],
.dispatch-history-box table tr td:last-child[b-x2xih3p1wi] {
	border: none;
}

.dispatch-history-box table tr:last-child td:first-child[b-x2xih3p1wi] {
	border-radius: 0 0 0 16px;
}

.dispatch-history-box table tr:last-child td:last-child[b-x2xih3p1wi] {
	border-radius: 0 0 16px 0;
}

.dispatch-history-box-h6[b-x2xih3p1wi] {
	font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.mt-12[b-x2xih3p1wi] {
	margin-top: 12px;
}

/* 
.locations-tab {
	border-bottom: 1px #1E293B17 solid;
} */

.locations-tab .title[b-x2xih3p1wi] {
	padding: 24px 24px 16px 24px;
}

.locations-tab .title h6[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.locations-tab .title img.info[b-x2xih3p1wi] {
	height: 16px;
}

/* .locations-tab .title button {
	padding: 8px;
	gap: 2px;
	background-color: var(--purple);
	border: 1px #1E293B17 solid;
	border-radius: 8px;
	outline: none;
	box-shadow: 0 1px 1px -0.5px #1E293B08;
}

.locations-tab .title button img {
	height: 16px;
}

.locations-tab .title button p {
	padding: 0 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--white);
} */

.locations-tab .strap[b-x2xih3p1wi] {
	padding: 12px 24px;
	background-color: var(--white);
	/* cursor: pointer; */
}

.locations-tab .strap:hover[b-x2xih3p1wi] {
	background-color: #5263FF1F;
}

.locations-tab .strap img[b-x2xih3p1wi] {
	height: 20px;
}

.locations-tab .strap p[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.locations-tab .strap span[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.locations-tab .strap .bagge[b-x2xih3p1wi] {
	padding: 4px;
	border: 1px transparent solid;
	border-radius: 8px;
	background-color: transparent;
	gap: 2px;
}

.locations-tab .strap .bagge img[b-x2xih3p1wi] {
	height: 14px;
}

.locations-tab .strap .bagge p[b-x2xih3p1wi] {
	padding: 0 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.locations-tab .strap .bagge.white[b-x2xih3p1wi] {
	background-color: var(--white);
	border-color: #1E293B17;
	box-shadow: 0 2px 1.5px -0.5px #1E293B08;
}

.locations-tab .strap .bagge.white p[b-x2xih3p1wi] {
	color: var(--gray-txt);
}

.locations-tab .strap .bagge.sky[b-x2xih3p1wi] {
	background-color: #06B1F11F;
	border-color: #06B1F133;
}

.locations-tab .strap .bagge.sky p[b-x2xih3p1wi] {
	color: var(--sky);
}

/* .drivers-tab {
	border-bottom: 1px #1E293B17 solid;
} */

.drivers-tab .title[b-x2xih3p1wi] {
	padding: 24px 24px 16px 24px;
}

.drivers-tab .title h6[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.drivers-tab .title img[b-x2xih3p1wi] {
	height: 16px;
}

.drivers-tab .strap[b-x2xih3p1wi] {
	padding: 12px 24px;
}

.drivers-tab .strap .profile[b-x2xih3p1wi] {
	height: 36px;
	width: 36px;
	border-radius: 50px;
	background: transparent;
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.drivers-tab .strap .profile.blue[b-x2xih3p1wi] {
	background: linear-gradient(180deg, #5263FF 0%, #5263FF33 100%);
}

.drivers-tab .strap .profile.pink[b-x2xih3p1wi] {
	background: linear-gradient(180deg, #F83CE9 0%, #F83CE933 100%);
}

.drivers-tab .strap .profile.orange[b-x2xih3p1wi] {
	background: linear-gradient(180deg, #F74E03 0%, #F74E0333 100%);
}

.drivers-tab .strap .txt p[b-x2xih3p1wi] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.drivers-tab .strap .txt span[b-x2xih3p1wi] {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--gray-txt-2);
}

/* Each tab pane pads its own content — .sds-body carries none. */
.complaints-tab .title[b-x2xih3p1wi] {
	padding: 24px 24px 16px 24px;
}

.complaints-tab .title h6[b-x2xih3p1wi] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.complaints-tab-body[b-x2xih3p1wi] {
	padding: 0 24px 24px 24px;
}

/* ── Nickname (our own name for this subcontractor) ──────────────────── */
.sds-nickname-edit[b-x2xih3p1wi] {
	margin-top: 4px;
}

.sds-nickname-input[b-x2xih3p1wi] {
	flex: 1 1 auto;
	min-width: 0;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	padding: 6px 10px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	color: var(--dark-txt);
	outline: none;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.sds-nickname-input:focus[b-x2xih3p1wi] {
	border-color: #5263FF;
	box-shadow: 0 0 0 3px #5263FF1A;
}

.sds-nickname-input:disabled[b-x2xih3p1wi] {
	opacity: 0.6;
}

.sds-nickname-btn[b-x2xih3p1wi] {
	height: initial;
	padding: 4.5px 12px;
	flex-shrink: 0;
}

/* The registered name is read-only; only this pencil-free link opens the nickname. */
.sds-nickname-edit-btn[b-x2xih3p1wi] {
	border: none;
	background: none;
	padding: 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #5263FF;
}

.sds-nickname-edit-btn:hover[b-x2xih3p1wi] {
	text-decoration: underline;
}
/* /Pages/Business/Subcontractors.razor.rz.scp.css */
/* ── Status filter dropdown (WMDropdown wrapper) ────────────────────────── */
.sc-status-dropdown[b-i3qi52shx5] {
	width: 160px;
	flex-shrink: 0;
}

/* ── Equal-width table columns ───────────────────────────────────────────── */
.sc-table[b-i3qi52shx5] {
	table-layout: fixed;
	width: 100%;
}

/* ── Name cell ───────────────────────────────────────────────────────────── */
.sc-name[b-i3qi52shx5] {
	font-size: 14px;
	font-weight: 500;
	color: #1E293B;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ── Muted table cells ───────────────────────────────────────────────────── */
.sc-cell-muted[b-i3qi52shx5] {
	font-size: 14px;
	font-weight: 400;
	color: #64748B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ── Avatar icons ────────────────────────────────────────────────────────── */
.sc-avatar[b-i3qi52shx5] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	overflow: hidden;
}

	/* Logo images fill the container */
	.sc-avatar img:not(.sc-avatar-fallback-img)[b-i3qi52shx5] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/* Default/fallback images are padded inside the container */
.sc-avatar-fallback-img[b-i3qi52shx5] {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.sc-avatar-square[b-i3qi52shx5] {
	background-color: #5263FF1F;
	border-radius: 6px;
}

.sc-avatar-circle[b-i3qi52shx5] {
	background-color: #F1F5F9;
	border-radius: 100%;
}

/* ── Clickable active rows ───────────────────────────────────────────────── */
.sc-row-clickable[b-i3qi52shx5] {
	cursor: pointer;
	transition: background 0.12s;
}

.sc-row-clickable:hover[b-i3qi52shx5] {
	background: #F8FAFC;
}

.sc-row-status[b-i3qi52shx5] {
	display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.sc-row-status-success[b-i3qi52shx5] {
	background: rgba(64, 155, 63, 0.12);
	color: rgba(51, 135, 50, 1);
	/* border-color: rgba(64, 155, 63, 0.2); */
}

.sc-row-status-warning[b-i3qi52shx5] {
	background: rgba(255, 195, 10, 0.12);
	color: rgba(180, 117, 0, 1);
	/* border-color: rgba(255, 195, 10, 0.2); */
}

/* ── Loading spinner ─────────────────────────────────────────────────────── */
.sc-loading[b-i3qi52shx5] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	color: #0D6EFD;
}
/* The registered name, kept under a nickname so the row is still recognisable. */
.sc-name-registered[b-i3qi52shx5] {
	font-size: 12px;
	font-weight: 400;
	color: #64748B;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* /Pages/CustomerDashboard/CustomerDashboard.razor.rz.scp.css */
.dashboard-corridor[b-vzzqjjwyt0]{display:grid;grid-template-columns:380px minmax(0,1fr);gap:24px;height:calc(100vh - 112px);min-height:680px;align-items:stretch;overflow:hidden}
.cost-card[b-vzzqjjwyt0],.drives-card[b-vzzqjjwyt0],.locations-card[b-vzzqjjwyt0]{background:#fff;border:1px solid #1e293b08;border-radius:20px;box-shadow:0 1px 1px -.5px #1e293b08,0 3px 3px -1.5px #1e293b08,0 20px 20px -12px #1e293b08}
.cost-card[b-vzzqjjwyt0]{display:flex;flex-direction:column;min-width:0;padding:16px;overflow:hidden}
.card-heading[b-vzzqjjwyt0],.heading-label[b-vzzqjjwyt0],.locations-toolbar[b-vzzqjjwyt0],.location-filters[b-vzzqjjwyt0]{display:flex;align-items:center}
.card-heading[b-vzzqjjwyt0],.locations-toolbar[b-vzzqjjwyt0]{justify-content:space-between}
.heading-label[b-vzzqjjwyt0]{gap:8px;color:#475569;font-size:15px;font-weight:600;line-height:24px}
.icon-tile[b-vzzqjjwyt0]{display:grid;place-items:center;width:40px;height:40px;border-radius:8px}
.icon-tile img[b-vzzqjjwyt0]{width:22px;height:22px}
.cost-icon[b-vzzqjjwyt0]{background:#409b3f33}.drives-icon[b-vzzqjjwyt0]{background:#ed403033}.location-icon[b-vzzqjjwyt0]{background:#5263ff33}
.card-heading select[b-vzzqjjwyt0],.location-filters select[b-vzzqjjwyt0]{height:34px;padding:0 34px 0 12px;border:1px solid #1e293b1f;border-radius:8px;background:#fff url('/img/icons/gray-arrow.png') no-repeat right 8px center/18px;appearance:none;color:#1e293b;font-size:12px;font-weight:600;outline:0}
.cost-total[b-vzzqjjwyt0]{display:flex;align-items:baseline;gap:5px;margin:16px 4px 12px;color:#1e293b;font-size:34px;font-weight:700;line-height:40px;letter-spacing:-1.4px}.cost-total small[b-vzzqjjwyt0]{font-size:12px;font-weight:600;line-height:16px;letter-spacing:-.2px;color:#475569}
.work-type-strip[b-vzzqjjwyt0]{display:flex;gap:12px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}
.work-type-strip>div[b-vzzqjjwyt0]{display:flex;align-items:center;gap:8px;min-width:max-content;padding:8px 16px;border-radius:12px;background:#f1f5f9}
.work-type-strip span[b-vzzqjjwyt0]{color:#475569;font-size:12px;font-weight:600}.work-type-strip strong[b-vzzqjjwyt0]{color:#1e293b;font-size:15px;font-weight:800}
.pill-chart[b-vzzqjjwyt0]{display:flex;align-items:end;gap:10px;height:310px;padding:30px 4px 0;border-bottom:1px solid #e8edf3}
.pill-chart.all-time[b-vzzqjjwyt0]{overflow-x:auto;scrollbar-width:thin}
.pill-chart.all-time .pill-column[b-vzzqjjwyt0]{flex:0 0 44px}
.pill-column[b-vzzqjjwyt0]{display:grid;grid-template-rows:20px 1fr 24px;justify-items:center;align-items:end;min-width:42px;height:100%;flex:1}
.pill-column>strong[b-vzzqjjwyt0]{align-self:start;color:#475569;font-size:12px;font-weight:500}
.pill-track[b-vzzqjjwyt0]{position:relative;width:min(44px,82%);height:100%;overflow:hidden;border-radius:18px;background:#e8edf3}
.pill-fill[b-vzzqjjwyt0]{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column-reverse;overflow:hidden;border-radius:18px}
.pill-segment[b-vzzqjjwyt0]{display:block;min-height:0;flex:none}
.pill-column small[b-vzzqjjwyt0]{padding-top:8px;color:#475569;font-size:11px;text-transform:lowercase}
.chart-empty[b-vzzqjjwyt0]{height:310px}.chart-legend[b-vzzqjjwyt0]{display:flex;gap:8px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:thin}
.chart-legend span[b-vzzqjjwyt0]{display:flex;align-items:center;gap:4px;min-width:max-content;padding:4px 6px;border:1px solid #1e293b08;border-radius:8px;background:#f1f5f9cc;color:#1e293b;font-size:11px;font-weight:600}
.chart-legend i[b-vzzqjjwyt0]{display:block;width:14px;height:14px;border-radius:50%}
.pill-segment.work-type-0[b-vzzqjjwyt0],.legend-item.work-type-0 i[b-vzzqjjwyt0]{background:#5263ff}.pill-segment.work-type-1[b-vzzqjjwyt0],.legend-item.work-type-1 i[b-vzzqjjwyt0]{background:#69d7ff}.pill-segment.work-type-2[b-vzzqjjwyt0],.legend-item.work-type-2 i[b-vzzqjjwyt0]{background:#9cda9b}.pill-segment.work-type-3[b-vzzqjjwyt0],.legend-item.work-type-3 i[b-vzzqjjwyt0]{background:#f5b84b}.pill-segment.work-type-4[b-vzzqjjwyt0],.legend-item.work-type-4 i[b-vzzqjjwyt0]{background:#a78bfa}.pill-segment.work-type-5[b-vzzqjjwyt0],.legend-item.work-type-5 i[b-vzzqjjwyt0]{background:#fb7185}
.monthly-table-wrap[b-vzzqjjwyt0]{width:100%;margin-top:auto;padding-top:28px}.monthly-table-scroll.all-time[b-vzzqjjwyt0]{max-height:240px;overflow-y:auto;scrollbar-width:thin}
.monthly-table[b-vzzqjjwyt0]{width:100%;border-collapse:separate;border-spacing:0;color:#475569;font-size:12px;font-weight:600}
.monthly-table th[b-vzzqjjwyt0]{padding:5px 16px;background:#f1f5f9;color:#475569;text-align:left;text-transform:none}.monthly-table-scroll.all-time th[b-vzzqjjwyt0]{position:sticky;top:0;z-index:1}.monthly-table td[b-vzzqjjwyt0]{padding:10px 16px;border:0}.monthly-table th:last-child[b-vzzqjjwyt0],.monthly-table td:last-child[b-vzzqjjwyt0]{text-align:right}.monthly-table tbody tr:nth-child(even)[b-vzzqjjwyt0]{background:#f8fafc}
.dashboard-content[b-vzzqjjwyt0]{display:flex;flex-direction:column;min-width:0;min-height:0}.drives-card[b-vzzqjjwyt0]{display:flex;flex-direction:column;gap:10px;min-height:0;padding:16px}.dispatch-strap[b-vzzqjjwyt0]{display:flex;align-items:center;justify-content:space-between;width:100%;height:40px;padding:8px 8px 8px 16px;border:0;border-radius:12px;text-align:left}
.dispatch-strap span[b-vzzqjjwyt0]{display:flex;align-items:center;gap:8px;min-width:0;color:#475569;font-size:12px;font-weight:600}.dispatch-strap span img[b-vzzqjjwyt0]{width:18px;height:18px;flex:none}
.dispatch-strap strong[b-vzzqjjwyt0]{flex:none;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;box-shadow:0 1px 1px -.5px #1e293b08}
.dispatch-strap.planned[b-vzzqjjwyt0]{background:#5263ff1f}.dispatch-strap.planned span[b-vzzqjjwyt0]{color:#5263ff}.dispatch-strap.planned strong[b-vzzqjjwyt0]{background:#5263ff;color:#fff}
.dispatch-strap.history[b-vzzqjjwyt0]{background:#f1f5f9}.dispatch-strap.history strong[b-vzzqjjwyt0]{border:1px solid #1e293b17;background:#fff;color:#475569}
.locations-card[b-vzzqjjwyt0]{display:flex;flex:1;flex-direction:column;min-height:0;margin-top:24px;overflow:hidden}.locations-toolbar[b-vzzqjjwyt0]{min-height:70px;gap:16px;padding:14px 16px}.location-filters[b-vzzqjjwyt0]{gap:8px;flex:1;justify-content:flex-start;min-width:0}
.search-box[b-vzzqjjwyt0]{display:flex;align-items:center;gap:6px;width:240px;height:32px;padding:0 10px;border:1px solid #1e293b1f;border-radius:18px;box-shadow:0 1px 1px -.5px #1e293b08,0 3px 3px -1.5px #1e293b08}.search-box img[b-vzzqjjwyt0]{width:18px}.search-box input[b-vzzqjjwyt0]{width:100%;border:0;outline:0;color:#1e293b;font-size:12px;background:transparent}.search-box input[b-vzzqjjwyt0]::placeholder{color:transparent}
.customer-chip[b-vzzqjjwyt0]{max-width:180px;overflow:hidden;padding:7px 10px;border-radius:8px;background:#5263ff1f;color:#5263ff;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.responsive-table[b-vzzqjjwyt0]{flex:1;min-height:0;overflow:auto}.locations-table[b-vzzqjjwyt0]{width:100%;min-width:760px;border-collapse:collapse;color:#475569;font-size:12px}.locations-table th[b-vzzqjjwyt0]{position:sticky;top:0;z-index:1;height:40px;padding:10px 16px;background:#f8fafc;border-block:1px solid #eef2f6;color:#64748b;font-size:10px;font-weight:600;text-align:left}.locations-table td[b-vzzqjjwyt0]{height:82px;padding:11px 16px;border-bottom:1px solid #eef2f6}.locations-table th:first-child[b-vzzqjjwyt0],.locations-table td:first-child[b-vzzqjjwyt0]{width:42%}.locations-table tbody tr[b-vzzqjjwyt0]{cursor:pointer}.locations-table tbody tr:hover[b-vzzqjjwyt0]{background:#5263ff12}
.location-cell[b-vzzqjjwyt0]{display:flex;align-items:center;gap:9px}.location-cell img[b-vzzqjjwyt0]{width:42px;height:42px;border-radius:8px;object-fit:cover}.location-cell span[b-vzzqjjwyt0]{display:flex;flex-direction:column;min-width:0}.location-cell strong[b-vzzqjjwyt0]{color:#1e293b}.location-cell small[b-vzzqjjwyt0]{max-width:300px;overflow:hidden;color:#475569;text-overflow:ellipsis;white-space:nowrap}.dispatch-date-value[b-vzzqjjwyt0]{font-weight:600}
.price-pills[b-vzzqjjwyt0]{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.price-pills>span[b-vzzqjjwyt0]{display:flex;align-items:center;gap:5px}.price-pills em[b-vzzqjjwyt0]{color:#1e293b;font-style:normal}.price-pills strong[b-vzzqjjwyt0],.price-pills .no-price[b-vzzqjjwyt0]{padding:4px 7px;border-radius:7px;background:#409b3f1f;color:#409b3f;font-size:10px}.price-pills .no-price[b-vzzqjjwyt0]{background:#ffc30a1f;color:#b88600}
.pagination[b-vzzqjjwyt0]{display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:10px 16px;color:#64748b;font-size:11px}.pagination button[b-vzzqjjwyt0],.row-button[b-vzzqjjwyt0],.close-button[b-vzzqjjwyt0]{border:1px solid #1e293b0f;border-radius:8px;background:#f8fafc}.page-buttons[b-vzzqjjwyt0],.page-tools[b-vzzqjjwyt0],.page-tools label[b-vzzqjjwyt0]{display:flex;align-items:center}.page-buttons[b-vzzqjjwyt0]{gap:4px}.page-buttons button[b-vzzqjjwyt0]{min-width:30px;height:32px;padding:0 8px;color:#475569}.page-buttons button.active[b-vzzqjjwyt0]{background:#f1f5f9;color:#1e293b}.page-buttons button:disabled[b-vzzqjjwyt0]{color:#94a3b8}.page-buttons span[b-vzzqjjwyt0]{padding:0 8px}.page-tools[b-vzzqjjwyt0]{gap:8px}.page-tools label[b-vzzqjjwyt0]{gap:8px;white-space:nowrap}.page-tools input[b-vzzqjjwyt0]{width:78px;height:32px;padding:0 10px;border:1px solid #1e293b0f;border-radius:8px;background:#f1f5f9;color:#475569}.page-tools input[b-vzzqjjwyt0]::placeholder{color:#64748b}.page-tools .go-button[b-vzzqjjwyt0]{width:36px;height:28px;background:#fff;color:#475569}.page-divider[b-vzzqjjwyt0]{width:1px;height:24px;margin:0 6px;background:#e2e8f0}.page-tools select[b-vzzqjjwyt0]{width:62px;height:34px;padding:0 26px 0 10px;border:1px solid #1e293b0f;border-radius:8px;background:#fff url('/img/icons/gray-arrow.png') no-repeat right 6px center/14px;appearance:none;color:#475569}
.dashboard-state[b-vzzqjjwyt0],.empty-inline[b-vzzqjjwyt0]{display:grid;place-items:center;text-align:center;color:#778196}.dashboard-state[b-vzzqjjwyt0]{min-height:360px;background:#fff;border:1px solid #e2e7ef;border-radius:20px}.dashboard-state.error[b-vzzqjjwyt0]{color:#b94b54}.empty-inline[b-vzzqjjwyt0]{min-height:120px}.primary-button[b-vzzqjjwyt0],.secondary-button[b-vzzqjjwyt0]{border-radius:8px;padding:9px 13px;font-size:12px;font-weight:600}.primary-button[b-vzzqjjwyt0]{border:0;background:#5263ff;color:#fff}.secondary-button[b-vzzqjjwyt0]{border:1px solid #dce1eb;background:#fff;color:#4e5c76}
.drawer-backdrop[b-vzzqjjwyt0],.modal-backdrop[b-vzzqjjwyt0]{position:fixed;inset:0;background:#26304873;z-index:80}.portal-drawer[b-vzzqjjwyt0]{position:fixed;right:0;top:0;height:100vh;width:min(620px,92vw);background:#fff;z-index:90;box-shadow:-15px 0 45px #1f294438;overflow:auto}.portal-drawer>header[b-vzzqjjwyt0],.overview-modal>header[b-vzzqjjwyt0],.address-modal>header[b-vzzqjjwyt0]{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e8ebf1;padding:18px 20px}.portal-drawer h2[b-vzzqjjwyt0],.overview-modal h2[b-vzzqjjwyt0],.address-modal h2[b-vzzqjjwyt0]{font-size:19px;margin:4px 0}.close-button[b-vzzqjjwyt0]{width:34px;height:34px;font-size:22px;color:#697386}.eyebrow[b-vzzqjjwyt0]{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#6370e6;font-weight:700}.drawer-hero[b-vzzqjjwyt0]{display:flex;gap:14px;padding:18px 20px}.drawer-hero>img[b-vzzqjjwyt0]{width:115px;height:85px;border-radius:10px;object-fit:cover}.drawer-hero h3[b-vzzqjjwyt0]{margin:5px 0}.drawer-hero p[b-vzzqjjwyt0]{color:#778196;font-size:12px}.drawer-tabs[b-vzzqjjwyt0]{display:flex;border-bottom:1px solid #e8ebf1;padding:0 20px}.drawer-tabs button[b-vzzqjjwyt0]{border:0;background:none;padding:12px 16px;color:#7b8495;font-size:12px}.drawer-tabs button.active[b-vzzqjjwyt0]{color:#5664e4;border-bottom:2px solid #5664e4}.drawer-content[b-vzzqjjwyt0]{padding:18px 20px}.detail-grid[b-vzzqjjwyt0]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid label[b-vzzqjjwyt0]{display:flex;flex-direction:column;gap:5px;background:#f7f8fb;border-radius:9px;padding:11px;color:#7b8495;font-size:10px}.detail-grid label strong[b-vzzqjjwyt0]{color:#344056;font-size:12px}.detail-grid .wide[b-vzzqjjwyt0]{grid-column:1/-1}.drawer-content h4[b-vzzqjjwyt0]{font-size:12px;margin:20px 0 9px}.image-grid[b-vzzqjjwyt0]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.image-grid button[b-vzzqjjwyt0]{padding:0;border:0;border-radius:8px;overflow:hidden;background:#eef0f5}.image-grid img[b-vzzqjjwyt0]{width:100%;height:105px;object-fit:cover;display:block}.price-list>div[b-vzzqjjwyt0]{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:10px;font-size:11px}.rule-list>div[b-vzzqjjwyt0]{border:1px solid #e4e8f0;border-radius:9px;padding:11px;margin-bottom:7px}.rule-list p[b-vzzqjjwyt0]{font-size:11px;color:#778196;margin:5px 0}.file-list[b-vzzqjjwyt0]{display:flex;flex-direction:column;gap:5px}.file-list a[b-vzzqjjwyt0]{color:#5664df;text-decoration:none;background:#f5f6fa;padding:10px;border-radius:8px;font-size:11px}
.map-preview[b-vzzqjjwyt0]{display:block;width:100%;border:0;padding:0;border-radius:10px;overflow:hidden;background:#eef1f5}.map-preview img[b-vzzqjjwyt0]{display:block;width:100%;max-height:240px;object-fit:cover}.address-map[b-vzzqjjwyt0]{margin:15px;width:calc(100% - 30px)}.operation-summary[b-vzzqjjwyt0]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operation-summary>div[b-vzzqjjwyt0]{display:flex;flex-direction:column;background:#f5f7fb;border-radius:9px;padding:13px}.operation-summary small[b-vzzqjjwyt0]{color:#7b8495}.operation-summary strong[b-vzzqjjwyt0]{font-size:18px}.dispatch-list.compact[b-vzzqjjwyt0]{padding:0}.dispatch-cost-chart[b-vzzqjjwyt0]{height:150px;display:flex;align-items:end;gap:8px;margin:0 15px 18px;padding:12px;border:1px solid #edf0f5;border-radius:10px}.dispatch-cost-chart>div[b-vzzqjjwyt0]{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center}.dispatch-cost-chart span[b-vzzqjjwyt0]{display:block;width:100%;max-width:38px;min-height:4px;background:#5868e8;border-radius:5px 5px 0 0}.dispatch-cost-chart small[b-vzzqjjwyt0]{font-size:8px;color:#7b8495;margin-top:5px}.modal-section-title[b-vzzqjjwyt0]{font-size:13px;margin:0 15px 8px}.dispatch-toolbar[b-vzzqjjwyt0]{display:flex;gap:7px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #e8ebf1}.dispatch-toolbar select[b-vzzqjjwyt0],.dispatch-toolbar input[b-vzzqjjwyt0]{height:40px;border:1px solid #dfe4ed;border-radius:8px;padding:0 10px;background:#fff;color:#4f596b}.dispatch-list[b-vzzqjjwyt0]{padding:10px}.dispatch-list>button[b-vzzqjjwyt0]{display:flex;align-items:center;width:100%;border:0;background:#fff;text-align:left;border-bottom:1px solid #edf0f4;padding:11px;border-radius:8px}.dispatch-list>button:hover[b-vzzqjjwyt0]{background:#f8f9fd}.dispatch-date[b-vzzqjjwyt0]{display:flex;flex-direction:column;align-items:center;width:46px;border-right:1px solid #e6e9ef}.dispatch-date strong[b-vzzqjjwyt0]{font-size:18px}.dispatch-date small[b-vzzqjjwyt0]{font-size:9px;text-transform:uppercase}.dispatch-info[b-vzzqjjwyt0]{display:flex;flex-direction:column;gap:4px;flex:1;padding-left:12px}.dispatch-info small[b-vzzqjjwyt0]{font-size:10px;color:#7b8495}.status-pill[b-vzzqjjwyt0]{display:inline-block;padding:4px 7px;border-radius:10px;font-size:9px;font-weight:700}.status-pill.active[b-vzzqjjwyt0]{background:#e7f8ee;color:#2f9d62}.status-pill.inactive[b-vzzqjjwyt0]{background:#f0f1f5;color:#777f8f}.status-pill.planned[b-vzzqjjwyt0]{background:#eceeff;color:#5967e4}
.overview-modal[b-vzzqjjwyt0],.address-modal[b-vzzqjjwyt0]{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,92vw);max-height:88vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 25px 70px #17213852}.modal-backdrop[b-vzzqjjwyt0]{z-index:95}.modal-backdrop.top[b-vzzqjjwyt0]{z-index:105}.address-modal[b-vzzqjjwyt0]{z-index:110;width:min(560px,92vw)}.overview-modal header p[b-vzzqjjwyt0],.address-modal header p[b-vzzqjjwyt0]{margin:0;color:#7b8495;font-size:11px}.overview-metrics[b-vzzqjjwyt0]{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.overview-metrics div[b-vzzqjjwyt0]{display:flex;flex-direction:column;background:#f5f7fb;padding:14px;border-radius:9px}.overview-metrics small[b-vzzqjjwyt0]{color:#7b8495}.overview-metrics strong[b-vzzqjjwyt0]{font-size:18px;margin-top:4px}.dispatch-locations[b-vzzqjjwyt0]{padding:0 15px 16px}.dispatch-locations button[b-vzzqjjwyt0]{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left}.dispatch-locations button>span[b-vzzqjjwyt0]{display:flex;flex-direction:column}.dispatch-locations small[b-vzzqjjwyt0]{color:#7d8697;font-size:10px}.address-modal>.detail-grid[b-vzzqjjwyt0],.address-modal>h3[b-vzzqjjwyt0],.address-modal>.image-grid[b-vzzqjjwyt0]{margin:15px}.image-viewer[b-vzzqjjwyt0]{position:fixed;inset:0;z-index:150;background:#111827e8;display:grid;place-items:center;padding:30px}.image-viewer img[b-vzzqjjwyt0]{max-width:92vw;max-height:88vh;object-fit:contain}.image-viewer button[b-vzzqjjwyt0]{position:absolute;right:22px;top:18px;background:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:22px}
@media(max-width:1440px){.dashboard-corridor[b-vzzqjjwyt0]{grid-template-columns:340px minmax(0,1fr)}.pagination[b-vzzqjjwyt0]{align-items:flex-start;gap:12px}.page-tools[b-vzzqjjwyt0]{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:1100px){.dashboard-corridor[b-vzzqjjwyt0]{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}.cost-card[b-vzzqjjwyt0]{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(420px,1.35fr);column-gap:24px}.cost-card .card-heading[b-vzzqjjwyt0],.cost-card .cost-total[b-vzzqjjwyt0],.cost-card .work-type-strip[b-vzzqjjwyt0],.cost-card .chart-legend[b-vzzqjjwyt0],.cost-card .monthly-table-wrap[b-vzzqjjwyt0]{grid-column:1}.cost-card .pill-chart[b-vzzqjjwyt0],.cost-card .chart-empty[b-vzzqjjwyt0]{grid-column:2;grid-row:1/6}.monthly-table-wrap[b-vzzqjjwyt0]{margin-top:16px}.pagination[b-vzzqjjwyt0]{flex-direction:column}.page-tools[b-vzzqjjwyt0]{justify-content:flex-start}}
@media(max-width:900px){.cost-card[b-vzzqjjwyt0]{display:block}.location-filters[b-vzzqjjwyt0]{flex-wrap:wrap}.search-box[b-vzzqjjwyt0]{width:100%}.pill-chart[b-vzzqjjwyt0]{height:250px}.page-tools[b-vzzqjjwyt0]{display:none}}
@media(max-width:650px){.dashboard-corridor[b-vzzqjjwyt0]{gap:14px}.cost-card[b-vzzqjjwyt0],.drives-card[b-vzzqjjwyt0],.locations-card[b-vzzqjjwyt0]{border-radius:14px}.locations-toolbar[b-vzzqjjwyt0]{align-items:flex-start;flex-direction:column}.location-filters[b-vzzqjjwyt0]{justify-content:flex-start;width:100%}.portal-drawer[b-vzzqjjwyt0]{width:100vw}.detail-grid[b-vzzqjjwyt0]{grid-template-columns:1fr}.detail-grid .wide[b-vzzqjjwyt0]{grid-column:auto}.drawer-hero>img[b-vzzqjjwyt0]{width:85px;height:75px}.image-grid[b-vzzqjjwyt0]{grid-template-columns:repeat(2,1fr)}.pill-chart[b-vzzqjjwyt0]{overflow-x:auto}.pill-column[b-vzzqjjwyt0]{min-width:44px}.page-buttons button:nth-of-type(n+5):not(:last-child)[b-vzzqjjwyt0]{display:none}}

/* Customer dashboard dispatch history drawer */
.dispatch-history-drawer[b-vzzqjjwyt0] {
    position: fixed;
    top: 0;
    right: calc(100% - 100vw);
    z-index: 90;
    display: flex;
    width: min(740px, 100vw);
    height: 100vh;
    height: 100dvh;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    box-shadow: -15px 0 45px #1f294438;
    color: #1e293b;
}

.dispatch-history-header[b-vzzqjjwyt0] {
    display: flex;
    min-height: 80px;
    flex: 0 0 80px;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    gap: 16px;
    border-bottom: 1px solid #1e293b17;
    background: #fff;
}

.dispatch-history-title[b-vzzqjjwyt0],
.dispatch-history-actions[b-vzzqjjwyt0] {
    display: flex;
    align-items: center;
}

.dispatch-history-title[b-vzzqjjwyt0] { min-width: 0; gap: 16px; }
.dispatch-history-actions[b-vzzqjjwyt0] { flex: 0 0 auto; gap: 16px; }

.dispatch-history-icon[b-vzzqjjwyt0] {
    display: grid;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    place-items: center;
    border-radius: 10px;
    background: #5263ff1f;
}

.dispatch-history-icon img[b-vzzqjjwyt0] { width: 28px; height: 28px; }

.dispatch-history-title h2[b-vzzqjjwyt0] {
    margin: 0;
    overflow: hidden;
    color: #1e293b;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: -1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch-export-button[b-vzzqjjwyt0],
.dispatch-history-close[b-vzzqjjwyt0] {
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #1e293b0f;
    border-radius: 10px;
    background: #f1f5f9cc;
    color: #1e293b;
    font-family: inherit;
    cursor: pointer;
}

.dispatch-export-button[b-vzzqjjwyt0] {
    width: 118px;
    padding: 4px 10px;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.2px;
}

.dispatch-export-button img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.dispatch-history-close[b-vzzqjjwyt0] { width: 40px; flex: 0 0 40px; }
.dispatch-history-close img[b-vzzqjjwyt0] { width: 20px; height: 20px; }
.dispatch-export-button:disabled[b-vzzqjjwyt0] { cursor: not-allowed; opacity: .5; }

.dispatch-history-scroll[b-vzzqjjwyt0] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #f8fafc;
    scrollbar-gutter: stable;
}

.dispatch-history-table[b-vzzqjjwyt0] { width: 100%; min-width: 740px; }

.dispatch-history-row[b-vzzqjjwyt0] {
    display: grid;
    width: 100%;
    min-height: 88px;
    grid-template-columns: 230px 230px 180px 100px;
    align-items: stretch;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #1e293b0f;
    background: #fff;
    color: #1e293b;
    font-family: inherit;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -.2px;
    text-align: left;
}

button.dispatch-history-row[b-vzzqjjwyt0] { cursor: pointer; }
button.dispatch-history-row:nth-child(odd)[b-vzzqjjwyt0] { background: #f8fafc; }
button.dispatch-history-row:hover[b-vzzqjjwyt0] { background: #5263ff12; }

.dispatch-history-row > span[b-vzzqjjwyt0] {
    display: flex;
    min-width: 0;
    padding: 8px 16px;
    border-right: 1px solid #1e293b0f;
}

.dispatch-history-row > span:last-child[b-vzzqjjwyt0] { border-right: 0; }

.dispatch-history-table-header[b-vzzqjjwyt0] {
    position: sticky;
    top: 0;
    z-index: 2;
    min-height: 44px;
    background: #f1f5f9;
    font-weight: 700;
}

.dispatch-history-table-header > span[b-vzzqjjwyt0] {
    align-items: center;
    padding: 12px 16px;
}

.dispatch-history-location[b-vzzqjjwyt0],
.dispatch-history-date[b-vzzqjjwyt0] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.dispatch-history-location strong[b-vzzqjjwyt0] {
    overflow: hidden;
    max-width: 100%;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch-history-location small[b-vzzqjjwyt0],
.dispatch-history-date small[b-vzzqjjwyt0] {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
}

.dispatch-history-location small[b-vzzqjjwyt0] {
    display: -webkit-box;
    overflow: hidden;
    max-width: 198px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dispatch-history-date[b-vzzqjjwyt0] { gap: 0; }

.dispatch-history-badge[b-vzzqjjwyt0] {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.dispatch-history-badge.completed[b-vzzqjjwyt0] { color: #338732; background: #409b3f1f; }
.dispatch-history-badge.attention[b-vzzqjjwyt0] { color: #df2917; background: #ed40301f; }
.dispatch-history-badge.planned[b-vzzqjjwyt0] { color: #363af5; background: #5263ff1f; }
.dispatch-history-badge.cancelled[b-vzzqjjwyt0] {
    color: #475569;
    background: #fff;
    box-shadow: 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, inset 0 0 0 1px #1e293b17;
}

.dispatch-history-work-type[b-vzzqjjwyt0] {
    align-items: flex-start;
    padding-top: 8px !important;
    font-weight: 600;
}

.dispatch-history-info[b-vzzqjjwyt0] {
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px;
}

.dispatch-history-info img[b-vzzqjjwyt0] { width: 20px; height: 20px; flex: 0 0 20px; }
.dispatch-history-info > span[b-vzzqjjwyt0] { color: #94a3b8; }

.dispatch-history-state[b-vzzqjjwyt0] {
    display: flex;
    min-height: 180px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    font-size: 13px;
    font-weight: 600;
}

.dispatch-history-pagination[b-vzzqjjwyt0] {
    display: flex;
    min-width: 740px;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #fff;
    color: #64748b;
    font-size: 12px;
}

.dispatch-history-pagination > div[b-vzzqjjwyt0] { display: flex; align-items: center; gap: 8px; }
.dispatch-history-pagination button[b-vzzqjjwyt0] {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-family: inherit;
}

.dispatch-history-pagination button:disabled[b-vzzqjjwyt0] { color: #94a3b8; }
.dispatch-history-drawer button:focus-visible[b-vzzqjjwyt0] { outline: 3px solid #5263ff4d; outline-offset: -3px; }

@media(max-width:560px) {
    .dispatch-history-header[b-vzzqjjwyt0] { padding: 16px; }
    .dispatch-history-title[b-vzzqjjwyt0] { gap: 10px; }
    .dispatch-history-title h2[b-vzzqjjwyt0] { font-size: 18px; letter-spacing: -.5px; }
    .dispatch-export-button[b-vzzqjjwyt0] { width: 40px; }
    .dispatch-export-button span[b-vzzqjjwyt0] { display: none; }
    .dispatch-history-actions[b-vzzqjjwyt0] { gap: 8px; }
}

/* Customer dashboard location drawer */
.location-side-drawer[b-vzzqjjwyt0] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 90;
    display: flex;
    flex-direction: column;
    width: min(740px, 100vw);
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: #fff;
    box-shadow: -15px 0 45px #1f294438;
    color: #1e293b;
}

.location-drawer-header[b-vzzqjjwyt0] {
    flex: 0 0 152px;
    padding: 24px 24px 16px;
    border-bottom: 1px solid #1e293b17;
    background: #fff;
}

.location-drawer-title-row[b-vzzqjjwyt0],
.location-drawer-identity[b-vzzqjjwyt0],
.location-drawer-tabs[b-vzzqjjwyt0],
.location-section-heading[b-vzzqjjwyt0],
.location-inactive-notice[b-vzzqjjwyt0],
.location-drawing-stat[b-vzzqjjwyt0],
.location-operation-cost-card[b-vzzqjjwyt0],
.location-dispatch-grid > span[b-vzzqjjwyt0] {
    display: flex;
    align-items: center;
}

.location-drawer-title-row[b-vzzqjjwyt0] {
    justify-content: space-between;
    gap: 16px;
    height: 48px;
}

.location-drawer-identity[b-vzzqjjwyt0] { min-width: 0; gap: 16px; }
.location-drawer-icon[b-vzzqjjwyt0] {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 10px;
    background: #5263ff1f;
}
.location-drawer-icon img[b-vzzqjjwyt0] { width: 28px; height: 28px; }
.location-drawer-title-copy[b-vzzqjjwyt0] { display: flex; min-width: 0; flex-direction: column; }
.location-drawer-title-copy strong[b-vzzqjjwyt0] {
    overflow: hidden;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.location-drawer-title-copy small[b-vzzqjjwyt0] {
    overflow: hidden;
    color: #475569;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -.2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-drawer-close[b-vzzqjjwyt0] {
    display: grid;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    place-items: center;
    border: 1px solid #1e293b0f;
    border-radius: 10px;
    background: #f1f5f9cc;
}
.location-drawer-close img[b-vzzqjjwyt0] { width: 20px; height: 20px; }

.location-drawer-tabs[b-vzzqjjwyt0] {
    height: 48px;
    margin-top: 16px;
    padding: 6px;
    gap: 6px;
    border: 1px solid #1e293b08;
    border-radius: 16px;
    background: #f1f5f9cc;
}
.location-drawer-tabs button[b-vzzqjjwyt0] {
    flex: 1;
    height: 36px;
    padding: 4px 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.2px;
}
.location-drawer-tabs button.active[b-vzzqjjwyt0] {
    color: #1e293b;
    background: #fff;
    box-shadow: 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, 0 20px 20px -12px #1e293b08;
}

.location-drawer-scroll[b-vzzqjjwyt0] {
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}
.location-details-tab[b-vzzqjjwyt0],
.location-prices-tab[b-vzzqjjwyt0],
.location-operations-tab[b-vzzqjjwyt0] {
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 32px;
}
.location-drawer-loading[b-vzzqjjwyt0] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
}

.location-inactive-notice[b-vzzqjjwyt0] {
    width: 100%;
    min-height: 32px;
    padding: 8px;
    gap: 8px;
    border: 0;
    border-radius: 10px;
    background: #ed40301f;
    color: #df2917;
    text-align: left;
    box-shadow: 0 1px 1px -.5px #1e293b08;
}
.location-inactive-notice img[b-vzzqjjwyt0] { flex: 0 0 16px; width: 16px; height: 16px; }
.location-inactive-notice span[b-vzzqjjwyt0] { flex: 1; font-size: 12px; font-weight: 700; line-height: 16px; }
.location-inactive-notice .notice-chevron[b-vzzqjjwyt0] { transition: transform .18s ease; }
.location-inactive-notice .notice-chevron.expanded[b-vzzqjjwyt0] { transform: rotate(180deg); }
.location-inactive-note[b-vzzqjjwyt0] {
    margin-top: -24px;
    padding: 0 12px 12px;
    border-radius: 0 0 10px 10px;
    background: #ed403012;
    color: #9f2418;
    font-size: 12px;
    line-height: 18px;
}

.location-carousel[b-vzzqjjwyt0] {
    position: relative;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1.5;
    border-radius: 16px;
    background: #e2e8f0;
}
.location-carousel-image[b-vzzqjjwyt0] { display: block; width: 100%; height: 100%; object-fit: cover; }
.location-carousel-tags[b-vzzqjjwyt0] {
    position: absolute;
    top: 11px;
    left: 8px;
    display: flex;
    max-width: calc(100% - 16px);
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
}
.location-carousel-tags[b-vzzqjjwyt0]::-webkit-scrollbar { display: none; }
.location-carousel-tags span[b-vzzqjjwyt0] {
    flex: 0 0 auto;
    padding: 4px 6px;
    border: 1px solid #1e293b17;
    border-radius: 8px;
    background: #fff;
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    box-shadow: 0 2px 2px -.5px #1e293b0d;
}
.location-carousel-arrow[b-vzzqjjwyt0],
.location-carousel-expand[b-vzzqjjwyt0] {
    position: absolute;
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f1f5f9e6;
}
.location-carousel-arrow[b-vzzqjjwyt0] { top: 50%; transform: translateY(-50%); }
.location-carousel-arrow.previous[b-vzzqjjwyt0] { left: 8px; }
.location-carousel-arrow.next[b-vzzqjjwyt0] { right: 8px; }
.location-carousel-arrow img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.location-carousel-expand[b-vzzqjjwyt0] { right: 8px; bottom: 8px; }
.location-carousel-expand img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.location-carousel-dots[b-vzzqjjwyt0] {
    position: absolute;
    bottom: 12px;
    left: 50%;
    display: flex;
    gap: 4px;
    transform: translateX(-50%);
}
.location-carousel-dots button[b-vzzqjjwyt0] {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #ffffff80;
}
.location-carousel-dots button.active[b-vzzqjjwyt0] { background: #fff; }

.location-drawing-stats[b-vzzqjjwyt0] {
    display: flex;
    margin-top: -20px;
    padding: 0 0 4px;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: thin;
}
.location-drawing-stat[b-vzzqjjwyt0] {
    flex: 0 0 auto;
    min-height: 24px;
    padding: 3px 6px;
    gap: 4px;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
}
.location-drawing-stat i[b-vzzqjjwyt0] { width: 14px; height: 14px; border-radius: 50%; }
.location-drawing-stat strong[b-vzzqjjwyt0] { font-weight: 600; }
.location-drawing-stat small[b-vzzqjjwyt0] { color: #64748b; font-size: 12px; }

.location-detail-section[b-vzzqjjwyt0],
.location-files-section[b-vzzqjjwyt0],
.location-table-section[b-vzzqjjwyt0],
.location-statistics-card[b-vzzqjjwyt0],
.location-dispatch-history[b-vzzqjjwyt0] { width: 100%; }
.location-section-heading[b-vzzqjjwyt0] { justify-content: space-between; gap: 12px; }
.location-section-heading h3[b-vzzqjjwyt0],
.location-files-section h3[b-vzzqjjwyt0] {
    display: flex;
    align-items: center;
    margin: 0;
    gap: 6px;
    color: #1e293b;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -.2px;
}
.location-section-heading h3 img[b-vzzqjjwyt0] { width: 16px; height: 16px; }
.location-section-heading > span[b-vzzqjjwyt0] { color: #475569; font-size: 13px; font-weight: 700; }
.location-status[b-vzzqjjwyt0] {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}
.location-status.active[b-vzzqjjwyt0] { color: #2f8b3b; background: #409b3f1f; }
.location-status.inactive[b-vzzqjjwyt0] { color: #64748b; background: #f1f5f9; }
.location-detail-grid[b-vzzqjjwyt0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 16px;
    gap: 16px 48px;
}
.location-detail-grid > div[b-vzzqjjwyt0] { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.location-detail-grid strong[b-vzzqjjwyt0] { font-size: 13px; font-weight: 700; line-height: 20px; }
.location-detail-grid span[b-vzzqjjwyt0] { overflow-wrap: anywhere; color: #475569; font-size: 13px; font-weight: 500; line-height: 20px; }
.location-files-section[b-vzzqjjwyt0] { display: flex; flex-direction: column; gap: 16px; }
.location-file-links[b-vzzqjjwyt0] { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.location-file-links a[b-vzzqjjwyt0] { color: #363af5; font-size: 13px; font-weight: 600; text-underline-offset: 4px; }
.location-collection-empty[b-vzzqjjwyt0] { margin: 0; padding: 18px; color: #64748b; background: #f8fafc; border-radius: 12px; font-size: 13px; text-align: center; }

.location-table-section[b-vzzqjjwyt0] { display: flex; flex-direction: column; gap: 16px; }
.location-table-wrap[b-vzzqjjwyt0] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #1e293b0f;
    border-radius: 16px;
    box-shadow: 0 20px 20px -12px #1e293b08, 0 3px 3px -1.5px #1e293b08;
}
.location-data-table[b-vzzqjjwyt0] { width: 100%; min-width: 520px; border-collapse: collapse; color: #1e293b; font-size: 13px; }
.location-data-table th[b-vzzqjjwyt0],
.location-data-table td[b-vzzqjjwyt0] { padding: 10px 16px; text-align: left; vertical-align: middle; }
.location-data-table th[b-vzzqjjwyt0] { height: 42px; background: #f1f5f9; font-weight: 700; }
.location-data-table td[b-vzzqjjwyt0] { height: 36px; font-weight: 500; }
.location-data-table tbody tr:nth-child(even)[b-vzzqjjwyt0] { background: #f8fafc; }
.location-data-table th span[b-vzzqjjwyt0] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.location-data-table th img[b-vzzqjjwyt0] { width: 16px; height: 16px; }
.location-data-table.two-columns th[b-vzzqjjwyt0],
.location-data-table.two-columns td[b-vzzqjjwyt0] { width: 50%; }
.location-data-table.three-columns th[b-vzzqjjwyt0],
.location-data-table.three-columns td[b-vzzqjjwyt0] { width: 33.333%; }
.location-data-table.rules-columns th:first-child[b-vzzqjjwyt0],
.location-data-table.rules-columns td:first-child[b-vzzqjjwyt0] { width: 33%; }
.location-data-table.rules-columns th:nth-child(2)[b-vzzqjjwyt0],
.location-data-table.rules-columns td:nth-child(2)[b-vzzqjjwyt0] { width: 34%; }
.location-data-table.rules-columns td:nth-child(2)[b-vzzqjjwyt0] { display: table-cell; }
.location-data-table.rules-columns td:nth-child(2) span[b-vzzqjjwyt0],
.location-data-table.rules-columns td:nth-child(2) small[b-vzzqjjwyt0] { display: block; }
.location-data-table.rules-columns td:nth-child(2) small[b-vzzqjjwyt0] { margin-top: 2px; color: #64748b; font-size: 12px; }
.location-rule-name[b-vzzqjjwyt0] { color: #363af5; font-weight: 600; }
.location-table-empty[b-vzzqjjwyt0] { height: 74px !important; color: #64748b; text-align: center !important; }

.location-operations-tab[b-vzzqjjwyt0] { gap: 24px; }
.location-operation-filters[b-vzzqjjwyt0] { display: flex; align-items: center; }
.location-operation-filters select[b-vzzqjjwyt0] {
    height: 40px;
    border: 1px solid #1e293b1f;
    background: #fff;
    box-shadow: 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08;
}
.location-operation-filters select[b-vzzqjjwyt0] {
    width: 104px;
    padding: 8px 30px 8px 12px;
    border-radius: 10px 0 0 10px;
    color: #1e293b;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}
.location-operation-date-picker[b-vzzqjjwyt0] {
    width: 288px;
    height: 40px;
    margin-left: -1px;
}
.location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger,
.location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger.no-presets,
.location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger-range.no-presets {
    border-radius: 0 10px 10px 0;
}

.location-operation-cost-card[b-vzzqjjwyt0] {
    justify-content: space-between;
    min-height: 72px;
    padding: 16px;
    gap: 16px;
    border: 1px solid #1e293b08;
    border-radius: 20px;
    background: #f8fafc;
}
.location-operation-cost-card > span[b-vzzqjjwyt0] { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; }
.location-operation-cost-card > strong[b-vzzqjjwyt0] { font-size: 25px; line-height: 36px; letter-spacing: -1px; }
.location-operation-cost-card > strong small[b-vzzqjjwyt0] { margin-left: 4px; color: #475569; font-size: 13px; font-weight: 600; letter-spacing: -.2px; }
.operation-icon[b-vzzqjjwyt0] {
    display: grid;
    width: 40px;
    height: 40px;
    grid-row: 1 / 3;
    place-items: center;
    border-radius: 8px;
}
.operation-icon img[b-vzzqjjwyt0] { width: 22px; height: 22px; }
.operation-icon.cost[b-vzzqjjwyt0] { background: #409b3f1f; }
.operation-icon.statistics[b-vzzqjjwyt0] { display: inline-grid; grid-row: auto; background: #00a8e61f; }
.location-statistics-card[b-vzzqjjwyt0] { min-height: 424px; padding: 16px; border: 1px solid #1e293b08; border-radius: 20px; background: #f8fafc; }
.location-statistics-card .location-section-heading h3[b-vzzqjjwyt0] { gap: 8px; color: #475569; font-size: 15px; font-weight: 600; }
.location-operation-chart[b-vzzqjjwyt0] {
    position: relative;
    width: 100%;
    margin-top: 24px;
}
.location-operation-chart svg[b-vzzqjjwyt0] { display: block; width: 100%; height: 260px; overflow: visible; }
.operation-chart-y-axis[b-vzzqjjwyt0] {
    position: absolute;
    top: 21px;
    bottom: 17px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    pointer-events: none;
}
.operation-chart-gridline[b-vzzqjjwyt0] { stroke: #dfe6ef; stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.operation-chart-area[b-vzzqjjwyt0] { fill: #5263ff14; }
.operation-chart-line[b-vzzqjjwyt0] { fill: none; stroke: #5263ff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.operation-chart-point[b-vzzqjjwyt0] { fill: #fff; stroke: #5263ff; stroke-width: 3; vector-effect: non-scaling-stroke; }
.operation-chart-labels[b-vzzqjjwyt0] {
    display: grid;
    grid-template-columns: repeat(var(--chart-columns), minmax(0, 1fr));
    padding: 0 2px 0 30px;
    gap: 8px;
}
.operation-chart-labels small[b-vzzqjjwyt0] { color: #64748b; font-size: 12px; font-weight: 500; line-height: 16px; text-align: center; }

.location-dispatch-history[b-vzzqjjwyt0] { display: flex; flex-direction: column; gap: 12px; }
.location-export-button[b-vzzqjjwyt0] {
    display: inline-flex;
    height: 32px;
    align-items: center;
    padding: 4px 8px;
    gap: 6px;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f1f5f9cc;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
}
.location-export-button img[b-vzzqjjwyt0] { width: 16px; height: 16px; }
.location-export-button:disabled[b-vzzqjjwyt0] { cursor: not-allowed; opacity: .5; }
.location-dispatch-table[b-vzzqjjwyt0] { overflow: hidden; border: 1px solid #1e293b0f; border-radius: 16px; }
.location-dispatch-grid[b-vzzqjjwyt0] {
    display: grid;
    width: 100%;
    min-height: 88px;
    grid-template-columns: 1.35fr 1.35fr 84px;
    align-items: stretch;
    padding: 0;
    gap: 0;
    border: 0;
    border-bottom: 1px solid #1e293b0f;
    background: #fff;
    color: #1e293b;
    font-size: 12px;
    text-align: left;
}
.location-dispatch-grid:last-child[b-vzzqjjwyt0] { border-bottom: 0; }
.location-dispatch-grid.header[b-vzzqjjwyt0] { min-height: 44px; background: #f1f5f9; font-weight: 700; }
.location-dispatch-grid.header > span[b-vzzqjjwyt0] { padding: 10px 16px; }
.location-dispatch-grid > span[b-vzzqjjwyt0] { min-width: 0; padding: 10px 16px; gap: 5px; border-right: 1px solid #1e293b0f; }
.location-dispatch-grid > span:last-child[b-vzzqjjwyt0] { border-right: 0; }
button.location-dispatch-grid:nth-child(odd)[b-vzzqjjwyt0] { background: #f8fafc; }
button.location-dispatch-grid:hover[b-vzzqjjwyt0] { background: #5263ff12; }
.location-dispatch-date[b-vzzqjjwyt0] { flex-direction: column; align-items: flex-start !important; justify-content: center; }
.location-dispatch-date small[b-vzzqjjwyt0] { color: #475569; font-size: 12px; line-height: 18px; }
.location-dispatch-badge[b-vzzqjjwyt0] { padding: 3px 7px; border-radius: 7px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 18px; }
.location-dispatch-badge.completed[b-vzzqjjwyt0] { color: #2f8b3b; background: #409b3f1f; }
.location-dispatch-badge.attention[b-vzzqjjwyt0] { color: #df2917; background: #ed40301f; }
.location-dispatch-badge.planned[b-vzzqjjwyt0] { color: #363af5; background: #5263ff1f; }
.location-dispatch-badge.cancelled[b-vzzqjjwyt0] { color: #475569; background: #f1f5f9; box-shadow: inset 0 0 0 1px #1e293b17; }
.location-dispatch-work-type[b-vzzqjjwyt0] { align-items: flex-start !important; padding-top: 16px !important; font-weight: 600; }
.location-dispatch-info[b-vzzqjjwyt0] { justify-content: center; align-content: center; flex-wrap: wrap; gap: 6px !important; }
.location-dispatch-info img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.location-dispatch-info > span[b-vzzqjjwyt0] { color: #94a3b8; }

/* Location dispatch address overview */
.address-overview-modal[b-vzzqjjwyt0] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 110;
    display: flex;
    width: min(560px, calc(100vw - 32px));
    max-height: min(1136px, calc(100dvh - 32px));
    flex-direction: column;
    overflow: hidden;
    transform: translate(-50%, -50%);
    border: 1px solid #1e293b08;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 1px 1px -.5px #1e293b08, 0 3px 3px -1.5px #1e293b08, 0 20px 20px -12px #1e293b0d, 0 32px 32px -16px #1e293b0d;
    color: #1e293b;
}
.address-overview-modal > header[b-vzzqjjwyt0] {
    display: flex;
    flex: 0 0 56px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 12px 12px 20px;
    border-bottom: 1px solid #1e293b17;
    background: #fff;
}
.address-overview-modal > header h2[b-vzzqjjwyt0] { margin: 0; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: -.2px; }
.address-overview-modal > header button[b-vzzqjjwyt0] {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f1f5f9cc;
}
.address-overview-modal > header img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.address-overview-body[b-vzzqjjwyt0] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow-y: auto;
    padding: 20px;
    gap: 16px;
    background: #f1f5f9;
    scrollbar-gutter: stable;
}
.address-overview-summary[b-vzzqjjwyt0],
.address-overview-work-type[b-vzzqjjwyt0],
.address-overview-card[b-vzzqjjwyt0] {
    flex: 0 0 auto;
    border-radius: 16px;
    background: #fff;
}
.address-overview-summary[b-vzzqjjwyt0] {
    display: flex;
    min-height: 88px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px;
    gap: 12px;
}
.address-overview-summary > div[b-vzzqjjwyt0] { min-width: 0; }
.address-overview-summary strong[b-vzzqjjwyt0] { display: block; overflow-wrap: anywhere; font-size: 15px; line-height: 24px; }
.address-overview-summary p[b-vzzqjjwyt0] { margin: 0; overflow-wrap: anywhere; color: #475569; font-size: 13px; line-height: 24px; }
.address-overview-summary p b[b-vzzqjjwyt0] { color: #1e293b; }
.address-status-badge[b-vzzqjjwyt0] {
    flex: 0 0 auto;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}
.address-status-badge.completed[b-vzzqjjwyt0] { color: #2f8b3b; background: #409b3f1f; }
.address-status-badge.attention[b-vzzqjjwyt0] { color: #df2917; background: #ed40301f; }
.address-status-badge.planned[b-vzzqjjwyt0] { color: #363af5; background: #5263ff1f; }
.address-status-badge.cancelled[b-vzzqjjwyt0] { color: #475569; background: #f1f5f9; box-shadow: inset 0 0 0 1px #1e293b17; }
.address-overview-work-type[b-vzzqjjwyt0] { display: flex; min-height: 64px; align-items: center; justify-content: space-between; padding: 20px; gap: 16px; }
.address-overview-work-type h3[b-vzzqjjwyt0],
.address-overview-card h3[b-vzzqjjwyt0] { margin: 0; font-size: 18px; font-weight: 700; line-height: 24px; }
.address-overview-work-type span[b-vzzqjjwyt0] { color: #475569; font-size: 15px; font-weight: 600; }
.address-overview-card[b-vzzqjjwyt0] { padding: 20px; }
.address-timings-card[b-vzzqjjwyt0] { display: flex; min-height: 164px; flex-direction: column; gap: 20px; }
.address-timing-grid[b-vzzqjjwyt0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.address-timing-grid article[b-vzzqjjwyt0] { min-width: 0; min-height: 80px; padding: 16px; border-radius: 16px; background: #f1f5f9; }
.address-timing-grid small[b-vzzqjjwyt0] { display: block; margin-bottom: 8px; color: #475569; font-size: 12px; font-weight: 600; }
.address-timing-grid article > div[b-vzzqjjwyt0] { display: flex; align-items: center; gap: 8px; }
.address-timing-grid article span[b-vzzqjjwyt0] { display: flex; min-width: 0; align-items: center; gap: 8px; color: #475569; font-size: 15px; font-weight: 600; white-space: nowrap; }
.address-timing-grid article img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.address-details-card[b-vzzqjjwyt0] { display: flex; min-height: 248px; flex-direction: column; gap: 20px; }
.address-dispatch-note[b-vzzqjjwyt0] { display: flex; flex-direction: column; gap: 4px; }
.address-dispatch-note small[b-vzzqjjwyt0] { color: #475569; font-size: 12px; font-weight: 600; }
.address-dispatch-note p[b-vzzqjjwyt0],
.address-evidence-carousel[b-vzzqjjwyt0] { position: relative; width: 100%; }
.address-evidence-carousel > div[b-vzzqjjwyt0] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.address-evidence-carousel > div button[b-vzzqjjwyt0] { height: 100px; padding: 0; overflow: hidden; border: 0; border-radius: 8px; background: #e2e8f0; }
.address-evidence-carousel > div img[b-vzzqjjwyt0] { display: block; width: 100%; height: 100%; object-fit: cover; }
.address-carousel-arrow[b-vzzqjjwyt0] {
    position: absolute;
    top: 50%;
    z-index: 2;
    display: grid;
    width: 28px;
    height: 28px;
    padding: 0;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid #1e293b0f;
    border-radius: 8px;
    background: #f1f5f9e6;
    color: #475569;
    font-size: 22px;
    line-height: 1;
}
.address-carousel-arrow.previous[b-vzzqjjwyt0] { left: 8px; }
.address-carousel-arrow.next[b-vzzqjjwyt0] { right: 8px; }
.address-map-card[b-vzzqjjwyt0] { min-height: 360px; }
.address-map-carousel[b-vzzqjjwyt0] { position: relative; width: 100%; overflow: hidden; aspect-ratio: 1.5; border-radius: 16px; background: #e2e8f0; }
.address-map-carousel > img[b-vzzqjjwyt0] { display: block; width: 100%; height: 100%; object-fit: cover; }
.address-map-tags[b-vzzqjjwyt0] { position: absolute; top: 10px; left: 8px; display: flex; max-width: calc(100% - 16px); gap: 8px; overflow-x: auto; scrollbar-width: none; }
.address-map-tags[b-vzzqjjwyt0]::-webkit-scrollbar { display: none; }
.address-map-tags span[b-vzzqjjwyt0] { flex: 0 0 auto; padding: 4px 6px; border: 1px solid #1e293b17; border-radius: 8px; background: #fff; color: #475569; font-size: 12px; font-weight: 600; }
.address-map-dots[b-vzzqjjwyt0] { position: absolute; bottom: 10px; left: 50%; display: flex; gap: 4px; transform: translateX(-50%); }
.address-map-dots button[b-vzzqjjwyt0] { width: 8px; height: 8px; padding: 0; border: 1px solid #475569; border-radius: 50%; background: #fff; }
.address-map-dots button.active[b-vzzqjjwyt0] { background: #1e293b; }
.address-map-expand[b-vzzqjjwyt0] { position: absolute; right: 8px; bottom: 8px; display: grid; width: 32px; height: 32px; padding: 0; place-items: center; border: 1px solid #1e293b0f; border-radius: 8px; background: #f1f5f9e6; }
.address-map-expand img[b-vzzqjjwyt0] { width: 18px; height: 18px; }
.address-overview-modal button[b-vzzqjjwyt0] { font-family: inherit; cursor: pointer; }
.address-overview-modal button:focus-visible[b-vzzqjjwyt0] { outline: 3px solid #5263ff4d; outline-offset: 2px; }

.location-side-drawer button[b-vzzqjjwyt0] { font-family: inherit; cursor: pointer; }
.location-side-drawer button:focus-visible[b-vzzqjjwyt0],
.location-side-drawer a:focus-visible[b-vzzqjjwyt0] { outline: 3px solid #5263ff4d; outline-offset: 2px; }

@media(max-width:740px) {
    .location-side-drawer[b-vzzqjjwyt0] { width: 100vw; }
}

@media(max-width:560px) {
    .location-drawer-header[b-vzzqjjwyt0] { flex-basis: 144px; padding: 16px; }
    .location-drawer-title-copy strong[b-vzzqjjwyt0] { font-size: 16px; }
    .location-drawer-title-copy small[b-vzzqjjwyt0] { max-width: calc(100vw - 136px); font-size: 12px; }
    .location-details-tab[b-vzzqjjwyt0],
    .location-prices-tab[b-vzzqjjwyt0],
    .location-operations-tab[b-vzzqjjwyt0] { padding: 16px; gap: 24px; }
    .location-carousel[b-vzzqjjwyt0] { aspect-ratio: 1.25; }
    .location-detail-grid[b-vzzqjjwyt0] { grid-template-columns: 1fr; gap: 14px; }
    .location-data-table[b-vzzqjjwyt0] { min-width: 480px; }
    .location-operation-filters[b-vzzqjjwyt0] { align-items: stretch; flex-direction: column; gap: 8px; }
    .location-operation-filters select[b-vzzqjjwyt0] { width: 100%; border-radius: 10px; }
    .location-operation-date-picker[b-vzzqjjwyt0] { width: 100%; margin-left: 0; }
    .location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger,
    .location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger.no-presets,
    .location-operation-date-picker[b-vzzqjjwyt0]  .wm-drp-trigger-range.no-presets { border-radius: 10px; }
    .location-operation-cost-card > strong[b-vzzqjjwyt0] { font-size: 21px; }
    .location-operations-tab .location-data-table.two-columns[b-vzzqjjwyt0] { min-width: 0; }
    .location-statistics-card[b-vzzqjjwyt0] { min-height: 360px; }
    .location-operation-chart svg[b-vzzqjjwyt0] { height: 220px; }
    .operation-chart-labels small[b-vzzqjjwyt0] { font-size: 10px; }
    .location-dispatch-grid[b-vzzqjjwyt0] { min-height: 104px; grid-template-columns: 1.5fr 1fr 48px; }
    .location-dispatch-grid.header[b-vzzqjjwyt0] { min-height: 42px; }
    .location-dispatch-grid.header > span[b-vzzqjjwyt0],
    .location-dispatch-grid > span[b-vzzqjjwyt0] { padding: 10px; }
    .address-overview-modal[b-vzzqjjwyt0] { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 16px; }
    .address-overview-body[b-vzzqjjwyt0] { padding: 12px; gap: 12px; }
    .address-overview-summary[b-vzzqjjwyt0] { flex-direction: column; padding: 16px; }
    .address-status-badge[b-vzzqjjwyt0] { align-self: flex-start; }
    .address-overview-work-type[b-vzzqjjwyt0],
    .address-overview-card[b-vzzqjjwyt0] { padding: 16px; }
    .address-timing-grid[b-vzzqjjwyt0] { grid-template-columns: 1fr; }
    .address-timing-grid article > div[b-vzzqjjwyt0] { justify-content: space-between; }
    .address-evidence-carousel > div[b-vzzqjjwyt0] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .address-map-card[b-vzzqjjwyt0] { min-height: 280px; }
    .address-map-carousel[b-vzzqjjwyt0] { aspect-ratio: 1.2; }
}
/* /Pages/Customers/Components/AddCustomerLocationPopup.razor.rz.scp.css */
.add-location-body[b-5dqnqrj7h2] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.add-location-field[b-5dqnqrj7h2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.add-location-field label[b-5dqnqrj7h2] {
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
}

.add-location-field input[b-5dqnqrj7h2] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 13px;
    height: 40px;
    padding: 0 12px;
}

.add-location-field input:focus[b-5dqnqrj7h2] {
    border-color: #5263ff;
    outline: none;
}

.add-location-list[b-5dqnqrj7h2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 320px;
    overflow-y: auto;
}

.add-location-state[b-5dqnqrj7h2] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 13px;
    justify-content: center;
    padding: 40px 0;
}

.add-location-candidate[b-5dqnqrj7h2] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid transparent;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding: 10px 12px;
    text-align: left;
}

.add-location-candidate:hover[b-5dqnqrj7h2] {
    background: #eef0ff;
}

.add-location-candidate.selected[b-5dqnqrj7h2] {
    background: #eef0ff;
    border-color: #5263ff;
}

.add-location-copy[b-5dqnqrj7h2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.add-location-copy strong[b-5dqnqrj7h2] {
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-location-copy span[b-5dqnqrj7h2] {
    color: #64748b;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.add-location-owner[b-5dqnqrj7h2] {
    background: #f1f5f9;
    border-radius: 999px;
    color: #475569;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 600;
    max-width: 160px;
    overflow: hidden;
    padding: 3px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Customers/Components/CustomerDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-23nj3el9q5] {
  z-index: 1040 !important;
}

.customer-tab-search[b-23nj3el9q5] {
  padding: 8px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 50px;
  box-shadow: 0 3px 3px -1.5px #1e293b08;
  width: 100%;
  max-width: 300px;
  min-width: 300px;
}

.customer-tab-search img[b-23nj3el9q5] {
  height: 16px;
}

.customer-tab-search input[b-23nj3el9q5] {
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.customer-name-popup.right .modal-dialog[b-23nj3el9q5] {
  position: fixed;
  margin: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 740px;
  width: 100%;
}

.customer-name-popup.right .modal-content[b-23nj3el9q5] {
  height: 100vh;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  border: none;
}

.customer-name-popup.right.fade .modal-dialog[b-23nj3el9q5] {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.customer-name-popup.right.show .modal-dialog[b-23nj3el9q5] {
  transform: translateX(0);
}

.customer-name-popup .modal-dialog[b-23nj3el9q5] {
  float: right;
  min-width: 740px;
  margin: 0;
}

.customer-name-popup .modal-content[b-23nj3el9q5] {
  border-radius: 0 !important;
  height: 100vh;
  padding: 0 !important;
}

.customer-name-popup .modal-header[b-23nj3el9q5] {
  padding: 16px 24px;
  gap: 16px;
  border-bottom: 1px solid rgba(30, 41, 59, 0.09) !important;
}

.customer-name-popup .modal-header .icon-txt .icon[b-23nj3el9q5] {
  min-height: 48px;
  min-width: 48px;
  background-color: #5263ff1f;
  border-radius: 10px;
}

.customer-name-popup .modal-header .icon-txt .icon img[b-23nj3el9q5] {
  height: 28px;
}

.customer-name-popup .modal-header .icon-txt h5[b-23nj3el9q5] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup .modal-header button.btn-close[b-23nj3el9q5] {
  min-width: 40px;
  min-height: 40px;
  margin: 0 !important;
  padding: 0;
  opacity: 1;
  border: 1px solid rgba(30, 41, 59, 0.06);
  border-radius: 10px;
  background-color: rgba(241, 245, 249, 0.8);
}

.customer-name-popup .modal-header .customerName-tab[b-23nj3el9q5] {
  background-color: #f1f5f9cc;
  border: 1px #1e293b08 solid;
  border-radius: 16px;
  height: 48px;
  padding: 6px;
  gap: 6px;
}

.customer-name-popup .modal-header .customerName-tab button[b-23nj3el9q5] {
  min-height: 36px;
  padding: 4px 10px;
  background-color: transparent;
  border: 1px transparent solid;
  border-radius: 10px;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  width: 100%;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.customer-name-popup .modal-header .customerName-tab button:hover[b-23nj3el9q5] {
  color: var(--dark-txt);
}

.customer-name-popup .modal-header .customerName-tab button.active[b-23nj3el9q5] {
  background: #fff;
  border: 0;
  box-shadow:
    0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
    0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
    0 20px 20px -12px rgba(30, 41, 59, 0.03);
  color: var(--dark-txt);
}

.customer-name-popup .modal-body[b-23nj3el9q5] {
  padding: 0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}

.customer-name-popup .modal-body[b-23nj3el9q5]::-webkit-scrollbar {
  display: none;
}

.customer-name-popup .modal-body .details-locations-tab .box[b-23nj3el9q5] {
  padding: 24px;
  border-bottom: 1px solid rgba(30, 41, 59, 0.09);
}

.customer-name-popup .modal-body .details-locations-tab .box h5[b-23nj3el9q5] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup .modal-body .details-locations-tab .box button.edit[b-23nj3el9q5] {
  gap: 2px;
  background-color: var(--purple);
  padding: 8px;
  border-radius: 8px;
  border: none;
  outline: none;
}

.customer-name-popup .modal-body .details-locations-tab .box button.edit img[b-23nj3el9q5] {
  height: 16px;
}

.customer-name-popup .modal-body .details-locations-tab .box button.edit p[b-23nj3el9q5] {
  padding: 0 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--white);
}

.customer-name-popup .modal-body .details-locations-tab .box .box-txt p[b-23nj3el9q5] {
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup .modal-body .details-locations-tab .box .box-txt span[b-23nj3el9q5] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.customer-name-popup .modal-body .details-locations-tab .box-2[b-23nj3el9q5] {
  padding: 0;
  border: none;
}

.customer-name-popup .customer-details-action[b-23nj3el9q5] {
  height: 32px;
  padding: 4px 8px;
  border-radius: 8px;
}

.customer-name-popup .customer-details-action img[b-23nj3el9q5] {
  height: 16px;
}

.customer-name-popup .customer-details-action p[b-23nj3el9q5] {
  padding: 0 4px;
  font-size: 12px;
  line-height: 16px;
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab[b-23nj3el9q5] {
  padding: 12px 24px;
  min-height: 64px;
  cursor: pointer;
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab:nth-of-type(even)[b-23nj3el9q5] {
  background-color: #f8fafc;
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab:hover[b-23nj3el9q5] {
  background-color: rgba(82, 99, 255, 0.10);
}

.customer-name-popup
  .modal-body
  .details-locations-tab
  .box-2
  .tab
  .txt-area
  img[b-23nj3el9q5] {
  height: 20px;
}

.customer-name-popup
  .modal-body
  .details-locations-tab
  .box-2
  .tab
  .txt-area
  .txt
  p[b-23nj3el9q5] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup
  .modal-body
  .details-locations-tab
  .box-2
  .tab
  .txt-area
  .txt
  span[b-23nj3el9q5] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab button[b-23nj3el9q5] {
  padding: 4px 6px;
  background-color: var(--white);
  border: 1px #1e293b17 solid;
  border-radius: 8px;
  box-shadow: 0 2px 1.5px -0.5px #1e293b08;
  gap: 2px;
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab button img[b-23nj3el9q5] {
  height: 14px;
}

.customer-name-popup .modal-body .details-locations-tab .box-2 .tab button p[b-23nj3el9q5] {
  padding: 0 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.customer-name-popup .modal-body .customer-account-access-tab[b-23nj3el9q5] {
  padding: 24px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .top-title
  .title
  h5[b-23nj3el9q5] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .top-title
  .title
  img[b-23nj3el9q5] {
  height: 16px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .top-title
  button[b-23nj3el9q5] {
  padding: 8px;
  background-color: var(--purple);
  border-radius: 8px;
  gap: 2px;
  border: none;
  outline: none;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .top-title
  button
  img[b-23nj3el9q5] {
  height: 16px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .top-title
  button
  p[b-23nj3el9q5] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--white);
  padding: 0 4px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap[b-23nj3el9q5] {
  padding: 12px 0;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .profile[b-23nj3el9q5] {
  height: 36px;
  width: 36px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--white);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .profile.blue[b-23nj3el9q5] {
  background: linear-gradient(to bottom, #5263ff, #5263ff33);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .profile.pink[b-23nj3el9q5] {
  background: linear-gradient(to bottom, #f83ce9, #f83ce933);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .profile.orange[b-23nj3el9q5] {
  background: linear-gradient(to bottom, #f74e03, #f74e0333);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .txt
  p[b-23nj3el9q5] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .left
  .txt
  span[b-23nj3el9q5] {
  font-size: 12px;
  font-weight: 50;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  .bagge[b-23nj3el9q5] {
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  .bagge.yellow[b-23nj3el9q5] {
  background-color: #ffc30a1f;
  color: var(--yellow);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  .bagge.green[b-23nj3el9q5] {
  background-color: #409b3f1f;
  color: var(--green);
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  button[b-23nj3el9q5] {
  padding: 8px;
  gap: 2px;
  background-color: transparent;
  border: none;
  outline: none;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  button
  img[b-23nj3el9q5] {
  height: 16px;
}

.customer-name-popup
  .modal-body
  .customer-account-access-tab
  .all-strap
  .strap
  .right
  button
  p[b-23nj3el9q5] {
  padding: 0 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--orange);
}

.customer-name-popup .box-2 > div:first-child[b-23nj3el9q5] { min-height: 72px; }
.customer-location-routes[b-23nj3el9q5] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 5px; max-width: 44%; }
.customer-route-badge[b-23nj3el9q5], .customer-route-empty[b-23nj3el9q5] { display: inline-flex; align-items: center; gap: 4px; min-height: 24px; padding: 3px 7px; border-radius: 8px; font-size: 12px; font-weight: 600; line-height: 16px; white-space: nowrap; }
.customer-route-badge[b-23nj3el9q5] { border: 1px solid; background: #e0f2fe; }
.customer-route-empty[b-23nj3el9q5] { color: #475569; border: 1px solid rgba(30, 41, 59, 0.09); background: #fff; box-shadow: 0 2px 1.5px -0.5px rgba(30, 41, 59, 0.03); }
.customer-route-badge img[b-23nj3el9q5], .customer-route-empty img[b-23nj3el9q5] { width: 14px; height: 14px; }
.customer-access-empty-state[b-23nj3el9q5] { display: flex; align-items: center; justify-content: center; min-height: 220px; color: #64748b; font-size: 13px; }
.customer-account-access-tab .min-w-0[b-23nj3el9q5] { min-width: 0; }
.customer-account-access-tab .txt p[b-23nj3el9q5], .customer-account-access-tab .txt span[b-23nj3el9q5] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-access-remove-copy[b-23nj3el9q5] { padding: 0 20px 18px; color: #475569; overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .customer-name-popup.right .modal-dialog[b-23nj3el9q5], .customer-name-popup .modal-dialog[b-23nj3el9q5] { min-width: 0; max-width: 100%; width: 100%; }
  .customer-location-routes[b-23nj3el9q5] { max-width: 50%; }
  .customer-name-popup .modal-content[b-23nj3el9q5] { padding: 0 !important; }
}
@media (max-width: 480px) { [b-23nj3el9q5] .customer-access-remove-popup .modal-dialog { min-width: 0 !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin-inline: auto !important; } }
/* /Pages/Customers/Components/CustomerList.razor.rz.scp.css */
.dispatch-group-btn-tab .table-title h4[b-a90ygdlicb] {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
}

.dispatch-group-btn-tab table tr[b-a90ygdlicb] {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

    .dispatch-group-btn-tab table tr td p[b-a90ygdlicb] {
        font-size: 13px;
        font-weight: 800;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }


.customer-tab-search[b-a90ygdlicb] {
    padding: 8px;
    background-color: var(--white);
    border: 1px solid #1E293B1F;
    border-radius: 50px;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    width: 100%;
    max-width: 300px;
    min-width: 300px;
}

    .customer-tab-search img[b-a90ygdlicb] {
        height: 16px;
    }

    .customer-tab-search input[b-a90ygdlicb] {
        border: none;
        outline: none;
        width: 100%;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -0.2px;
        color: var(--gray-txt);
        background: transparent;
    }

.dispatch-group-btn-tab table td .round-bagge[b-a90ygdlicb] {
    height: 20px;
    width: 20px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--white);
}

.dispatch-group-btn-tab table td .location-bagge[b-a90ygdlicb] {
    padding: 4px 6px;
    background-color: #5263FF1F;
    border-radius: 8px;
    width: max-content;
    gap: 2px;
}

    .dispatch-group-btn-tab table td .location-bagge img[b-a90ygdlicb] {
        height: 14px;
    }

    .dispatch-group-btn-tab table td .location-bagge p[b-a90ygdlicb] {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--purple-2);
        padding: 0 2px;
    }

.dispatch-group-btn-tab .selected-data[b-a90ygdlicb] {
    border-top: 1px solid #1E293B0F;
    border-bottom: 1px solid #1E293B0F;
    padding: 8px 16px;
}

.cu-contractors-checkbox[b-a90ygdlicb] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
    border: 2.5px solid #d9dee3 !important;
    backdrop-filter: blur(24px) !important;
    box-shadow:
        0px 1px 1px -0.5px #1e293b08,
        0px 3px 3px 0px #ffffff1f inset !important;
    flex-shrink: 0 !important;
}

    .cu-contractors-checkbox.checked[b-a90ygdlicb],
    .cu-contractors-checkbox.mixed[b-a90ygdlicb] {
        background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
        color: white !important;
        backdrop-filter: blur(24px) !important;
        box-shadow:
            0px 1px 1px -0.5px #1e293b08,
            0px 3px 3px 0px #ffffff1f inset !important;
        border: none !important;
    }

    .cu-contractors-checkbox.mixed[b-a90ygdlicb] {
        background: #D1D8FA !important;
        color: #5263FF !important;
    }

.cu-contractors-checkbox-icon[b-a90ygdlicb] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cu-contractors-checkbox:disabled[b-a90ygdlicb],
.cu-contractors-checkbox.disabled[b-a90ygdlicb] {
    opacity: 0.6;
    cursor: not-allowed;
}

.baggee.rounded-squircle[b-a90ygdlicb] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: var(--Surface-primary_base_em_alpha, #5263FF1F);
    color: #363AF5;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    height: 24px;
    width: fit-content;
    white-space: nowrap;
}

    .baggee.rounded-squircle img[b-a90ygdlicb] {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
    }

.selected-data span[b-a90ygdlicb] { font-size: 13px; font-weight: 700; color: #475569; }
.selected-data .btn-wm-primary[b-a90ygdlicb] { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; }
.selected-data .btn-wm-primary img[b-a90ygdlicb] { width: 14px; height: 14px; }
.customer-account-preview[b-a90ygdlicb] { display: flex; align-items: center; min-width: 80px; }
.customer-account-avatar[b-a90ygdlicb] { width: 26px !important; height: 26px !important; margin-left: -7px; border: 2px solid #fff; }
.customer-account-avatar:first-child[b-a90ygdlicb] { margin-left: 0; }
.customer-account-avatar .users-avatar-initials[b-a90ygdlicb] { font-size: 9px; line-height: 9px; }
.customer-account-count[b-a90ygdlicb] { margin-left: 5px; font-size: 11px; font-weight: 700; color: #5263ff; }
/* /Pages/Customers/Components/ManageCustomerPopup.razor.rz.scp.css */
.new-customer-popup .modal-dialog[b-1bjweva4a0] {
    min-width: 600px;
}

.new-customer-popup .modal-content[b-1bjweva4a0] {
    padding: 0 !important;
    border-radius: 20px !important;
}

.new-customer-popup .modal-header[b-1bjweva4a0] {
    padding: 16px 20px;
}

.new-customer-popup .modal-header h5[b-1bjweva4a0] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.new-customer-popup .modal-header button.btn-close[b-1bjweva4a0] {
    background-size: 13px;
}

.new-customer-popup .modal-body[b-1bjweva4a0] {
    padding: 20px;
    background-color: #f1f5f9;
    border-top: 1px solid #EBECED
}

.new-customer-popup .modal-body label[b-1bjweva4a0] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
}

.new-customer-popup .modal-body label span[b-1bjweva4a0] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
}

.new-customer-popup .modal-body label span.red[b-1bjweva4a0] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.new-customer-popup .modal-body input[b-1bjweva4a0] {
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.new-customer-popup .modal-body .main-cstn-input-w-btn .cstn-input-w-btn[b-1bjweva4a0] {
    background-color: var(--white);
    padding: 4px;
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.new-customer-popup .modal-body .main-cstn-input-w-btn .cstn-input-w-btn input[b-1bjweva4a0] {
    padding: 0 4px;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    box-shadow: none;
}

.new-customer-popup .modal-footer[b-1bjweva4a0] {
    padding: 16px 20px;
    border-top: 1px solid #EBECED !important;
}

.new-customer-popup .modal-footer button.cancel-btn[b-1bjweva4a0] {
    padding: 8px;
    background-color: #F1F5F9CC;
    border: 1px #1E293B0F solid;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    color: var(--dark-txt);
}

.new-customer-popup .modal-footer button.create-btn[b-1bjweva4a0] {
    padding: 8px;
    background-color: var(--purple);
    border: 1px var(--purple) solid;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    color: var(--white);
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

@media (max-width:768px) {
    .new-customer-popup .modal-dialog[b-1bjweva4a0] {
        min-width: 95%;
    }
}

.new-customer-popup .modal-body input[b-1bjweva4a0]::placeholder,
.new-customer-popup .modal-body textarea[b-1bjweva4a0]::placeholder {
    color: #cccccc;
}

.new-customer-popup .modal-body input:focus[b-1bjweva4a0],
.new-customer-popup .modal-body textarea:focus[b-1bjweva4a0] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
}

.new-customer-popup .modal-body input:disabled[b-1bjweva4a0],
.new-customer-popup .modal-body textarea:disabled[b-1bjweva4a0] {
    background: transparent;
    box-shadow: initial;
    cursor: not-allowed;
}

.new-customer-popup .modal-body select[b-1bjweva4a0] {
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.tax-id-wrapper[b-1bjweva4a0] {
    position: relative;
}

.tax-id-wrapper input[b-1bjweva4a0] {
    width: 100%;
    padding-right: 80px;
}

.tax-id-wrapper .find-btn[b-1bjweva4a0] {
    position: absolute;
    top: 52%;
    right: 4px;
    transform: translateY(-50%);
    min-width: 56px;
    height: 33px;
    padding: 0 12px;
}

/* Phone input group styles from user profile and subcontractor forms */
.phone-group[b-1bjweva4a0] {
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

.phone-group:focus[b-1bjweva4a0],
.phone-group:focus-within[b-1bjweva4a0] {
    box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.phone-group input:focus[b-1bjweva4a0],
.phone-group input:focus-within[b-1bjweva4a0] {
    box-shadow: none !important;
}

.phone-group:hover:not(.disabled)[b-1bjweva4a0] {
    border-color: #eaecff !important;
}

.phone-group.disabled[b-1bjweva4a0] {
    background: transparent !important;
    box-shadow: initial !important;
    cursor: not-allowed !important;
}

.phone-group-divider[b-1bjweva4a0] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-1bjweva4a0] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

.phone-input[b-1bjweva4a0]::placeholder {
    color: #cccccc;
}

[b-1bjweva4a0] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-1bjweva4a0] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

[b-1bjweva4a0] .user-phone-code:focus {
    box-shadow: none !important;
}
/* /Pages/Customers/Components/NewCustomerAccessPopup.razor.rz.scp.css */
[b-5t2ilrb1sq] .new-customer-access-popup .modal-dialog,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-dialog {
    width: 400px !important;
    max-width: calc(100vw - 24px) !important;
}

[b-5t2ilrb1sq] .new-customer-access-popup .wm-popup-modal-content,
[b-5t2ilrb1sq] .new-customer-account-popup .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 20px !important;
}

[b-5t2ilrb1sq] .new-customer-access-popup .modal-header,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-header {
    min-height: 66px;
    padding: 16px 24px;
}

[b-5t2ilrb1sq] .new-customer-access-popup .modal-title,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-title {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

[b-5t2ilrb1sq] .new-customer-access-popup .btn-close,
[b-5t2ilrb1sq] .new-customer-account-popup .btn-close {
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(30, 41, 59, .08);
    border-radius: 10px;
    background-color: rgba(241, 245, 249, .8);
    background-size: 13px;
}

[b-5t2ilrb1sq] .new-customer-access-popup .modal-body,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-body {
    background: #f1f5f9 !important;
}

[b-5t2ilrb1sq] .new-customer-access-popup .modal-footer,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-footer {
    min-height: 80px;
    padding: 16px 20px;
}

[b-5t2ilrb1sq] .new-customer-access-popup .modal-footer button,
[b-5t2ilrb1sq] .new-customer-account-popup .modal-footer button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 40px;
    border-radius: 10px;
}

[b-5t2ilrb1sq] .new-customer-account-popup .modal-footer button img {
    width: 18px;
    height: 18px;
}

.new-customer-access-body[b-5t2ilrb1sq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-height: 116px;
    padding: 20px;
}

.new-customer-account-body[b-5t2ilrb1sq] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 290px;
    padding: 16px 20px 20px;
}

.new-customer-account-body.existing-user[b-5t2ilrb1sq] {
    min-height: 0;
}

.new-customer-access-body label[b-5t2ilrb1sq],
.customer-account-field label[b-5t2ilrb1sq] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.customer-account-field label span[b-5t2ilrb1sq] {
    color: #ef4444;
}

.new-customer-access-body input[b-5t2ilrb1sq],
.customer-account-field input[b-5t2ilrb1sq] {
    width: 100%;
    height: 48px;
    padding: 10px 14px;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    outline: none;
    background: #fff;
    box-shadow: 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 1px 1px -.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}

.new-customer-access-body input:focus[b-5t2ilrb1sq],
.customer-account-field input:focus[b-5t2ilrb1sq] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .14);
}

.customer-account-field input:disabled[b-5t2ilrb1sq] {
    cursor: not-allowed;
    background: #f8fafc;
    color: #64748b;
    opacity: 1;
}

.new-customer-access-body input.input-invalid[b-5t2ilrb1sq],
.customer-account-field input.input-invalid[b-5t2ilrb1sq] {
    border-color: rgba(239, 68, 68, .38);
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .13);
}

.customer-account-message[b-5t2ilrb1sq] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(82, 99, 255, .12);
    color: #363af5;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.customer-account-message img[b-5t2ilrb1sq] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.customer-account-field[b-5t2ilrb1sq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.customer-account-name-grid[b-5t2ilrb1sq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

.locked-email-field[b-5t2ilrb1sq] {
    position: relative;
}

.locked-email-field input[b-5t2ilrb1sq] {
    padding-right: 42px;
    background: #f8fafc;
    opacity: 1;
}

.locked-email-field img[b-5t2ilrb1sq] {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}

.access-validation[b-5t2ilrb1sq] {
    color: #ef4444;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

@media (max-width: 480px) {
    [b-5t2ilrb1sq] .new-customer-access-popup .modal-dialog,
    [b-5t2ilrb1sq] .new-customer-account-popup .modal-dialog {
        min-width: 0 !important;
    }

    .customer-account-name-grid[b-5t2ilrb1sq] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Customers/Components/ShareCustomerAccessPopup.razor.rz.scp.css */
[b-ogs03k9e6x] .customer-access-share-popup .modal-dialog { width: 600px !important; max-width: calc(100vw - 24px) !important; }
[b-ogs03k9e6x] .customer-access-share-popup .wm-popup-modal-content { overflow: visible !important; padding: 0 !important; border: 1px solid rgba(30,41,59,.03); border-radius: 20px !important; box-shadow: 0 1px 1px -.5px rgba(30,41,59,.03),0 3px 3px -1.5px rgba(30,41,59,.03),0 20px 20px -12px rgba(30,41,59,.03),0 32px 32px -16px rgba(30,41,59,.03); }
[b-ogs03k9e6x] .customer-access-share-popup .modal-header { min-height: 56px; padding: 16px 20px; }
[b-ogs03k9e6x] .customer-access-share-popup .modal-title { color: #1e293b; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: -.2px; }
[b-ogs03k9e6x] .customer-access-share-popup .btn-close { width: 32px; height: 32px; padding: 0; border: 1px solid rgba(30,41,59,.06); border-radius: 8px; background-color: rgba(241,245,249,.8); background-size: 13px; opacity: 1; }
[b-ogs03k9e6x] .customer-access-share-popup .modal-body { height: 172px; overflow: visible !important; overflow-y: visible !important; background: #f1f5f9 !important; }
[b-ogs03k9e6x] .customer-access-share-popup .modal-footer { min-height: 72px; padding: 16px 20px; border-top: 1px solid rgba(30,41,59,.09); gap: 12px; }
[b-ogs03k9e6x] .customer-access-share-popup .modal-footer button { height: 40px; border-radius: 10px; font-size: 13px; font-weight: 600; }

.customer-access-share-body[b-ogs03k9e6x] { position: relative; display: flex; height: 172px; flex-direction: column; gap: 24px; padding: 16px 20px; }
.customer-access-field[b-ogs03k9e6x],
.customer-access-scope[b-ogs03k9e6x] { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.customer-access-field > label[b-ogs03k9e6x],
.customer-access-scope > span[b-ogs03k9e6x] { padding: 0 2px; color: #475569; font-size: 13px; font-weight: 600; line-height: 20px; letter-spacing: -.2px; }

.customer-access-input[b-ogs03k9e6x] { display: flex; width: 100%; min-width: 0; height: 44px; min-height: 44px; max-height: 44px; align-items: center; flex-wrap: nowrap; gap: 4px; overflow-x: auto; overflow-y: hidden; padding: 8px 10px; border: 1px solid rgba(30,41,59,.12); border-radius: 10px; background: #fff; box-shadow: 0 1px 1px -.5px rgba(30,41,59,.03),0 3px 3px -1.5px rgba(30,41,59,.03); cursor: text; scrollbar-width: none; }
.customer-access-input[b-ogs03k9e6x]::-webkit-scrollbar { display: none; }
.customer-access-input.is-open[b-ogs03k9e6x] { border-color: #cbd3ff; box-shadow: 0 0 0 3px rgba(82,99,255,.2); }
.customer-access-input input[b-ogs03k9e6x] { min-width: 32px; flex: 1 0 32px; height: 24px; padding: 0 4px; border: 0; outline: 0; background: transparent; color: #1e293b; font-size: 13px; }
.customer-access-chevron[b-ogs03k9e6x] { display: inline-flex; position: sticky; right: 0; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; padding: 0; border: 0; background: #fff; }
.customer-access-chevron img[b-ogs03k9e6x] { width: 16px; height: 16px; }

.customer-access-email-chip[b-ogs03k9e6x] { display: inline-flex; height: 28px; max-width: 180px; flex: 0 0 auto; align-items: center; gap: 4px; padding: 2px 6px 2px 2px; border: 0; border-radius: 1000px; background: rgba(82,99,255,.12); color: #363af5; font-size: 12px; font-weight: 600; line-height: 16px; }
.customer-access-email-chip > span:last-child[b-ogs03k9e6x] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.customer-access-avatar[b-ogs03k9e6x] { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border: 1px solid rgba(30,41,59,.03); border-radius: 50%; background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.8)); color: #5263ff; font-size: 10px; font-weight: 600; }

.customer-access-menu[b-ogs03k9e6x] { position: absolute; z-index: 1080; top: 80px; left: 20px; width: 360px; max-width: calc(100% - 40px); max-height: 280px; overflow-y: auto; padding: 8px; border: 1px solid rgba(30,41,59,.12); border-radius: 20px; background: #fff; box-shadow: 0 20px 20px -12px rgba(30,41,59,.16),0 32px 32px -16px rgba(30,41,59,.12); }
.customer-access-picker-state[b-ogs03k9e6x] { display: flex; min-height: 96px; align-items: center; justify-content: center; color: #64748b; font-size: 13px; }
.customer-access-candidate[b-ogs03k9e6x] { display: flex; width: 100%; min-height: 60px; align-items: center; gap: 12px; padding: 8px; border: 0; border-radius: 12px; background: #fff; text-align: left; }
.customer-access-candidate:hover[b-ogs03k9e6x],
.customer-access-candidate.selected[b-ogs03k9e6x] { background: rgba(82,99,255,.16); }
.customer-access-candidate.already-granted[b-ogs03k9e6x] { opacity: .5; cursor: default; }
.customer-access-candidate .users-avatar[b-ogs03k9e6x] { width: 36px; height: 36px; flex: 0 0 36px; }
.customer-access-candidate-copy[b-ogs03k9e6x] { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.customer-access-candidate-copy strong[b-ogs03k9e6x] { overflow: hidden; color: #1e293b; font-size: 13px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.customer-access-candidate-copy span[b-ogs03k9e6x] { overflow: hidden; color: #64748b; font-size: 12px; font-weight: 500; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }

.customer-access-location-chips[b-ogs03k9e6x] { display: flex; min-height: 24px; flex-wrap: wrap; gap: 8px; }
.customer-access-location-chips span[b-ogs03k9e6x] { height: 24px; padding: 4px 6px; border: 1px solid rgba(30,41,59,.09); border-radius: 8px; background: #fff; box-shadow: 0 2px 1.5px -.5px rgba(30,41,59,.03),inset 0 2px 3px rgba(255,255,255,.03); color: #475569; font-size: 12px; font-weight: 600; line-height: 16px; }

@media (max-width: 480px) {
    [b-ogs03k9e6x] .customer-access-share-popup .modal-dialog { min-width: 0 !important; }
    .customer-access-share-body[b-ogs03k9e6x] { padding-inline: 14px; }
    .customer-access-menu[b-ogs03k9e6x] { left: 14px; max-width: calc(100% - 28px); }
}
/* /Pages/Customers/Customers.razor.rz.scp.css */
.main-title .normal-btn[b-hqseiyhyzt] {
    border: 1px solid rgba(82, 99, 255, .08);
    background: rgba(82, 99, 255, .12);
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px rgba(255, 255, 255, .12) inset;
    color: #363af5;
}
/* /Pages/Dashboard/Components/AddressInvitationPopup.razor.rz.scp.css */
.popup-body-wrap[b-f9kjwtr9vd] {
  padding: 20px;
}

.popup-title[b-f9kjwtr9vd] {
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-txt);
  line-height: 24px;
  letter-spacing: -0.2px;
}

.info-fields-container[b-f9kjwtr9vd] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info-field[b-f9kjwtr9vd] {
  display: block;
}

.info-label[b-f9kjwtr9vd] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  display: block;
  margin-bottom: 2px;
}

.info-value[b-f9kjwtr9vd] {
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-txt);
  margin: 0;
  line-height: 20px;
}

.map-carousel[b-f9kjwtr9vd] {
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.map-badges[b-f9kjwtr9vd] {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  display: flex;
  gap: 8px;
}

.map-badge[b-f9kjwtr9vd] {
  background: var(--white);
  border: 1px solid #E2E8F0;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  color: var(--dark-txt);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

.map-image[b-f9kjwtr9vd] {
  border-radius: 12px;
  object-fit: cover;
}

.map-indicators[b-f9kjwtr9vd] {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  margin: 0;
  z-index: 5;
}

.map-dot[b-f9kjwtr9vd] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white);
  border: none;
  margin: 0;
  padding: 0;
}

.map-dot.inactive[b-f9kjwtr9vd] {
  background-color: rgba(255, 255, 255, 0.5);
}

.map-expand-btn[b-f9kjwtr9vd] {
  position: absolute;
  bottom: 8px;
  right: 8px;
  height: 32px;
  width: 32px;
  background-color: #F1F5F9CC;
  border: 1px #1E293B08 solid;
  border-radius: 8px;
  z-index: 5;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.map-expand-icon[b-f9kjwtr9vd] {
  width: 18px;
  height: 18px;
}

.map-arrow-btn[b-f9kjwtr9vd] {
  width: 32px;
  height: 32px;
  background-color: #F1F5F9CC;
  border-radius: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  border: 1px #1E293B08 solid;
  justify-content: center;
  align-items: center;
  display: flex;
}

.map-arrow-btn.prev[b-f9kjwtr9vd] {
  left: 12px;
}

.map-arrow-btn.next[b-f9kjwtr9vd] {
  right: 12px;
}

/* ── Drawing stats bar ── */
.ldm-drawing-bar[b-f9kjwtr9vd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 40px;
}

.ldm-drawing-stats[b-f9kjwtr9vd] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    -ms-overflow-style: none;
    flex: 1;
    min-width: 0;
}

.ldm-drawing-stats[b-f9kjwtr9vd]::-webkit-scrollbar {
    display: none;
}

.ldm-drawing-stat-chip[b-f9kjwtr9vd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    background: #F1F5F9CC;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px #1E293B08;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid #1E293B08;
    height: 24px;
}

.ldm-drawing-stat-dot[b-f9kjwtr9vd] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ldm-drawing-stat-name[b-f9kjwtr9vd] {
    font-size: 12px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.ldm-drawing-stat-value[b-f9kjwtr9vd] {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    letter-spacing: -0.2px;
    line-height: 16px;
}
/* /Pages/Dashboard/Components/LocationInvitesSlider.razor.rz.scp.css */
.z-index-lower[b-4qmxuyob46] {
  z-index: 1049 !important;
}

/* Invite cards — one per received invite, matching the app's card language
   (white surface, hairline border, soft shadow) rather than the old pill. */
.invite-card-list[b-4qmxuyob46] {
  height: 100%;
  overflow-y: auto;
}

.invite-card[b-4qmxuyob46] {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
  padding: 14px 16px;
  text-align: left;
  background: var(--wm-card-bg);
  border: 1px solid var(--wm-card-border-color);
  border-radius: var(--wm-card-radius);
  box-shadow: var(--wm-card-shadow);
  transition: border-color .15s ease, box-shadow .15s ease;
}

.invite-card:hover[b-4qmxuyob46] {
  border-color: #c7ccff;
  box-shadow: 0 4px 12px rgba(82, 99, 255, .12);
}

.invite-card-body[b-4qmxuyob46] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

.invite-card-title[b-4qmxuyob46] {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--dark-txt);
}

.invite-card-line[b-4qmxuyob46] {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  color: var(--gray-txt);
}

.invite-card-line img[b-4qmxuyob46] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.invite-card-city[b-4qmxuyob46] {
  color: var(--gray-txt-2);
}

.invite-card-arrow[b-4qmxuyob46] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}
/* /Pages/Dispatch/Components/CreateAddressDispatchPopup.razor.rz.scp.css */
/* Cascade the fixed height of the right-hand map column into the WMMap wrapper
   chain so the map (Height="100%") fills the panel. The .address-dispatch-right
   sizing itself lives in the global style.css alongside the rest of this popup. */
.address-dispatch-right[b-7r7n3bw2of] {
    position: relative;
    min-height: 0;
}

.address-dispatch-right[b-7r7n3bw2of]  .wm-map-wrapper,
.address-dispatch-right[b-7r7n3bw2of]  .wm-map-wrapper > div {
    height: 100%;
}

/* Add-more: addresses already on the dispatch being extended */
.box.already-dispatched[b-7r7n3bw2of] {
    opacity: 0.55;
    pointer-events: none;
}

.already-dispatched-badge[b-7r7n3bw2of] {
    display: inline-block;
    background: #e9ecef;
    color: #495057;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    white-space: nowrap;
}

/* Why a greyed-out address cannot be dispatched: the business that assigned it said so. */
.dispatch-blocked-reason[b-7r7n3bw2of] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #B45309;
    white-space: normal;
}

/* ─── Complaint link rows ─── */
.complaint-pick-row[b-7r7n3bw2of] {
    padding: 4px 0;
    min-width: 0;
}

.complaint-pick-row .custom-check[b-7r7n3bw2of] {
    flex-shrink: 0;
}

.complaint-pick-text[b-7r7n3bw2of] {
    font-size: 13px;
    color: #64748B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Pages/Dispatch/Components/CreateAutoDispatchPopup.razor.rz.scp.css */
/* An address the delegating business has closed to us: visible, explained, not selectable. */
.dispatch-blocked-row[b-qjf4o1o6em] {
    opacity: 0.55;
    pointer-events: none;
}

.dispatch-blocked-reason[b-qjf4o1o6em] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #B45309;
    white-space: normal;
}
/* /Pages/Dispatch/Components/CreateManualDispatchPopup.razor.rz.scp.css */
/* Why some routes are missing from the picker: their addresses are closed to us. */
.dispatch-blocked-reason[b-y3dfq0mr9m] {
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #B45309;
    white-space: normal;
}
/* /Pages/Dispatch/Components/CreateRouteDispatchPopup.razor.rz.scp.css */
/* Cascade the fixed height of the right-hand map column into the WMMap wrapper
   chain so the map (Height="100%") fills the panel. The .address-dispatch-right
   sizing itself lives in the global style.css alongside the rest of this popup. */
.address-dispatch-right[b-aci5d0t8hr] {
    position: relative;
    min-height: 0;
}

.address-dispatch-right[b-aci5d0t8hr]  .wm-map-wrapper,
.address-dispatch-right[b-aci5d0t8hr]  .wm-map-wrapper > div {
    height: 100%;
}

/* Merge-choice prompt: consequence notes */
.merge-choice-note[b-aci5d0t8hr] {
    background: #edf2ff;
    color: #4263eb;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}
.merge-choice-note.warning[b-aci5d0t8hr] {
    background: #fff4e6;
    color: #d9480f;
}

/* Add-more: routes already on the dispatch being extended */
.box.already-dispatched[b-aci5d0t8hr] {
    opacity: 0.55;
    pointer-events: none;
}

/* Why a route is greyed out, or which of its stops will be left behind. */
.dispatch-blocked-reason[b-aci5d0t8hr] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #B45309;
    white-space: normal;
}

.dispatch-blocked-warning[b-aci5d0t8hr] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 16px;
    padding: 12px;
    border: 1px solid #FDE68A;
    border-radius: 8px;
    background: #FFFBEB;
}

.dispatch-blocked-warning-title[b-aci5d0t8hr] {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #92400E;
}

.dispatch-blocked-warning-body[b-aci5d0t8hr] {
    margin: 2px 0 0;
    font-size: 13px;
    font-weight: 500;
    color: #92400E;
}

.already-dispatched-badge[b-aci5d0t8hr] {
    display: inline-block;
    background: #e9ecef;
    color: #495057;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    white-space: nowrap;
}

/* ─── Per-subcontractor message rows (additional settings) ─── */
.recipient-name[b-aci5d0t8hr] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

.recipient-customize[b-aci5d0t8hr] {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #0D6EFD;
    cursor: pointer;
}

.recipient-note[b-aci5d0t8hr] {
    min-height: 56px;
}
/* /Pages/Dispatch/Components/CreateZoneDispatchPopup.razor.rz.scp.css */
/* Cascade the fixed height of the right-hand map column into the WMMap wrapper
   chain so the map (Height="100%") fills the panel. The .address-dispatch-right
   sizing itself lives in the global style.css alongside the rest of this popup. */
.address-dispatch-right[b-qcwq69acex] {
    position: relative;
    min-height: 0;
}

.address-dispatch-right[b-qcwq69acex]  .wm-map-wrapper,
.address-dispatch-right[b-qcwq69acex]  .wm-map-wrapper > div {
    height: 100%;
}

/* Merge-choice prompt: consequence notes */
.merge-choice-note[b-qcwq69acex] {
    background: #edf2ff;
    color: #4263eb;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
}
.merge-choice-note.warning[b-qcwq69acex] {
    background: #fff4e6;
    color: #d9480f;
}

/* Add-more: items already on the dispatch being extended */
.boxes .already-dispatched[b-qcwq69acex] {
    opacity: 0.55;
    pointer-events: none;
}

/* Why a greyed-out address cannot be dispatched: the business that assigned it said so. */
.dispatch-blocked-reason[b-qcwq69acex] {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #B45309;
    white-space: normal;
}

.already-dispatched-badge[b-qcwq69acex] {
    display: inline-block;
    background: #e9ecef;
    color: #495057;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 8px;
    white-space: nowrap;
}

/* ─── Per-subcontractor message rows (additional settings) ─── */
.recipient-name[b-qcwq69acex] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

.recipient-customize[b-qcwq69acex] {
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #0D6EFD;
    cursor: pointer;
}

.recipient-note[b-qcwq69acex] {
    min-height: 56px;
}

/* ─── Contractor quick-select rows inside an expanded zone ─── */
.contractor-check-name[b-qcwq69acex] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

.contractor-checks img[b-qcwq69acex] {
    width: 16px;
}
/* /Pages/Dispatch/Components/DispatchDetailsSlider.razor.rz.scp.css */
/* Follows FIGMA_HTML_References dispatch.html/style.css: right-side ID-popup details model. */
.dispatchDetailsSlider.right .modal-dialog[b-9rjbqvoemw],
.locationDispatchDetailsSlider.ID-popup .modal-dialog[b-9rjbqvoemw] {
    position: fixed !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    min-width: 740px;
    max-width: 912px;
    width: min(912px, calc(100vw - 126px));
}

.dispatchDetailsSlider.z-index-lower[b-9rjbqvoemw] {
    z-index: 1049 !important;
}

.dispatchDetailsSlider.z-index-lower .modal-content[b-9rjbqvoemw] {
    filter: brightness(0.96);
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.18);
}

.dds-add-location-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 360px;
    overflow-y: auto;
}

.dds-add-location-row[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    cursor: pointer;
}

.dds-add-location-row span[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dds-add-location-row strong[b-9rjbqvoemw],
.dds-add-location-row small[b-9rjbqvoemw] {
    overflow-wrap: anywhere;
}

.dds-add-location-row small[b-9rjbqvoemw] {
    color: #64748B;
}

.dispatchDetailsSlider.right .modal-content[b-9rjbqvoemw],
.locationDispatchDetailsSlider.ID-popup .modal-content[b-9rjbqvoemw] {
    height: 100vh;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
}

.dispatchDetailsSlider.right.fade .modal-dialog[b-9rjbqvoemw] {
    transform: translateX(100%) !important;
    transition: transform 0.3s ease-out !important;
}

.dispatchDetailsSlider.right.show .modal-dialog[b-9rjbqvoemw] {
    transform: translateX(0) !important;
}

.dispatchDetailsSlider .modal-header[b-9rjbqvoemw],
.locationDispatchDetailsSlider.ID-popup .modal-header[b-9rjbqvoemw] {
    padding: 16px 24px;
    border: none;
    flex-shrink: 0;
}

.dispatchDetailsSlider .btn-close[b-9rjbqvoemw],
.locationDispatchDetailsSlider.ID-popup .btn-close[b-9rjbqvoemw] {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 10px;
    background-color: #F1F5F9CC;
    opacity: 1;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .icon-image[b-9rjbqvoemw] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background-color: #5263FF1F !important;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .icon-image img[b-9rjbqvoemw] {
    width: 22px;
    height: 22px;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .modal-title[b-9rjbqvoemw] {
    margin: 0;
    color: #1E293B;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .txt p[b-9rjbqvoemw] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .txt img[b-9rjbqvoemw] {
    height: 16px;
}

.locationDispatchDetailsSlider.ID-popup .modal-header .txt span[b-9rjbqvoemw] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #64748B;
}

.dds-header-main[b-9rjbqvoemw] {
    min-width: 0;
}

.dds-icon[b-9rjbqvoemw] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #EEF0FF;
    flex-shrink: 0;
}

.dds-icon img[b-9rjbqvoemw] {
    width: 22px;
    height: 22px;
}

.dds-title[b-9rjbqvoemw] {
    margin: 0;
    color: #1E293B;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0;
}

.dds-header-text[b-9rjbqvoemw] {
    min-width: 0;
}

.dds-header-text p[b-9rjbqvoemw],
.dds-header-date[b-9rjbqvoemw] {
    margin: 2px 0 0;
    color: #64748B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.dds-header-date img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-tabs[b-9rjbqvoemw],
.dds-sub-tabs[b-9rjbqvoemw] {
    display: flex;
    gap: 6px;
    padding: 6px;
    background: #F1F5F9CC;
    border: 1px solid #1E293B08;
    flex-shrink: 0;
}

.dds-tabs[b-9rjbqvoemw] {
    margin: 8px 20px 10px;
    border-radius: 16px;
}

.dds-sub-tabs[b-9rjbqvoemw] {
    margin: 0 20px 12px;
    border-radius: 14px;
    overflow-x: auto;
}

.dds-tabs button[b-9rjbqvoemw],
.dds-sub-tabs button[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.dds-tabs button[b-9rjbqvoemw] {
    width: 100%;
}

.dds-sub-tabs button[b-9rjbqvoemw] {
    min-width: 104px;
    padding: 7px 10px;
}

.dds-tabs button.active[b-9rjbqvoemw],
.dds-sub-tabs button.active[b-9rjbqvoemw] {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border-color: #1E293B0F;
    color: #1E293B;
    box-shadow: 0 4px 10px #1E293B0F;
}

.dds-tabs img[b-9rjbqvoemw],
.dds-sub-tabs img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-sub-tabs em[b-9rjbqvoemw] {
    min-width: 20px;
    min-height: 20px;
    border-radius: 10px;
    background: #E2E8F0;
    color: #475569;
    font-style: normal;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.dds-sub-tabs button.active em[b-9rjbqvoemw] {
    background: #5263FF1F;
    color: #363AF5;
}

.dds-body[b-9rjbqvoemw] {
    flex: 1;
    overflow-y: auto;
    padding: 0 !important;
    background: #FFFFFF;
}

.addresses-tab[b-9rjbqvoemw] {
    padding: 0 20px 24px;
}

.dds-loading[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #0D6EFD;
}

.locationDispatchDetailsSlider.ID-popup .modal-body[b-9rjbqvoemw] {
    flex: 1;
    padding: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background: #FFFFFF;
}

.locationDispatchDetailsSlider.ID-popup .modal-body[b-9rjbqvoemw]::-webkit-scrollbar {
    display: none;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .main-tab[b-9rjbqvoemw] {
    padding: 0 24px;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs[b-9rjbqvoemw] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B08 solid;
    border-radius: 16px;
    padding: 6px;
    gap: 6px;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs button[b-9rjbqvoemw] {
    gap: 2px;
    border: 1px transparent solid;
    outline: none;
    border-radius: 10px;
    padding: 6px;
    background-color: transparent;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs button.active[b-9rjbqvoemw] {
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    border-color: #1E293B1F;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs button img[b-9rjbqvoemw] {
    height: 18px;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs button span[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .tabs button.active span[b-9rjbqvoemw] {
    color: #1E293B;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .addresses-tab[b-9rjbqvoemw] {
    padding: 0;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .multi-tabs[b-9rjbqvoemw] {
    border-bottom: 1px #1E293B17 solid;
    gap: 0 !important;
    margin-top: 16px !important;
    overflow-x: auto;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button[b-9rjbqvoemw] {
    background-color: transparent;
    border: none;
    outline: none;
    border-radius: 0;
    padding: 4px 5px 12px 5px;
    min-width: 123px;
    width: 123px;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button.active[b-9rjbqvoemw] {
    border-bottom: 2px #5263FF solid;
    background: transparent;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button p[b-9rjbqvoemw],
.locationDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button span[b-9rjbqvoemw] {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .title-line[b-9rjbqvoemw] {
    padding: 8px 24px;
    margin: 0 !important;
    border-bottom: 1px #1E293B17 solid;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .title-line div p[b-9rjbqvoemw] {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .title-line button.add-more-btn[b-9rjbqvoemw] {
    padding: 8px 12px;
    background-color: #5263FF1F;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #363AF5;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .title-line button.expand-btn[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #5263FF;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: underline;
    text-decoration-color: #5263ff5b;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data.open[b-9rjbqvoemw] {
    max-height: none;
    overflow: visible;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .arrow[b-9rjbqvoemw] {
    border: none;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #5263FF;
    text-decoration: underline;
    text-decoration-color: #5263ff5b;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.own-route-popup .addresses-tab .all-multi-tab-second[b-9rjbqvoemw] {
    display: block;
}

.own-route-popup .addresses-tab .error-top-line[b-9rjbqvoemw] {
    padding: 8px 24px;
    background-color: #ED40301F;
}

.own-route-popup .addresses-tab .error-top-line div img[b-9rjbqvoemw] {
    height: 20px;
}

.own-route-popup .addresses-tab .error-top-line div p[b-9rjbqvoemw] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #DF2917;
}

.own-route-popup .addresses-tab .error-top-line button.assign-btn[b-9rjbqvoemw] {
    background-color: #DF2917;
    border: 1px #1E293B17 solid;
    border-radius: 8px;
    outline: none;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.own-route-popup .addresses-tab .add-location-txt[b-9rjbqvoemw] {
    background-color: #F8FAFC;
    border-bottom: 1px #1E293B0F solid;
    padding: 16px 24px;
}

.own-route-popup .addresses-tab .add-location-txt div p[b-9rjbqvoemw] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.own-route-popup .addresses-tab .add-location-txt div span[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    color: #64748B;
}

.own-route-popup .addresses-tab .add-location-txt button.add-locations[b-9rjbqvoemw] {
    background-color: #5263FF;
    padding: 8px 12px;
    border: 1px #1E293B17 solid;
    border-radius: 8px;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
    white-space: nowrap;
}

.own-route-popup .addresses-tab .pannel[b-9rjbqvoemw] {
    padding: 12px 24px;
    border-bottom: 1px #1E293B17 solid;
}

.own-route-popup .addresses-tab .pannel:hover[b-9rjbqvoemw] {
    background-color: #5263FF1F;
    cursor: pointer;
}

.own-route-popup .addresses-tab .pannel img.drag-icon[b-9rjbqvoemw] {
    height: 20px;
    cursor: grab;
}

.own-route-popup .addresses-tab .pannel.is-dragging[b-9rjbqvoemw] {
    opacity: 0.5;
}

.own-route-popup .addresses-tab .pannel.is-drop-target[b-9rjbqvoemw] {
    background-color: #5263FF1F;
    box-shadow: inset 0 -2px 0 0 #5263FF;
}

.own-route-popup .addresses-tab .pannel .txt img[b-9rjbqvoemw] {
    height: 20px;
}

.own-route-popup .addresses-tab .pannel .txt p[b-9rjbqvoemw] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #1E293B;
}

.own-route-popup .addresses-tab .pannel .txt span[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    color: #475569;
}

.own-route-popup .addresses-tab .pannel .images img[b-9rjbqvoemw] {
    height: 20px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee[b-9rjbqvoemw] {
    padding: 4px 6px;
    border-radius: 8px;
    gap: 2px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee img[b-9rjbqvoemw] {
    height: 14px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee p[b-9rjbqvoemw] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    padding: 0 2px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.blue[b-9rjbqvoemw] {
    background-color: #5263FF1F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.blue p[b-9rjbqvoemw] {
    color: #363AF5;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.green[b-9rjbqvoemw] {
    background-color: #409B3F1F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.green p[b-9rjbqvoemw] {
    color: #338732;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.red[b-9rjbqvoemw] {
    background-color: #ED40301F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.red p[b-9rjbqvoemw] {
    color: #DF2917;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.gray[b-9rjbqvoemw] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B08 solid;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.gray p[b-9rjbqvoemw] {
    color: #1E293B;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.white[b-9rjbqvoemw] {
    background-color: #FFFFFF;
    border: 1px #1E293B17 solid;
    box-shadow: 0 2px 1.5px -0.5px #1E293B08;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.white p[b-9rjbqvoemw] {
    color: #475569;
}

.dds-section[b-9rjbqvoemw] {
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
}

.dds-section h6[b-9rjbqvoemw] {
    margin: 0 0 12px;
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
}

.dds-section h6 span[b-9rjbqvoemw] {
    color: #64748B;
}

.dds-section-title-row[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.dds-section-title-row p[b-9rjbqvoemw] {
    margin: 0 0 2px;
    color: #64748B;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

.multi-tabs[b-9rjbqvoemw] {
    gap: 8px !important;
    margin-top: 4px !important;
    overflow-x: auto;
    padding-bottom: 2px;
}

.multi-tabs button[b-9rjbqvoemw] {
    min-height: 34px;
    border: 1px solid #E2E8F0;
    border-radius: 9px;
    background: #FFFFFF;
    color: #64748B;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.multi-tabs button p[b-9rjbqvoemw] {
    margin: 0;
}

.multi-tabs button span[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #F1F5F9;
    color: #475569;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 800;
}

.multi-tabs button.active[b-9rjbqvoemw] {
    border-color: #5263FF33;
    background: #5263FF1F;
    color: #363AF5;
}

.multi-tabs button.active span[b-9rjbqvoemw] {
    background: #FFFFFF;
    color: #363AF5;
}

.title-line[b-9rjbqvoemw] {
    margin-top: 18px !important;
    margin-bottom: 10px;
}

.title-line p[b-9rjbqvoemw] {
    margin: 0;
    color: #64748B;
    font-size: 11px;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
}

.add-more-btn[b-9rjbqvoemw],
.expand-btn[b-9rjbqvoemw] {
    color: #363AF5 !important;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    text-decoration: none;
}

.id-cstn-accordian[b-9rjbqvoemw] {
    margin-bottom: 10px !important;
}

.id-cstn-accordian .accordion-item[b-9rjbqvoemw] {
    overflow: visible;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
}

.id-cstn-accordian .accordion-header[b-9rjbqvoemw] {
    margin: 0;
}

.id-cstn-accordian .accordion-button[b-9rjbqvoemw] {
    min-height: 60px;
    border-radius: 12px !important;
    background: #FFFFFF;
    color: #1E293B;
    padding: 12px 16px;
    box-shadow: none;
}

.id-cstn-accordian .accordion-button:not(.collapsed)[b-9rjbqvoemw] {
    color: #1E293B;
    background: #FFFFFF;
    box-shadow: inset 0 -1px 0 #F1F5F9;
}

.id-cstn-accordian .accordion-button[b-9rjbqvoemw]::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
}

.id-cstn-accordian .accordion-body[b-9rjbqvoemw] {
    padding: 12px !important;
    background: #FFFFFF;
    border-radius: 0 0 12px 12px;
}

.id-cstn-accordian .progress[b-9rjbqvoemw] {
    overflow: hidden;
    border-radius: 999px;
    background: #E2E8F0;
}

.dds-actions[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dds-action[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
}

.dds-action:disabled[b-9rjbqvoemw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.dds-action img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-action.complete[b-9rjbqvoemw] {
    color: #338732;
    background: #409B3F1F;
}

.dds-action.neutral[b-9rjbqvoemw] {
    color: #1E293B;
    background: #F1F5F9;
}

.dds-action.danger[b-9rjbqvoemw] {
    color: #DC2626;
    background: #FEE2E2;
}

.dds-action-message[b-9rjbqvoemw] {
    margin: 8px 0 12px;
    padding: 10px 12px;
    border: 1px solid #BFDBFE;
    border-radius: 8px;
    background: #EFF6FF;
    color: #1D4ED8;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

.dds-detail-grid[b-9rjbqvoemw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dds-detail-item[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.dds-detail-item img[b-9rjbqvoemw] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.dds-detail-item p[b-9rjbqvoemw] {
    margin: 0 0 2px;
    color: #64748B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.dds-detail-item span[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-chip-list[b-9rjbqvoemw],
.dds-address-list[b-9rjbqvoemw],
.dds-settings-list[b-9rjbqvoemw],
.dds-file-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dds-chip-list[b-9rjbqvoemw],
.dds-file-list[b-9rjbqvoemw] {
    flex-direction: row;
    flex-wrap: wrap;
}

.dds-chip[b-9rjbqvoemw],
.dds-file-pill[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #5263FF1F;
    color: #363AF5;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}

.dds-chip.warning[b-9rjbqvoemw] {
    background: #FEE2E2;
    color: #DC2626;
}

.dds-chip img[b-9rjbqvoemw],
.dds-file-pill img[b-9rjbqvoemw] {
    width: 14px;
    height: 14px;
}

.dds-address-row[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.dds-address-main[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.dds-address-index[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #F1F5F9;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    flex-shrink: 0;
}

.dds-address-title[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dds-address-title strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-address-line[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
}

.dds-address-meta[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.dds-meta-pill[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    background: #FFFFFF;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.dds-meta-pill.danger[b-9rjbqvoemw] {
    border-color: #FCA5A5;
    background: #FFF1F2;
    color: #EF4444;
}

.dds-driver-pill[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    background: #FFFFFF;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
}

.dds-driver-pill img[b-9rjbqvoemw] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.dds-driver-action[b-9rjbqvoemw] {
    cursor: pointer;
}

.dds-driver-action:hover[b-9rjbqvoemw],
.dds-driver-action:focus-visible[b-9rjbqvoemw] {
    filter: brightness(0.98);
    box-shadow: 0 0 0 2px #FCA5A533;
}

.dds-driver-location-list[b-9rjbqvoemw],
.dds-invite-driver-list[b-9rjbqvoemw],
.dds-driver-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dds-driver-location-card[b-9rjbqvoemw] {
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 12px;
}

.dds-driver-location-head[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.dds-driver-location-head > div[b-9rjbqvoemw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dds-driver-location-head strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-driver-location-head span[b-9rjbqvoemw],
.dds-driver-empty[b-9rjbqvoemw],
.dds-invite-driver-contact span[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.dds-driver-empty[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    color: #EF4444;
    font-weight: 700;
}

.dds-driver-empty img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-driver-row[b-9rjbqvoemw],
/* Segmented accept/deny answer control: equal halves joined in the middle, green
   accept with rounded left, red deny with rounded right; once answered, the
   unselected half fades so the recorded answer stands out. */
.dds-driver-answer[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: stretch;
}

.dds-driver-answer button[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 30px;
    padding: 6px 10px;
    border: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    white-space: nowrap;
}

.dds-driver-answer button.accept[b-9rjbqvoemw] {
    background: #409B3F;
    border-radius: 8px 0 0 8px;
}

.dds-driver-answer button.deny[b-9rjbqvoemw] {
    background: #DF2917;
    border-radius: 0 8px 8px 0;
}

.dds-driver-answer.answered button:not(.selected)[b-9rjbqvoemw] {
    opacity: 0.5;
}

.dds-driver-toggle.gray[b-9rjbqvoemw] {
    background: #F1F5F9;
    color: #475569;
}

.dds-invite-driver-row[b-9rjbqvoemw] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid #E2E8F0;
    border-radius: 9px;
    background: #F8FAFC;
}

.dds-driver-row > img[b-9rjbqvoemw],
.dds-invite-driver-row > img[b-9rjbqvoemw] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    background: #E2E8F0;
}

.dds-driver-row div[b-9rjbqvoemw],
.dds-invite-driver-name[b-9rjbqvoemw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.dds-driver-row strong[b-9rjbqvoemw],
.dds-invite-driver-name strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
    overflow-wrap: anywhere;
}

.dds-driver-row .dds-driver-name-line[b-9rjbqvoemw] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.dds-driver-row .dds-driver-business[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding: 2px 7px;
    border-radius: 999px;
    background: #EEF2FF;
    color: #363AF5;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}

.dds-driver-business img[b-9rjbqvoemw] {
    width: 12px;
    height: 12px;
}

.dds-driver-row span[b-9rjbqvoemw],
.dds-invite-driver-name span[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow-wrap: anywhere;
}

.dds-driver-remove[b-9rjbqvoemw],
.dds-driver-toggle[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    background: #5263FF1F;
    color: #363AF5;
    font-size: 12px;
    font-weight: 800;
}

.dds-driver-toggle.remove[b-9rjbqvoemw] {
    background: #FEE2E2;
    color: #DC2626;
}

.dds-driver-remove[b-9rjbqvoemw] {
    width: 30px;
    padding: 0;
    background: #FEE2E2;
}

.dds-driver-remove img[b-9rjbqvoemw] {
    width: 14px;
    height: 14px;
}

.dds-driver-popup-search span[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.dds-location-notes[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 8px;
    color: #475569;
    font-size: 12px;
    line-height: 18px;
}

.dds-location-notes p[b-9rjbqvoemw] {
    margin: 0;
}

.dds-row-actions[b-9rjbqvoemw] {
    position: relative;
    flex-shrink: 0;
    z-index: 2;
}

.dds-kebab[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

.dds-kebab:hover[b-9rjbqvoemw],
.dds-kebab:focus-visible[b-9rjbqvoemw] {
    background: #F1F5F9;
}

.dds-kebab img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-location-menu[b-9rjbqvoemw] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 50;
    min-width: 190px;
    padding: 6px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(30, 41, 59, 0.14);
}

.dds-location-menu button[b-9rjbqvoemw] {
    width: 100%;
    border: none;
    border-radius: 8px;
    background: transparent;
    padding: 8px;
    text-align: left;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
}

.dds-location-menu button:hover[b-9rjbqvoemw] {
    background: #F1F5F9;
}

.dds-location-menu button.danger[b-9rjbqvoemw] {
    color: #DC2626;
}

.dds-settings-list div[b-9rjbqvoemw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #F8FAFC;
    color: #475569;
    font-size: 13px;
}

.dds-table-wrap[b-9rjbqvoemw] {
    overflow-x: auto;
}

.dds-table-wrap table[b-9rjbqvoemw] {
    width: 100%;
    border-collapse: collapse;
    color: #1E293B;
    font-size: 13px;
}

.dds-table-wrap th[b-9rjbqvoemw],
.dds-table-wrap td[b-9rjbqvoemw] {
    padding: 10px 12px;
    border-bottom: 1px solid #E2E8F0;
    text-align: left;
}

.dds-table-wrap th[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.dds-map-grid[b-9rjbqvoemw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dds-map-card[b-9rjbqvoemw] {
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.dds-map-card img[b-9rjbqvoemw] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.dds-map-card div[b-9rjbqvoemw] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dds-map-card strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
}

.dds-map-card span[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
}

.dds-empty[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    border: 1px dashed #CBD5E1;
    border-radius: 8px;
    background: #F8FAFC;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 16px;
}

.dds-empty.compact[b-9rjbqvoemw] {
    min-height: 56px;
}

/* ---- Worked-time box: "00:01 - 04:00" on the left, "3H 59M" on the right ---- */
.worked-time-box[b-9rjbqvoemw] {
    padding: 6px 10px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F8FAFC;
    white-space: nowrap;
}

.worked-time-box .worked-time-range[b-9rjbqvoemw] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #64748B;
}

.worked-time-box .worked-time-total[b-9rjbqvoemw] {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #0F172A;
}

.dds-worked-time-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
}

.dds-worked-time-row strong[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
}

.dds-empty.tall[b-9rjbqvoemw] {
    min-height: 280px;
    flex-direction: column;
    gap: 6px;
}

.dds-empty.tall h6[b-9rjbqvoemw],
.dds-empty.tall p[b-9rjbqvoemw] {
    margin: 0;
}

.dds-empty.tall p[b-9rjbqvoemw] {
    max-width: 420px;
    font-weight: 600;
    line-height: 20px;
}

.dds-confirm-body[b-9rjbqvoemw] {
    padding: 0 20px 16px;
}

.dds-confirm-body p[b-9rjbqvoemw] {
    margin: 0 0 12px;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
}

.dds-confirm-context[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 8px;
    background: #F8FAFC;
    color: #1E293B;
    font-size: 13px;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .modal-header {
    min-height: 80px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 0 !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-header-section {
    gap: 4px;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-header-subtext {
    margin: 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .modal-body {
    display: none !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-9rjbqvoemw] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #338732;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .modal-header {
    min-height: 80px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 0 !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-header-section {
    gap: 4px;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-header-subtext {
    margin: 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .modal-body {
    display: none !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-modal-footer .btn-wm-danger-translucent {
    border: none;
    background: rgba(237, 64, 48, 0.12);
    color: #DF2917;
}

[b-9rjbqvoemw] .dds-cancel-dispatch-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #5263FF;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

[b-9rjbqvoemw] .dds-change-work-type-popup .modal-dialog {
    min-width: min(560px, calc(100vw - 32px)) !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-content {
    height: min(780px, calc(100vh - 32px));
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .modal-header {
    min-height: 56px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09) !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .modal-body {
    flex: 1;
    min-height: 0;
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 0 !important;
    overflow: hidden !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #5263FF;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.dds-work-type-body[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
}

.dds-work-type-warning[b-9rjbqvoemw] {
    margin: 0;
    color: #475569;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.dds-work-type-field[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.dds-work-type-field span[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-field select[b-9rjbqvoemw] {
    min-height: 40px;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 10px;
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
}

.dds-work-type-table[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid rgba(30, 41, 59, 0.06);
    border-radius: 16px;
    background: #F8FAFC;
    overflow: hidden;
}

.dds-work-type-table-head[b-9rjbqvoemw],
.dds-work-type-row[b-9rjbqvoemw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
}

.dds-work-type-table-head[b-9rjbqvoemw] {
    min-height: 44px;
    background: #F1F5F9;
}

.dds-work-type-table-body[b-9rjbqvoemw] {
    overflow-y: auto;
}

.dds-work-type-row[b-9rjbqvoemw] {
    min-height: 56px;
    background: #FFFFFF;
}

.dds-work-type-row:nth-child(even)[b-9rjbqvoemw] {
    background: #F8FAFC;
}

.dds-work-type-address-cell[b-9rjbqvoemw],
.dds-work-type-subcontractor-cell[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 8px 16px;
}

.dds-work-type-table-head .dds-work-type-address-cell[b-9rjbqvoemw],
.dds-work-type-table-head .dds-work-type-subcontractor-cell[b-9rjbqvoemw] {
    align-items: center;
    padding: 12px 16px;
}

.dds-work-type-address-cell[b-9rjbqvoemw] {
    border-right: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-table-head .dds-work-type-address-cell[b-9rjbqvoemw] {
    border-bottom: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-table-head .dds-work-type-subcontractor-cell[b-9rjbqvoemw] {
    border-bottom: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-address-cell input[b-9rjbqvoemw] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dds-work-type-checkbox[b-9rjbqvoemw] {
    position: relative;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex: 0 0 18px;
    border: 2px solid rgba(30, 41, 59, 0.12);
    border-radius: 6px;
    background: linear-gradient(180deg, #F1F5F9 0%, #FFFFFF 100%);
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.dds-work-type-checkbox.checked[b-9rjbqvoemw] {
    border-color: #5263FF;
    background: #5263FF;
}

.dds-work-type-checkbox.checked[b-9rjbqvoemw]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dds-work-type-checkbox.partial[b-9rjbqvoemw] {
    border-color: rgba(82, 99, 255, 0.2);
    background: rgba(82, 99, 255, 0.2);
}

.dds-work-type-checkbox.partial[b-9rjbqvoemw]::after {
    left: 4px;
    top: 6px;
    width: 8px;
    height: 2px;
    border: 0;
    background: #5263FF;
    transform: none;
}

.dds-work-type-location-text[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.dds-work-type-location-text strong[b-9rjbqvoemw],
.dds-work-type-select-all strong[b-9rjbqvoemw],
.dds-work-type-subcontractor-cell strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-location-text small[b-9rjbqvoemw] {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-location-text strong[b-9rjbqvoemw],
.dds-work-type-location-text small[b-9rjbqvoemw],
.dds-work-type-subcontractor-cell span[b-9rjbqvoemw] {
    overflow-wrap: anywhere;
}

.dds-work-type-subcontractor-cell img[b-9rjbqvoemw] {
    width: 16px;
    height: 16px;
}

.dds-work-type-subcontractor-cell span[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

@media (max-width: 640px) {
    [b-9rjbqvoemw] .dds-change-work-type-popup .wm-popup-modal-content {
        height: calc(100vh - 24px);
    }

    .dds-work-type-table-head[b-9rjbqvoemw],
    .dds-work-type-row[b-9rjbqvoemw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dds-work-type-address-cell[b-9rjbqvoemw] {
        border-right: 0;
    }

    .dds-work-type-subcontractor-cell[b-9rjbqvoemw] {
        padding-top: 0;
    }
}

[b-9rjbqvoemw] .dds-active-locations-popup .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 24px !important;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

[b-9rjbqvoemw] .dds-active-locations-popup .modal-header {
    padding: 24px 28px 16px !important;
    background: #FFFFFF !important;
    border-bottom: none !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .wm-popup-header-subtext {
    max-width: 620px;
    margin: 0 !important;
    color: #64748B !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .modal-header .btn-close {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    opacity: 1 !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .modal-body {
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 0 !important;
    /* Neutralize the global ".new-location .modal-body" 900px/scroll container so the
       body hugs its content and the inner location list is the only scroller (otherwise
       a tall empty gap appears between the list and the footer). */
    max-height: none !important;
    overflow: visible !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .wm-popup-modal-footer {
    gap: 16px !important;
    padding: 20px 28px !important;
    border-top: 1px solid #EEF2F7 !important;
    background: #FFFFFF !important;
}

[b-9rjbqvoemw] .dds-active-locations-popup .wm-popup-modal-footer button {
    min-height: 48px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
}

.dds-confirm-body.dds-active-locations-body[b-9rjbqvoemw] {
    padding: 0;
}

.dds-add-more-search[b-9rjbqvoemw] {
    padding: 0 28px 16px;
    background: #FFFFFF;
}

.dds-add-more-search .search[b-9rjbqvoemw] {
    height: 40px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #D7DEE8;
    border-radius: 10px;
    background: #FFFFFF;
}

.dds-add-more-search .form-control[b-9rjbqvoemw] {
    height: 38px;
    padding: 0 6px;
    border: 0;
    box-shadow: none;
    color: #1E293B;
    font-size: 15px;
}

.dds-active-route-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    max-height: min(488px, calc(100vh - 310px));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
    border-top: 1px solid #E7EDF4;
}

.dds-active-route-item[b-9rjbqvoemw] {
    background: #FFFFFF;
    border-bottom: 1px solid #EEF2F7;
    transition: background 0.15s ease;
}

.dds-active-route-item:nth-child(even)[b-9rjbqvoemw] {
    background: #F8FAFC;
}

.dds-active-route-item:hover[b-9rjbqvoemw],
.dds-active-route-item.selected[b-9rjbqvoemw] {
    background: #F5F7FF;
}

.dds-active-route-row[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 64px;
    background: transparent;
}

.dds-active-route-select[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 12px 8px 12px 28px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.dds-active-route-select strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 21px;
    overflow-wrap: anywhere;
}

.dds-active-route-select small[b-9rjbqvoemw] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-active-route-toggle[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 24px;
    padding: 0;
    border: 1px solid #E2E8F0;
    border-radius: 9px;
    background: #F8FAFC;
    color: #64748B;
}

.dds-active-route-toggle svg[b-9rjbqvoemw] {
    transition: transform 0.15s ease;
}

.dds-active-route-toggle.expanded svg[b-9rjbqvoemw] {
    transform: rotate(180deg);
}

.dds-active-route-addresses[b-9rjbqvoemw] {
    max-height: 220px;
    margin: 0 24px 12px 62px;
    overflow-y: auto;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.dds-active-route-address[b-9rjbqvoemw] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #EEF2F7;
}

.dds-active-route-address:last-child[b-9rjbqvoemw] {
    border-bottom: 0;
}

.dds-active-route-address img[b-9rjbqvoemw] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
}

.dds-active-route-address span[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dds-active-route-address strong[b-9rjbqvoemw],
.dds-active-route-address small[b-9rjbqvoemw] {
    overflow-wrap: anywhere;
}

.dds-active-route-address strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
}

.dds-active-route-address small[b-9rjbqvoemw],
.dds-active-route-address-state[b-9rjbqvoemw] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.dds-active-route-address-state[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 12px;
}

.dds-active-location-picker[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.dds-active-location-head[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    padding: 0 28px;
    background: #F1F5F9;
    border-top: 1px solid #E7EDF4;
    border-bottom: 1px solid #E7EDF4;
}

.dds-active-location-head-title[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.dds-active-location-head-title img[b-9rjbqvoemw] {
    width: 22px;
    height: 22px;
}

.dds-active-location-head-title strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 22px;
}

.dds-active-location-head > span[b-9rjbqvoemw] {
    flex-shrink: 0;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.dds-active-location-list[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    max-height: min(488px, calc(100vh - 310px));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.dds-active-location-list[b-9rjbqvoemw]::-webkit-scrollbar {
    width: 4px;
}

.dds-active-location-list[b-9rjbqvoemw]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #CBD5E1;
}

.dds-active-location-row[b-9rjbqvoemw] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 64px;
    margin: 0;
    padding: 12px 28px;
    border: 0;
    background: #FFFFFF;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.dds-active-location-row:nth-child(even)[b-9rjbqvoemw] {
    background: #F8FAFC;
}

.dds-active-location-row:hover[b-9rjbqvoemw],
.dds-active-location-row.selected[b-9rjbqvoemw] {
    background: #F5F7FF;
}

.dds-active-location-copy[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dds-active-location-row strong[b-9rjbqvoemw] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 21px;
    overflow-wrap: anywhere;
}

.dds-active-location-row small[b-9rjbqvoemw] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-active-location-checkbox[b-9rjbqvoemw] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #DCE2EA;
    border-radius: 8px;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

button.dds-active-location-checkbox[b-9rjbqvoemw] {
    padding: 0;
    cursor: pointer;
}

.dds-active-location-checkbox.checked[b-9rjbqvoemw] {
    border-color: #5263FF;
    background: #5263FF;
}

.dds-active-location-checkbox.checked[b-9rjbqvoemw]::after {
    content: "";
    width: 9px;
    height: 6px;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(-45deg) translate(1px, -1px);
}

.status-badge[b-9rjbqvoemw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
}

.status-badge.completed[b-9rjbqvoemw] {
    color: #338732;
    background: #409B3F1F;
}

.status-badge.planned[b-9rjbqvoemw] {
    color: #363AF5;
    background: #5263FF1F;
}

.status-badge.in-progress[b-9rjbqvoemw] {
    color: #A16207;
    background: #FEF3C7;
}

.status-badge.cancelled[b-9rjbqvoemw] {
    color: #475569;
    background: #E2E8F0;
    border: 1px solid #CBD5E1;
}












































.dispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee.clickable[b-9rjbqvoemw] {
    cursor: pointer;
}

.dispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee span[b-9rjbqvoemw] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}


































.dds-placeholder-box[b-9rjbqvoemw] {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 12px;
    background: #F8FAFC;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}














.timeline-creator[b-9rjbqvoemw] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.timeline-business-pill[b-9rjbqvoemw] {
    max-width: 100%;
    gap: 2px;
    padding: 4px 6px;
    background: rgba(82, 99, 255, 0.12);
    border-radius: 8px;
    color: #363AF5;
}

.timeline-business-pill img[b-9rjbqvoemw] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.timeline-business-pill span[b-9rjbqvoemw] {
    min-width: 0;
    overflow: hidden;
    color: #363AF5;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .dispatchDetailsSlider.right .modal-dialog[b-9rjbqvoemw] {
        max-width: 100%;
    }



    .dds-header-main[b-9rjbqvoemw] {
        align-items: flex-start !important;
    }

    .dds-detail-grid[b-9rjbqvoemw],
    .dds-map-grid[b-9rjbqvoemw] {
        grid-template-columns: 1fr;
    }

    .dds-address-row[b-9rjbqvoemw] {
        align-items: flex-start;
    }
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab[b-9rjbqvoemw] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 0;
    padding-top: 16px;
    overflow: hidden;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs[b-9rjbqvoemw] {
    flex: 0 0 auto;
    border-bottom: 1px #1E293B17 solid;
}

.locationDispatchDetailsSlider.ID-popup .modal-body[b-9rjbqvoemw] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .main-tab[b-9rjbqvoemw] {
    flex: 0 0 auto;
}

.locationDispatchDetailsSlider.ID-popup .modal-body .addresses-tab[b-9rjbqvoemw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-9rjbqvoemw] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #CBD5E1 transparent;
    scrollbar-width: thin;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar {
    width: 6px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar-thumb,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar-thumb,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-9rjbqvoemw]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #CBD5E1;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab[b-9rjbqvoemw] {
    gap: 2px;
    background-color: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 0;
    width: 100%;
    padding: 4px 0 12px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab img[b-9rjbqvoemw] {
    padding-right: 4px;
    height: 18px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab span[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab.active[b-9rjbqvoemw] {
    border-bottom: 2px #5263FF solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab.active span[b-9rjbqvoemw] {
    color: #5263FF;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box[b-9rjbqvoemw] {
    margin-bottom: 32px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box h5[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab h5[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab h5[b-9rjbqvoemw] {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #1E293B;
    margin-bottom: 16px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button[b-9rjbqvoemw] {
    border-radius: 10px;
    padding: 8px 10px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-btn[b-9rjbqvoemw] {
    background-color: #409B3F1F;
    border: 1px transparent solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-btn span[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn span[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn span[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn[b-9rjbqvoemw] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B17 solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn img[b-9rjbqvoemw] {
    height: 18px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn span[b-9rjbqvoemw] {
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn[b-9rjbqvoemw] {
    background-color: #ED40301F;
    border: 1px transparent solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn span[b-9rjbqvoemw] {
    color: #DF2917;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon[b-9rjbqvoemw] {
    min-height: 40px;
    min-width: 40px;
    background-color: #5263FF1F;
    border-radius: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon img[b-9rjbqvoemw] {
    height: 22px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt[b-9rjbqvoemw] {
    font-size: 13px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt p[b-9rjbqvoemw] {
    margin: 0;
    font-weight: 700;
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt span[b-9rjbqvoemw] {
    font-weight: 500;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name[b-9rjbqvoemw] {
    gap: 2px;
    padding: 6px;
    background-color: #5263FF1F;
    border-radius: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name img[b-9rjbqvoemw] {
    height: 16px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name span[b-9rjbqvoemw] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #363AF5;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name p[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-9rjbqvoemw] {
    color: #5263FF;
    text-decoration: underline;
    text-decoration-color: #5263ff5b;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table[b-9rjbqvoemw] {
    border: 1px #1E293B0F solid;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    font-size: 13px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr th[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr th[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr th[b-9rjbqvoemw] {
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    border-bottom: 1px #1E293B0F solid;
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr[b-9rjbqvoemw] {
    background-color: #F1F5F9 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr th:first-child[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr th:first-child[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr th:first-child[b-9rjbqvoemw] {
    border-radius: 12px 0 0 0 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr th:last-child[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr th:last-child[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr th:last-child[b-9rjbqvoemw] {
    border-radius: 0 12px 0 0 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr th img[b-9rjbqvoemw] {
    height: 16px;
    margin-right: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr td[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr td[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr td[b-9rjbqvoemw] {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr:nth-child(odd)[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr:nth-child(odd)[b-9rjbqvoemw],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr:nth-child(odd)[b-9rjbqvoemw] {
    background-color: #F8FAFC;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr td:nth-child(1)[b-9rjbqvoemw] {
    border-right: 1px #1E293B0F solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search[b-9rjbqvoemw] {
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px #1E293B1F solid;
    border-radius: 50px;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search img[b-9rjbqvoemw] {
    height: 16px;
    cursor: pointer;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search input[b-9rjbqvoemw] {
    height: 100%;
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 500;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab div h5[b-9rjbqvoemw] {
    margin-bottom: 0;
}

.own-route-popup .addresses-tab .add-location-txt button.white-btn[b-9rjbqvoemw],

.own-route-popup .addresses-tab .invite-banner[b-9rjbqvoemw],

/* Invoicing box: per-business slice rows (confirmable subs / awaiting roots) */
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row[b-9rjbqvoemw] {
    font-size: 14px;
    color: #14161f;
}
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status[b-9rjbqvoemw] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status.green[b-9rjbqvoemw] {
    color: #2f9e44;
}
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status.red[b-9rjbqvoemw] {
    color: #e03131;
}

/* Addresses view: per-subcontractor confirm-invoicing pill on the group header */
button.confirm-invoicing-btn[b-9rjbqvoemw] {
    border: 1px solid #4263eb;
    color: #4263eb;
    background: #fff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    white-space: nowrap;
}
button.confirm-invoicing-btn:hover[b-9rjbqvoemw] { background: #edf2ff; }
button.confirm-invoicing-btn:disabled[b-9rjbqvoemw] { opacity: .6; }

/* Add-more kind dropdown — mirrors the Opret udkald menu */
.extend-kind-backdrop[b-9rjbqvoemw] {
    position: fixed;
    inset: 0;
    z-index: 1079;
}

.extend-kind-menu[b-9rjbqvoemw] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1080;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #1E293B0F;
    box-shadow: 0 32px 32px -16px #1E293B14;
    padding: 16px;
    width: max-content;
}

.extend-kind-item[b-9rjbqvoemw] {
    height: 36px;
    width: 190px;
    gap: 2px;
    border: none;
    outline: none;
    border-radius: 8px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
}

.extend-kind-item p[b-9rjbqvoemw] {
    color: #fff !important;
    margin: 0;
    padding: 0 4px;
}

.extend-kind-item img[b-9rjbqvoemw] {
    width: 16px;
}

.extend-kind-item:hover[b-9rjbqvoemw] {
    filter: brightness(1.06);
}
/* /Pages/Dispatch/Components/LocationActionModal.razor.rz.scp.css */
.locationActionSlider.right[b-5rquan4w4j] {
    background: rgba(0, 0, 0, 0.34);
}

.locationActionSlider.z-index-lower[b-5rquan4w4j] {
    z-index: 1049 !important;
}

.locationActionSlider.z-index-lower .modal-content[b-5rquan4w4j] {
    filter: brightness(0.96);
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.18);
}

.locationActionSlider.right .modal-dialog[b-5rquan4w4j] {
    position: fixed;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 550px;
    width: min(550px, calc(100vw - 88px));
    z-index: 1;
}

.locationActionSlider.right .modal-content[b-5rquan4w4j] {
    height: 100vh;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
}

.locationActionSlider.right.fade .modal-dialog[b-5rquan4w4j] {
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.locationActionSlider.right.show .modal-dialog[b-5rquan4w4j] {
    transform: translateX(0);
}

.locationActionSlider .modal-header[b-5rquan4w4j] {
    padding: 10px 20px 14px;
    border-bottom: 0;
    flex-shrink: 0;
}

.locationActionSlider .btn-close[b-5rquan4w4j] {
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 12px;
    background-color: #F1F5F9;
    opacity: 1;
}

.lam-header-main[b-5rquan4w4j] {
    min-width: 0;
}

.lam-icon[b-5rquan4w4j] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #EEF0FF;
    flex-shrink: 0;
}

.lam-icon img[b-5rquan4w4j] {
    width: 22px;
    height: 22px;
}

.lam-title[b-5rquan4w4j] {
    margin: 0;
    color: #1E293B;
    font-size: 16px;
    font-weight: 800;
    line-height: 22px;
    letter-spacing: 0;
}

.lam-header-text[b-5rquan4w4j] {
    min-width: 0;
}

.lam-header-text p[b-5rquan4w4j] {
    margin: 2px 0 0;
    color: #64748B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.admin-completed-icon[b-5rquan4w4j] {
    width: 18px;
    height: 18px;
    filter: brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(5500%) hue-rotate(355deg) brightness(97%) contrast(90%);
}

.lam-loading[b-5rquan4w4j] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #0D6EFD;
}

.lam-body[b-5rquan4w4j] {
    flex: 1;
    overflow-y: auto;
    padding: 0 !important;
    background: #FFFFFF;
}

.lam-section[b-5rquan4w4j] {
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
}

.lam-section h6[b-5rquan4w4j] {
    margin: 0 0 12px;
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
}

.lam-section h6 span[b-5rquan4w4j] {
    color: #64748B;
}

.lam-checkin-grid[b-5rquan4w4j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lam-checkin-editor[b-5rquan4w4j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 46px;
    row-gap: 12px;
    align-items: start;
}

.lam-time-field[b-5rquan4w4j] {
    min-width: 0;
}

.lam-time-control[b-5rquan4w4j] {
    min-width: 0;
}

.lam-time-control label[b-5rquan4w4j] {
    display: block;
    margin: 0 0 5px;
    color: #64748B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.lam-checkin-save[b-5rquan4w4j] {
    margin-top: 10px;
    min-width: 58px;
}

.lam-detail-item[b-5rquan4w4j] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.lam-detail-item img[b-5rquan4w4j] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.lam-detail-item p[b-5rquan4w4j] {
    margin: 0 0 2px;
    color: #64748B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.lam-detail-item span[b-5rquan4w4j] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.lam-actions[b-5rquan4w4j] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.lam-action[b-5rquan4w4j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
}

.lam-action:disabled[b-5rquan4w4j] {
    opacity: 0.55;
    cursor: not-allowed;
}

.lam-action img[b-5rquan4w4j] {
    width: 16px;
    height: 16px;
}

.lam-action.complete[b-5rquan4w4j] {
    color: #338732;
    background: #409B3F1F;
}

.lam-action.warning[b-5rquan4w4j] {
    color: #A16207;
    background: #FEF3C7;
}

.lam-action.neutral[b-5rquan4w4j] {
    color: #363AF5;
    background: #5263FF1F;
}

.lam-note-readonly[b-5rquan4w4j] {
    color: #64748B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    white-space: pre-wrap;
}

.lam-note-input[b-5rquan4w4j] {
    font-size: 13px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
}

.lam-note-input:focus[b-5rquan4w4j] {
    border-color: #363AF5;
    box-shadow: 0 0 0 2px #5263FF1F;
}

.lam-theme-input[b-5rquan4w4j] {
    font-size: 13px !important;
    font-weight: 600;
    color: #1E293B;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    background-color: #FFFFFF;
    min-height: 40px;
    padding: 8px 12px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.lam-theme-input:focus[b-5rquan4w4j] {
    border-color: #363AF5 !important;
    box-shadow: 0 0 0 2px #5263FF1F !important;
    outline: none;
}

.lam-theme-input:disabled[b-5rquan4w4j] {
    color: #94A3B8;
    background-color: #F8FAFC;
    cursor: not-allowed;
}

.lam-theme-input.is-invalid[b-5rquan4w4j] {
    border-color: #DC2626 !important;
    box-shadow: 0 0 0 2px #FEE2E2 !important;
}

.lam-date-input[b-5rquan4w4j] {
    width: 100%;
    height: 40px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.lam-date-input[b-5rquan4w4j]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.72;
    align-self: center;
}

.lam-date-input.is-invalid[b-5rquan4w4j] {
    background-image: none !important;
}

.lam-date-time-picker[b-5rquan4w4j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 8px;
    min-width: 0;
}

.lam-date-time-picker[b-5rquan4w4j]  .lam-calendar-input .wm-calendar-input,
.lam-date-time-picker[b-5rquan4w4j]  .lam-clock-input .wm-time-input {
    height: 40px !important;
    min-height: 40px !important;
}

.lam-status-select[b-5rquan4w4j] {
    width: 136px;
    max-width: 46vw;
    padding-right: 32px;
    cursor: pointer;
}

.lam-status-select:disabled[b-5rquan4w4j] {
    cursor: not-allowed;
}

.lam-validation-message[b-5rquan4w4j] {
    margin-top: 8px;
    color: #DC2626;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.lam-image-grid[b-5rquan4w4j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.lam-image-card[b-5rquan4w4j] {
    position: relative;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    overflow: hidden;
    background: #F8FAFC;
}

.lam-image-thumbnail[b-5rquan4w4j] {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    cursor: pointer;
    transition: opacity 0.15s;
}

.lam-image-thumbnail:hover[b-5rquan4w4j] {
    opacity: 0.85;
}

.lam-pdf-thumbnail[b-5rquan4w4j] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: #F8FAFC;
}

.lam-pdf-thumbnail img[b-5rquan4w4j] {
    width: 52px;
    height: 64px;
}

.lam-image-delete[b-5rquan4w4j] {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.lam-image-delete:hover[b-5rquan4w4j] {
    background: #FEE2E2;
}

.lam-map-card[b-5rquan4w4j] {
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.lam-map-card img[b-5rquan4w4j] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
    cursor: pointer;
}

.lam-empty[b-5rquan4w4j] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    border: 1px dashed #CBD5E1;
    border-radius: 8px;
    background: #F8FAFC;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 16px;
}

.status-badge[b-5rquan4w4j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
}

.status-badge.completed[b-5rquan4w4j] {
    color: #338732;
    background: #409B3F1F;
}

.status-badge.in-progress[b-5rquan4w4j] {
    color: #A16207;
    background: #FEF3C7;
}

.status-badge.unable[b-5rquan4w4j] {
    color: #DC2626;
    background: #FEE2E2;
}

.status-badge.removed[b-5rquan4w4j] {
    color: #64748B;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
}

.status-badge.cancelled[b-5rquan4w4j] {
    color: #475569;
    background: #E2E8F0;
}

.status-badge.not-started[b-5rquan4w4j] {
    color: #475569;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
}

[b-5rquan4w4j] .lam-action-confirm-popup {
    z-index: 1070 !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .modal-header {
    min-height: 56px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09) !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .modal-body {
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 0 !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-5rquan4w4j] .lam-action-confirm-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-5rquan4w4j] .lam-action-confirm-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-5rquan4w4j] .lam-action-confirm-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #5263FF;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.lam-popup-confirm-body[b-5rquan4w4j] {
    padding: 20px;
}

.lam-popup-confirm-body p[b-5rquan4w4j] {
    margin: 0;
    color: #475569;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

@media (max-width: 600px) {
    .locationActionSlider.right .modal-dialog[b-5rquan4w4j] {
        max-width: 100%;
    }

    .lam-image-grid[b-5rquan4w4j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lam-checkin-grid[b-5rquan4w4j] {
        grid-template-columns: 1fr;
    }

    .lam-checkin-editor[b-5rquan4w4j] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ─── Linked complaints ─── */
.lam-complaint-card[b-5rquan4w4j] {
    border: 1px solid #F59E0B33;
    background: #FffBEB;
    border-radius: 8px;
    padding: 10px 12px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lam-complaint-card img[b-5rquan4w4j] {
    width: 16px;
}

.lam-complaint-date[b-5rquan4w4j] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
}

.lam-complaint-description[b-5rquan4w4j] {
    font-size: 13px;
    color: #475569;
    white-space: pre-wrap;
}

.lam-complaint-resolved[b-5rquan4w4j] {
    font-size: 11px;
    font-weight: 600;
    color: #16A34A;
    background: #DCFCE7;
    border-radius: 999px;
    padding: 1px 8px;
}

.lam-complaint-card .lam-image-thumbnail[b-5rquan4w4j] {
    width: 100%;
}
/* /Pages/Dispatch/Components/ZoneAddressOverviewPopup.razor.rz.scp.css */
.zoneAddressOverviewPopup .modal-dialog[b-3p50dh0l9w] {
	width: min(560px, calc(100vw - 32px));
	min-width: 0;
	max-width: 560px;
	margin-inline: auto;
}

.zoneAddressOverviewPopup .modal-content[b-3p50dh0l9w] {
	height: min(800px, calc(100dvh - 48px));
	max-height: calc(100dvh - 48px);
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid rgba(30, 41, 59, 0.03);
	border-radius: 20px !important;
	box-shadow:
		0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
		0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
		0 20px 20px -12px rgba(30, 41, 59, 0.03),
		0 32px 32px -16px rgba(30, 41, 59, 0.03);
}

.zoneAddressOverviewPopup .modal-header[b-3p50dh0l9w] {
	flex: 0 0 auto;
	min-height: 56px;
	padding: 16px 60px 16px 20px !important;
	background: #FFFFFF;
	border-bottom: 1px solid rgba(30, 41, 59, 0.09) !important;
}

.zoneAddressOverviewPopup .modal-header .modal-title[b-3p50dh0l9w] {
	margin: 0;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup .modal-header .btn-close[b-3p50dh0l9w] {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	border-radius: 8px;
	background-color: #F8FAFC;
	border: 1px solid rgba(30, 41, 59, 0.06);
	opacity: 1;
}

.zoneAddressOverviewPopup .modal-body[b-3p50dh0l9w] {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none !important;
	padding: 20px !important;
	background-color: #F1F5F9 !important;
	overflow-y: auto;
	scrollbar-gutter: stable;
}

.zoneAddressOverviewPopup .modal-body.has-action-footer[b-3p50dh0l9w] {
	padding-bottom: 20px !important;
}

.zoneAddressOverviewPopup .modal-body .box[b-3p50dh0l9w] {
	width: 100%;
	padding: 20px !important;
	border-radius: 16px !important;
	background-color: #FFFFFF;
	box-shadow: none;
}

.zoneAddressOverviewPopup .modal-body .box h6[b-3p50dh0l9w] {
	margin: 0;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup .box.box1[b-3p50dh0l9w] {
	gap: 12px !important;
}

.zoneAddressOverviewPopup .zao-address-copy[b-3p50dh0l9w] {
	min-width: 0;
	flex: 1 1 250px;
}

.zoneAddressOverviewPopup .box.box1 h5[b-3p50dh0l9w] {
	margin: 0;
	overflow-wrap: anywhere;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup .box.box1 span[b-3p50dh0l9w] {
	display: inline;
	overflow-wrap: anywhere;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	color: #475569 !important;
}

.zoneAddressOverviewPopup .box.box1 span b[b-3p50dh0l9w] {
	font-weight: 700;
	color: #1E293B;
}

.zoneAddressOverviewPopup .box.box1 .bagee[b-3p50dh0l9w] {
	flex: 0 0 auto;
	min-height: 24px;
	padding: 4px 8px;
	border-radius: 8px;
	gap: 3px;
	background-color: rgba(237, 64, 48, 0.12);
}

.zoneAddressOverviewPopup .box.box1 .bagee.green[b-3p50dh0l9w] {
	background-color: rgba(50, 142, 53, 0.12);
}

.zoneAddressOverviewPopup .box.box1 .bagee.light[b-3p50dh0l9w] {
	background-color: rgba(100, 116, 139, 0.12);
}

.zoneAddressOverviewPopup .box.box1 .bagee img[b-3p50dh0l9w] {
	width: 14px;
	height: 14px;
}

.zoneAddressOverviewPopup .box.box1 .bagee span[b-3p50dh0l9w] {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 16px !important;
	color: #DF2917 !important;
}

.zoneAddressOverviewPopup .box.box1 .bagee.green span[b-3p50dh0l9w] {
	color: #328E35 !important;
}

.zoneAddressOverviewPopup .box.box1 .bagee.light span[b-3p50dh0l9w] {
	color: #475569 !important;
}

.zao-box1-map[b-3p50dh0l9w] {
	width: 100%;
	aspect-ratio: 16 / 9;
	max-height: 300px;
	object-fit: cover;
	border-radius: 12px;
	margin-top: 0;
	cursor: pointer;
}

.zoneAddressOverviewPopup .box.box2 .work-type-controls[b-3p50dh0l9w] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px !important;
}

.zoneAddressOverviewPopup .box.box2 .work-type-dropdown[b-3p50dh0l9w] {
	flex: 1 1 auto;
	min-width: 0;
}

.zoneAddressOverviewPopup .box.box2 .change-work-type-btn[b-3p50dh0l9w] {
	flex: 0 0 auto;
	min-height: 40px;
	padding: 8px 16px;
	border: 0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}

.zoneAddressOverviewPopup .box.box3 .main-dateTime[b-3p50dh0l9w] {
	align-items: flex-start !important;
	gap: 12px !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time[b-3p50dh0l9w] {
	flex: 1 1 0;
	min-width: 0;
	margin-top: 20px !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time label[b-3p50dh0l9w],
.zoneAddressOverviewPopup .box.box4 .txt-input label[b-3p50dh0l9w] {
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 16px !important;
	letter-spacing: 0 !important;
	color: #64748B !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .date-time-box[b-3p50dh0l9w] {
	width: 100%;
	min-height: 40px;
	border: 1px solid rgba(30, 41, 59, 0.12) !important;
	border-radius: 8px !important;
	background: #FFFFFF;
	box-shadow: 0 3px 3px -1.5px rgba(30, 41, 59, 0.08);
}

.zoneAddressOverviewPopup .box.box3 .date-time .date-picker[b-3p50dh0l9w] {
	flex: 1 1 58%;
	min-width: 0;
	padding: 8px 10px !important;
	border-right: 1px solid rgba(30, 41, 59, 0.12) !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .time-picker[b-3p50dh0l9w] {
	flex: 0 0 86px;
	min-width: 0;
	padding: 8px 10px !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .time-picker[b-3p50dh0l9w]  .zao-time-picker .wm-time-input {
	height: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
	gap: 6px !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .time-picker[b-3p50dh0l9w]  .zao-time-picker .wm-time-input img {
	width: 18px !important;
	height: 18px !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .time-picker[b-3p50dh0l9w]  .zao-time-picker .wm-time-display {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	color: #1E293B !important;
}

.zao-date-input[b-3p50dh0l9w],
.zao-time-input[b-3p50dh0l9w] {
	border: none;
	outline: none;
	background-color: transparent;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: #1E293B;
	width: 100%;
	min-width: 0;
	padding: 0;
}

.zao-date-input[b-3p50dh0l9w]::-webkit-calendar-picker-indicator,
.zao-time-input[b-3p50dh0l9w]::-webkit-calendar-picker-indicator {
	display: none;
}

.zao-date-input:disabled[b-3p50dh0l9w],
.zao-time-input:disabled[b-3p50dh0l9w] {
	color: #475569;
	opacity: 1;
}

.zoneAddressOverviewPopup .box.box3 .date-time .date-picker[b-3p50dh0l9w]  .zao-date-calendar .wm-calendar-input {
	height: 24px !important;
	min-height: 24px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.zoneAddressOverviewPopup .box.box3 .date-time .date-picker[b-3p50dh0l9w]  .zao-date-calendar .wm-calendar-input-text {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup .box.box4 .txt-input[b-3p50dh0l9w] {
	margin-top: 20px !important;
}

.zoneAddressOverviewPopup .box.box4 .txt-input textarea[b-3p50dh0l9w] {
	min-height: 64px;
	resize: vertical;
	padding: 8px 12px !important;
	border: 1px solid rgba(30, 41, 59, 0.12) !important;
	border-radius: 10px !important;
	background: #FFFFFF;
	box-shadow: 0 3px 3px -1.5px rgba(30, 41, 59, 0.08);
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup .box.box4 .txt-input textarea:disabled[b-3p50dh0l9w] {
	color: #475569 !important;
	opacity: 1;
}

.zoneAddressOverviewPopup .box.box4 .save-note-btn[b-3p50dh0l9w] {
	align-self: flex-end;
	min-width: 96px;
	min-height: 36px;
	margin-top: 8px;
}

.zoneAddressOverviewPopup .box.box4 .add-photo-btn[b-3p50dh0l9w] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
	margin: 20px 0 !important;
	padding: 8px !important;
	border: 1px solid rgba(30, 41, 59, 0.09) !important;
	border-radius: 10px !important;
	background-color: rgba(241, 245, 249, 0.8) !important;
	cursor: pointer;
}

.zoneAddressOverviewPopup .box.box4 .add-photo-btn.disabled[b-3p50dh0l9w] {
	opacity: 0.65;
	cursor: not-allowed;
}

.zoneAddressOverviewPopup .box.box4 .add-photo-btn span[b-3p50dh0l9w] {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}
.zoneAddressOverviewPopup .box.box4 .img-slider[b-3p50dh0l9w] {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides[b-3p50dh0l9w] {
	overflow-x: auto;
	scrollbar-width: none;
	padding: 0 24px;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides[b-3p50dh0l9w]::-webkit-scrollbar {
	display: none;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide[b-3p50dh0l9w] {
	position: relative;
	flex: 0 0 100px;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide > img[b-3p50dh0l9w] {
	width: 100px !important;
	height: 100px !important;
	object-fit: cover;
	border-radius: 8px;
	cursor: pointer;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide .pdf-thumbnail[b-3p50dh0l9w] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	border-radius: 8px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide .pdf-thumbnail img[b-3p50dh0l9w] {
	width: 52px !important;
	height: 64px !important;
	object-fit: contain;
	border-radius: 0;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide .delete-btn[b-3p50dh0l9w] {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(223, 41, 23, 0.92);
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.28);
	cursor: pointer;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .slides .slide .delete-btn img[b-3p50dh0l9w] {
	width: 10px !important;
	height: 10px !important;
	object-fit: contain;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .arrow[b-3p50dh0l9w] {
	position: absolute;
	top: 0;
	z-index: 2;
	width: 20px;
	height: 100%;
	background-color: rgba(241, 245, 249, 0.8);
	cursor: pointer;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .arrow.pre[b-3p50dh0l9w] {
	left: 0;
}

.zoneAddressOverviewPopup .box.box4 .img-slider .arrow.next[b-3p50dh0l9w] {
	right: 0;
}

.zoneAddressOverviewPopup .box.box5 .slider-txt[b-3p50dh0l9w] {
	margin: 20px 0 !important;
}

.zoneAddressOverviewPopup .box.box5 .slider-txt span[b-3p50dh0l9w] {
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	color: #64748B !important;
}

.zoneAddressOverviewPopup .box.box5 .slider-txt p[b-3p50dh0l9w] {
	margin: 0;
	white-space: normal !important;
	overflow-wrap: anywhere;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 22px !important;
	letter-spacing: 0 !important;
	color: #1E293B !important;
}

.zoneAddressOverviewPopup #carouselExampleIndicators[b-3p50dh0l9w] {
	margin-bottom: 12px !important;
}

.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-inner[b-3p50dh0l9w] {
	aspect-ratio: 16 / 10;
	max-height: 360px;
	border-radius: 16px !important;
	background: #E2E8F0;
}

.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-item[b-3p50dh0l9w],
.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-item img[b-3p50dh0l9w] {
	height: 100%;
}

.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-item img[b-3p50dh0l9w] {
	object-fit: cover;
}

.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-inner .badgee[b-3p50dh0l9w] {
	max-width: calc(100% - 72px);
	overflow-x: auto;
	scrollbar-width: none;
}

.zoneAddressOverviewPopup #carouselExampleIndicators .carousel-inner .badgee[b-3p50dh0l9w]::-webkit-scrollbar {
	display: none;
}

.zoneAddressOverviewPopup .color-indicate[b-3p50dh0l9w] {
	flex-wrap: nowrap !important;
	overflow-x: auto;
	padding-bottom: 3px;
	scrollbar-width: thin;
}

.zoneAddressOverviewPopup .color-indicate .color-box[b-3p50dh0l9w] {
	flex: 0 0 auto;
}

.zoneAddressOverviewPopup .modal-body button.cstm-btn[b-3p50dh0l9w] {
	flex: 0 0 auto;
	min-height: 40px;
	padding: 8px !important;
	border: 1px solid rgba(30, 41, 59, 0.09) !important;
	border-radius: 10px !important;
	background: #FFFFFF !important;
	box-shadow: 0 2px 1.5px -0.5px rgba(30, 41, 59, 0.03), inset 0 2px 3px rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(12px);
}

.zoneAddressOverviewPopup .modal-body button.cstm-btn span[b-3p50dh0l9w] {
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
	color: #475569 !important;
}

.zoneAddressOverviewPopup .modal-footer[b-3p50dh0l9w] {
	flex: 0 0 auto;
	min-height: 72px;
	padding: 16px 20px !important;
	gap: 12px !important;
	background: #FFFFFF;
	border-top: 1px solid rgba(30, 41, 59, 0.09);
}

.zoneAddressOverviewPopup .modal-footer .btn[b-3p50dh0l9w] {
	height: 40px;
	border-radius: 10px !important;
	border: 0;
	box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(12px);
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 24px !important;
	letter-spacing: 0 !important;
}

.zoneAddressOverviewPopup .modal-footer .decline-btn[b-3p50dh0l9w] {
	background-color: #DF2917 !important;
	color: #FFFFFF !important;
}

.zoneAddressOverviewPopup .modal-footer .green-btn[b-3p50dh0l9w] {
	background-color: #338732 !important;
	color: #FFFFFF !important;
}

.zao-loading[b-3p50dh0l9w] {
	min-height: 320px;
}

.zao-validation-message[b-3p50dh0l9w] {
	margin-top: 8px;
	font-size: 12px;
	font-weight: 600;
	color: #ED4030;
}

.zao-completion-validation[b-3p50dh0l9w] {
	width: 100%;
	margin-top: 0;
	text-align: center;
}

.zao-upload-progress[b-3p50dh0l9w] {
	font-size: 13px;
	color: #0D6EFD;
}

.zao-confirm-body p[b-3p50dh0l9w] {
	font-size: 14px;
	color: #64748B;
	margin: 0;
}

.zao-delete-attachment-popup[b-3p50dh0l9w] {
	z-index: 1080 !important;
	background: rgba(15, 23, 42, 0.48);
	backdrop-filter: blur(2px);
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .modal-dialog {
	position: relative;
	z-index: 1081;
	min-width: min(480px, calc(100vw - 32px)) !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .wm-popup-modal-content {
	padding: 0 !important;
	border: 1px solid rgba(30, 41, 59, 0.08) !important;
	border-radius: 20px !important;
	background: #FFFFFF !important;
	box-shadow: 0 24px 64px rgba(15, 23, 42, 0.28) !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .modal-header {
	min-height: 64px;
	padding: 16px 20px !important;
	border-bottom: 0 !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .modal-header h5.modal-title {
	margin: 0 !important;
	color: #1E293B !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 24px !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .modal-header .btn-close {
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(30, 41, 59, 0.06) !important;
	border-radius: 8px !important;
	background-color: #F8FAFC !important;
	background-size: 10px !important;
	opacity: 1 !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .modal-body {
	padding: 0 20px 16px !important;
	background: #FFFFFF !important;
	overflow: visible !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .zao-confirm-body p {
	margin: 0;
	color: #64748B;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	overflow-wrap: anywhere;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .wm-popup-modal-footer {
	min-height: 72px;
	padding: 16px 20px !important;
	gap: 12px !important;
	border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
	background: #FFFFFF !important;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .wm-popup-modal-footer button {
	min-height: 40px;
	border: 0;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .wm-popup-modal-footer .btn-wm-primary {
	background: #5263FF;
	color: #FFFFFF;
}

.zao-delete-attachment-popup[b-3p50dh0l9w]  .wm-popup-modal-footer .btn-wm-danger-translucent {
	background: rgba(237, 64, 48, 0.12);
	color: #DF2917;
}

@media (max-width: 640px) {
	.zoneAddressOverviewPopup .modal-dialog[b-3p50dh0l9w] {
		width: calc(100vw - 20px);
	}

	.zoneAddressOverviewPopup .modal-content[b-3p50dh0l9w] {
		max-height: calc(100dvh - 20px);
	}

	.zoneAddressOverviewPopup .modal-body[b-3p50dh0l9w] {
		padding: 14px !important;
	}

	.zoneAddressOverviewPopup .modal-body .box[b-3p50dh0l9w] {
		padding: 16px !important;
		border-radius: 14px !important;
	}

	.zoneAddressOverviewPopup .box.box3 .main-dateTime[b-3p50dh0l9w] {
		flex-direction: column;
	}

	.zoneAddressOverviewPopup .box.box2 .work-type-controls[b-3p50dh0l9w] {
		flex-direction: column;
		align-items: stretch;
	}

	.zoneAddressOverviewPopup .box.box2 .change-work-type-btn[b-3p50dh0l9w] {
		width: 100%;
	}

	.zoneAddressOverviewPopup .box.box3 .date-time[b-3p50dh0l9w] {
		width: 100%;
	}

	.zoneAddressOverviewPopup .modal-footer[b-3p50dh0l9w] {
		padding: 12px 14px !important;
	}
}
/* /Pages/Dispatch/Components/ZoneDispatchDetailsSlider.razor.rz.scp.css */
/* Follows FIGMA_HTML_References dispatch.html/style.css: right-side ID-popup details model. */
.dispatchDetailsSlider.right .modal-dialog[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-dialog[b-fe8pzca53p] {
    position: fixed !important;
    margin: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    min-width: 740px;
    max-width: 912px;
    width: min(912px, calc(100vw - 126px));
}

.dispatchDetailsSlider.z-index-lower[b-fe8pzca53p] {
    z-index: 1049 !important;
}

.dispatchDetailsSlider.z-index-lower .modal-content[b-fe8pzca53p] {
    filter: brightness(0.96);
    box-shadow: -18px 0 46px rgba(15, 23, 42, 0.18);
}

.dds-add-location-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 360px;
    overflow-y: auto;
}

.dds-add-location-row[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    cursor: pointer;
}

.dds-add-location-row span[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dds-add-location-row strong[b-fe8pzca53p],
.dds-add-location-row small[b-fe8pzca53p] {
    overflow-wrap: anywhere;
}

.dds-add-location-row small[b-fe8pzca53p] {
    color: #64748B;
}

.dispatchDetailsSlider.right .modal-content[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-content[b-fe8pzca53p] {
    height: 100vh;
    border-radius: 0;
    border: none;
    display: flex;
    flex-direction: column;
}

.dispatchDetailsSlider.right.fade .modal-dialog[b-fe8pzca53p] {
    transform: translateX(100%) !important;
    transition: transform 0.3s ease-out !important;
}

.dispatchDetailsSlider.right.show .modal-dialog[b-fe8pzca53p] {
    transform: translateX(0) !important;
}

.dispatchDetailsSlider .modal-header[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-header[b-fe8pzca53p] {
    padding: 16px 24px;
    border: none;
    flex-shrink: 0;
}

.dispatchDetailsSlider .btn-close[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .btn-close[b-fe8pzca53p] {
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 10px;
    background-color: #F1F5F9CC;
    opacity: 1;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .icon-image[b-fe8pzca53p] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background-color: #5263FF1F !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .icon-image img[b-fe8pzca53p] {
    width: 22px;
    height: 22px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .modal-title[b-fe8pzca53p] {
    margin: 0;
    color: #1E293B;
    font-size: 24px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .txt p[b-fe8pzca53p] {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .txt img[b-fe8pzca53p] {
    height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .txt span[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #64748B;
}

.dds-header-main[b-fe8pzca53p] {
    min-width: 0;
}

.dds-icon[b-fe8pzca53p] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #EEF0FF;
    flex-shrink: 0;
}

.dds-icon img[b-fe8pzca53p] {
    width: 22px;
    height: 22px;
}

.dds-title[b-fe8pzca53p] {
    margin: 0;
    color: #1E293B;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0;
}

.dds-header-text[b-fe8pzca53p] {
    min-width: 0;
}

.dds-header-text p[b-fe8pzca53p],
.dds-header-date[b-fe8pzca53p] {
    margin: 2px 0 0;
    color: #64748B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.dds-header-date img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-tabs[b-fe8pzca53p],
.dds-sub-tabs[b-fe8pzca53p] {
    display: flex;
    gap: 6px;
    padding: 6px;
    background: #F1F5F9CC;
    border: 1px solid #1E293B08;
    flex-shrink: 0;
}

.dds-tabs[b-fe8pzca53p] {
    margin: 8px 20px 10px;
    border-radius: 16px;
}

.dds-sub-tabs[b-fe8pzca53p] {
    margin: 0 20px 12px;
    border-radius: 14px;
    overflow-x: auto;
}

.dds-tabs button[b-fe8pzca53p],
.dds-sub-tabs button[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 36px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.dds-tabs button[b-fe8pzca53p] {
    width: 100%;
}

.dds-sub-tabs button[b-fe8pzca53p] {
    min-width: 104px;
    padding: 7px 10px;
}

.dds-tabs button.active[b-fe8pzca53p],
.dds-sub-tabs button.active[b-fe8pzca53p] {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%);
    border-color: #1E293B0F;
    color: #1E293B;
    box-shadow: 0 4px 10px #1E293B0F;
}

.dds-tabs img[b-fe8pzca53p],
.dds-sub-tabs img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-sub-tabs em[b-fe8pzca53p] {
    min-width: 20px;
    min-height: 20px;
    border-radius: 10px;
    background: #E2E8F0;
    color: #475569;
    font-style: normal;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.dds-sub-tabs button.active em[b-fe8pzca53p] {
    background: #5263FF1F;
    color: #363AF5;
}

.dds-body[b-fe8pzca53p] {
    flex: 1;
    overflow-y: auto;
    padding: 0 !important;
    background: #FFFFFF;
}

.addresses-tab[b-fe8pzca53p] {
    padding: 0 20px 24px;
}

.dds-loading[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: #0D6EFD;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body[b-fe8pzca53p] {
    flex: 1;
    padding: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    background: #FFFFFF;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .main-tab[b-fe8pzca53p] {
    padding: 0 24px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs[b-fe8pzca53p] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B08 solid;
    border-radius: 16px;
    padding: 6px;
    gap: 6px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button[b-fe8pzca53p] {
    gap: 2px;
    border: 1px transparent solid;
    outline: none;
    border-radius: 10px;
    padding: 6px;
    background-color: transparent;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button.active[b-fe8pzca53p] {
    background-color: #FFFFFF;
    box-shadow: 0 3px 3px -1.5px #1E293B08;
    border-color: #1E293B1F;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button img[b-fe8pzca53p] {
    height: 18px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button.active span[b-fe8pzca53p] {
    color: #1E293B;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .addresses-tab[b-fe8pzca53p] {
    padding: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs[b-fe8pzca53p] {
    border-bottom: 1px #1E293B17 solid;
    gap: 0 !important;
    margin-top: 16px !important;
    overflow-x: auto;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button[b-fe8pzca53p] {
    background-color: transparent;
    border: none;
    outline: none;
    border-radius: 0;
    padding: 4px 5px 12px 5px;
    min-width: 123px;
    width: 123px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button.active[b-fe8pzca53p] {
    border-bottom: 2px #5263FF solid;
    background: transparent;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button p[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button span[b-fe8pzca53p] {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .title-line[b-fe8pzca53p] {
    padding: 8px 24px;
    margin: 0 !important;
    border-bottom: 1px #1E293B17 solid;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .title-line div p[b-fe8pzca53p] {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .title-line button.add-more-btn[b-fe8pzca53p] {
    height: 32px;
    padding: 4px 8px;
    background-color: #5263FF1F;
    border-radius: 8px;
    border: none;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #363AF5;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .title-line button.expand-btn[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #5263FF;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: underline;
    text-decoration-color: #9CB6FF;
    text-decoration-thickness: 1.5px;
    text-underline-offset: 3px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data.open[b-fe8pzca53p] {
    max-height: none;
    overflow: visible;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .arrow[b-fe8pzca53p] {
    border: none;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #5263FF;
    text-decoration: underline;
    text-decoration-color: #5263ff5b;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.own-route-popup .addresses-tab .all-multi-tab-second[b-fe8pzca53p] {
    display: block;
}

.own-route-popup .addresses-tab .error-top-line[b-fe8pzca53p] {
    padding: 8px 24px;
    background-color: #ED40301F;
}

.own-route-popup .addresses-tab .error-top-line div img[b-fe8pzca53p] {
    height: 20px;
}

.own-route-popup .addresses-tab .error-top-line div p[b-fe8pzca53p] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #DF2917;
}

.own-route-popup .addresses-tab .error-top-line button.assign-btn[b-fe8pzca53p] {
    background-color: #DF2917;
    border: 1px #1E293B17 solid;
    border-radius: 8px;
    outline: none;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
    padding: 8px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
}

.own-route-popup .addresses-tab .add-location-txt[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .add-location-txt[b-fe8pzca53p] {
    background-color: #F8FAFC;
    border-bottom: 1px #1E293B0F solid;
    padding: 16px 24px;
}

.own-route-popup .addresses-tab .add-location-txt div p[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .add-location-txt div p[b-fe8pzca53p] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #475569;
}

.own-route-popup .addresses-tab .add-location-txt div span[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .add-location-txt div span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    color: #64748B;
}

.own-route-popup .addresses-tab .add-location-txt button.add-locations[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .add-location-txt button.add-locations[b-fe8pzca53p] {
    background-color: #5263FF;
    padding: 8px 12px;
    border: 1px #1E293B17 solid;
    border-radius: 8px;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #FFFFFF;
    white-space: nowrap;
}

.own-route-popup .addresses-tab .pannel[b-fe8pzca53p] {
    padding: 12px 24px;
    border-bottom: 1px #1E293B17 solid;
}

.own-route-popup .addresses-tab .pannel:hover[b-fe8pzca53p] {
    background-color: #5263FF1F;
    cursor: pointer;
}

.own-route-popup .addresses-tab .pannel img.drag-icon[b-fe8pzca53p] {
    height: 20px;
    cursor: grab;
}

.own-route-popup .addresses-tab .pannel.is-dragging[b-fe8pzca53p] {
    opacity: 0.5;
}

.own-route-popup .addresses-tab .pannel.is-drop-target[b-fe8pzca53p] {
    background-color: #5263FF1F;
    box-shadow: inset 0 -2px 0 0 #5263FF;
}

.own-route-popup .addresses-tab .pannel .txt img[b-fe8pzca53p] {
    height: 20px;
}

.own-route-popup .addresses-tab .pannel .txt p[b-fe8pzca53p] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
    color: #1E293B;
}

.own-route-popup .addresses-tab .pannel .txt span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    color: #475569;
}

.own-route-popup .addresses-tab .pannel .images img[b-fe8pzca53p] {
    height: 20px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee[b-fe8pzca53p] {
    padding: 4px 6px;
    border-radius: 8px;
    gap: 2px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee img[b-fe8pzca53p] {
    height: 14px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee p[b-fe8pzca53p] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    padding: 0 2px;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.blue[b-fe8pzca53p] {
    background-color: #5263FF1F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.blue p[b-fe8pzca53p] {
    color: #363AF5;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.green[b-fe8pzca53p] {
    background-color: #409B3F1F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.green p[b-fe8pzca53p] {
    color: #338732;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.red[b-fe8pzca53p] {
    background-color: #ED40301F;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.red p[b-fe8pzca53p] {
    color: #DF2917;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.gray[b-fe8pzca53p] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B08 solid;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.gray p[b-fe8pzca53p] {
    color: #1E293B;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.white[b-fe8pzca53p] {
    background-color: #FFFFFF;
    border: 1px #1E293B17 solid;
    box-shadow: 0 2px 1.5px -0.5px #1E293B08;
}

.own-route-popup .addresses-tab .pannel .all-bagees .bagee.white p[b-fe8pzca53p] {
    color: #475569;
}

.dds-section[b-fe8pzca53p] {
    padding: 16px 24px;
    border-top: 1px solid #F1F5F9;
}

.dds-section h6[b-fe8pzca53p] {
    margin: 0 0 12px;
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
}

.dds-section h6 span[b-fe8pzca53p] {
    color: #64748B;
}

.dds-section-title-row[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.dds-section-title-row p[b-fe8pzca53p] {
    margin: 0 0 2px;
    color: #64748B;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

/* Figma: status tabs are plain underline tabs; counts are plain colored text (no pill). */
.multi-tabs[b-fe8pzca53p] {
    overflow-x: auto;
}

.multi-tabs button[b-fe8pzca53p] {
    background: transparent;
    border: none;
    color: #475569;
    white-space: nowrap;
}

.multi-tabs button p[b-fe8pzca53p] {
    margin: 0;
}

.multi-tabs button span[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #64748B;
    padding: 0 0 0 4px;
}

.multi-tabs button.active span[b-fe8pzca53p] {
    color: #5263FF;
}

.id-cstn-accordian .accordion-item[b-fe8pzca53p] {
    overflow: visible;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    background: #FFFFFF;
}

.id-cstn-accordian .accordion-header[b-fe8pzca53p] {
    margin: 0;
}

.id-cstn-accordian .accordion-button[b-fe8pzca53p] {
    min-height: 60px;
    border-radius: 12px !important;
    background: #FFFFFF;
    color: #1E293B;
    padding: 12px 16px;
    box-shadow: none;
}

.id-cstn-accordian .accordion-button:not(.collapsed)[b-fe8pzca53p] {
    color: #1E293B;
    background: #FFFFFF;
    box-shadow: inset 0 -1px 0 #F1F5F9;
}

.id-cstn-accordian .accordion-button[b-fe8pzca53p]::after {
    width: 14px;
    height: 14px;
    background-size: 14px;
}

.id-cstn-accordian .accordion-body[b-fe8pzca53p] {
    padding: 12px !important;
    background: #FFFFFF;
    border-radius: 0 0 12px 12px;
}

.id-cstn-accordian .progress[b-fe8pzca53p] {
    overflow: hidden;
    border-radius: 999px;
    background: #E2E8F0;
}

.dds-actions[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.dds-action[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 700;
}

.dds-action:disabled[b-fe8pzca53p] {
    opacity: 0.55;
    cursor: not-allowed;
}

.dds-action img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-action.complete[b-fe8pzca53p] {
    color: #338732;
    background: #409B3F1F;
}

.dds-action.neutral[b-fe8pzca53p] {
    color: #1E293B;
    background: #F1F5F9;
}

.dds-action.danger[b-fe8pzca53p] {
    color: #DC2626;
    background: #FEE2E2;
}

.dds-action-message[b-fe8pzca53p] {
    margin: 8px 0 12px;
    padding: 10px 12px;
    border: 1px solid #BFDBFE;
    border-radius: 8px;
    background: #EFF6FF;
    color: #1D4ED8;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}

.dds-detail-grid[b-fe8pzca53p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.dds-detail-item[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.dds-detail-item img[b-fe8pzca53p] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.dds-detail-item p[b-fe8pzca53p] {
    margin: 0 0 2px;
    color: #64748B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.dds-detail-item span[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-chip-list[b-fe8pzca53p],
.dds-address-list[b-fe8pzca53p],
.dds-settings-list[b-fe8pzca53p],
.dds-file-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dds-chip-list[b-fe8pzca53p],
.dds-file-list[b-fe8pzca53p] {
    flex-direction: row;
    flex-wrap: wrap;
}

.dds-chip[b-fe8pzca53p],
.dds-file-pill[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #5263FF1F;
    color: #363AF5;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-decoration: none;
}

.dds-chip.warning[b-fe8pzca53p] {
    background: #FEE2E2;
    color: #DC2626;
}

.dds-chip img[b-fe8pzca53p],
.dds-file-pill img[b-fe8pzca53p] {
    width: 14px;
    height: 14px;
}

.dds-address-row[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.dds-address-main[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.dds-address-index[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #F1F5F9;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
    flex-shrink: 0;
}

.dds-address-title[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dds-address-title strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-address-line[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2px;
}

.dds-address-meta[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.dds-meta-pill[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    background: #FFFFFF;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.dds-meta-pill.danger[b-fe8pzca53p] {
    border-color: #FCA5A5;
    background: #FFF1F2;
    color: #EF4444;
}

.dds-driver-pill[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #E2E8F0;
    border-radius: 7px;
    background: #FFFFFF;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
}

.dds-driver-pill img[b-fe8pzca53p] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
}

.dds-driver-action[b-fe8pzca53p] {
    cursor: pointer;
}

.dds-driver-action:hover[b-fe8pzca53p],
.dds-driver-action:focus-visible[b-fe8pzca53p] {
    filter: brightness(0.98);
    box-shadow: 0 0 0 2px #FCA5A533;
}

.dds-driver-location-list[b-fe8pzca53p],
.dds-invite-driver-list[b-fe8pzca53p],
.dds-driver-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dds-driver-location-card[b-fe8pzca53p] {
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 12px;
}

.dds-driver-location-head[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.dds-driver-location-head > div[b-fe8pzca53p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dds-driver-location-head strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-driver-location-head span[b-fe8pzca53p],
.dds-driver-empty[b-fe8pzca53p],
.dds-invite-driver-contact span[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.dds-driver-empty[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    color: #EF4444;
    font-weight: 700;
}

.dds-driver-empty img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-driver-row[b-fe8pzca53p],
/* Segmented accept/deny answer control: equal halves joined in the middle, green
   accept with rounded left, red deny with rounded right; once answered, the
   unselected half fades so the recorded answer stands out. */
.dds-driver-answer[b-fe8pzca53p] {
    display: inline-flex;
    align-items: stretch;
}

.dds-driver-answer button[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 30px;
    padding: 6px 10px;
    border: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    white-space: nowrap;
}

.dds-driver-answer button.accept[b-fe8pzca53p] {
    background: #409B3F;
    border-radius: 8px 0 0 8px;
}

.dds-driver-answer button.deny[b-fe8pzca53p] {
    background: #DF2917;
    border-radius: 0 8px 8px 0;
}

.dds-driver-answer.answered button:not(.selected)[b-fe8pzca53p] {
    opacity: 0.5;
}

.dds-driver-toggle.gray[b-fe8pzca53p] {
    background: #F1F5F9;
    color: #475569;
}

.dds-invite-driver-row[b-fe8pzca53p] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    padding: 8px 10px;
    border: 1px solid #E2E8F0;
    border-radius: 9px;
    background: #F8FAFC;
}

.dds-driver-row > img[b-fe8pzca53p],
.dds-invite-driver-row > img[b-fe8pzca53p] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    background: #E2E8F0;
}

.dds-driver-row div[b-fe8pzca53p],
.dds-invite-driver-name[b-fe8pzca53p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.dds-driver-row strong[b-fe8pzca53p],
.dds-invite-driver-name strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
    overflow-wrap: anywhere;
}

.dds-driver-row .dds-driver-name-line[b-fe8pzca53p] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.dds-driver-row .dds-driver-business[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    width: fit-content;
    padding: 2px 7px;
    border-radius: 999px;
    background: #EEF2FF;
    color: #363AF5;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
}

.dds-driver-business img[b-fe8pzca53p] {
    width: 12px;
    height: 12px;
}

.dds-driver-row span[b-fe8pzca53p],
.dds-invite-driver-name span[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow-wrap: anywhere;
}

.dds-driver-remove[b-fe8pzca53p],
.dds-driver-toggle[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    border: none;
    border-radius: 8px;
    padding: 6px 10px;
    background: #5263FF1F;
    color: #363AF5;
    font-size: 12px;
    font-weight: 800;
}

.dds-driver-toggle.remove[b-fe8pzca53p] {
    background: #FEE2E2;
    color: #DC2626;
}

.dds-driver-remove[b-fe8pzca53p] {
    width: 30px;
    padding: 0;
    background: #FEE2E2;
}

.dds-driver-remove img[b-fe8pzca53p] {
    width: 14px;
    height: 14px;
}

.dds-driver-popup-search span[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.dds-location-notes[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: 8px;
    color: #475569;
    font-size: 12px;
    line-height: 18px;
}

.dds-location-notes p[b-fe8pzca53p] {
    margin: 0;
}

.dds-row-actions[b-fe8pzca53p] {
    position: relative;
    flex-shrink: 0;
    z-index: 2;
}

.dds-kebab[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

.dds-kebab:hover[b-fe8pzca53p],
.dds-kebab:focus-visible[b-fe8pzca53p] {
    background: #F1F5F9;
}

.dds-kebab img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-location-menu[b-fe8pzca53p] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 50;
    min-width: 190px;
    padding: 6px;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0 12px 32px rgba(30, 41, 59, 0.14);
}

.dds-location-menu button[b-fe8pzca53p] {
    width: 100%;
    border: none;
    border-radius: 8px;
    background: transparent;
    padding: 8px;
    text-align: left;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
}

.dds-location-menu button:hover[b-fe8pzca53p] {
    background: #F1F5F9;
}

.dds-location-menu button.danger[b-fe8pzca53p] {
    color: #DC2626;
}

.dds-settings-list div[b-fe8pzca53p] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #F8FAFC;
    color: #475569;
    font-size: 13px;
}

.dds-table-wrap[b-fe8pzca53p] {
    overflow-x: auto;
}

.dds-table-wrap table[b-fe8pzca53p] {
    width: 100%;
    border-collapse: collapse;
    color: #1E293B;
    font-size: 13px;
}

.dds-table-wrap th[b-fe8pzca53p],
.dds-table-wrap td[b-fe8pzca53p] {
    padding: 10px 12px;
    border-bottom: 1px solid #E2E8F0;
    text-align: left;
}

.dds-table-wrap th[b-fe8pzca53p] {
    color: #64748B;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.dds-map-grid[b-fe8pzca53p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dds-map-card[b-fe8pzca53p] {
    overflow: hidden;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #FFFFFF;
}

.dds-map-card img[b-fe8pzca53p] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    display: block;
}

.dds-map-card div[b-fe8pzca53p] {
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dds-map-card strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
}

.dds-map-card span[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
}

.dds-empty[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    border: 1px dashed #CBD5E1;
    border-radius: 8px;
    background: #F8FAFC;
    color: #64748B;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 16px;
}

.dds-empty.compact[b-fe8pzca53p] {
    min-height: 56px;
}

/* ---- Worked-time box: "00:01 - 04:00" on the left, "3H 59M" on the right ---- */
.worked-time-box[b-fe8pzca53p] {
    padding: 6px 10px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F8FAFC;
    white-space: nowrap;
}

.worked-time-box .worked-time-range[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #64748B;
}

.worked-time-box .worked-time-total[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #0F172A;
}

.dds-worked-time-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
}

.dds-worked-time-row strong[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    color: #0F172A;
}

.dds-empty.tall[b-fe8pzca53p] {
    min-height: 280px;
    flex-direction: column;
    gap: 6px;
}

.dds-empty.tall h6[b-fe8pzca53p],
.dds-empty.tall p[b-fe8pzca53p] {
    margin: 0;
}

.dds-empty.tall p[b-fe8pzca53p] {
    max-width: 420px;
    font-weight: 600;
    line-height: 20px;
}

.dds-confirm-body[b-fe8pzca53p] {
    padding: 0 20px 16px;
}

.dds-confirm-body p[b-fe8pzca53p] {
    margin: 0 0 12px;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
}

.dds-confirm-context[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 8px;
    background: #F8FAFC;
    color: #1E293B;
    font-size: 13px;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .modal-header {
    min-height: 80px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 0 !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-header-section {
    gap: 4px;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-header-subtext {
    margin: 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .modal-body {
    display: none !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-fe8pzca53p] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #338732;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .modal-header {
    min-height: 80px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 0 !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-header-section {
    gap: 4px;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-header-subtext {
    margin: 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .modal-body {
    display: none !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-modal-footer .btn-wm-danger-translucent {
    border: none;
    background: rgba(237, 64, 48, 0.12);
    color: #DF2917;
}

[b-fe8pzca53p] .dds-cancel-dispatch-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #5263FF;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

[b-fe8pzca53p] .dds-change-work-type-popup .modal-dialog {
    min-width: min(560px, calc(100vw - 32px)) !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-content {
    height: min(780px, calc(100vh - 32px));
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .modal-header {
    min-height: 56px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09) !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .modal-body {
    flex: 1;
    min-height: 0;
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 0 !important;
    overflow: hidden !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #5263FF;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.dds-work-type-body[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
}

.dds-work-type-warning[b-fe8pzca53p] {
    margin: 0;
    color: #475569;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.dds-work-type-field[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
}

.dds-work-type-field span[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-field select[b-fe8pzca53p] {
    min-height: 40px;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 10px;
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
}

.dds-work-type-table[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid rgba(30, 41, 59, 0.06);
    border-radius: 16px;
    background: #F8FAFC;
    overflow: hidden;
}

.dds-work-type-table-head[b-fe8pzca53p],
.dds-work-type-row[b-fe8pzca53p] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 200px;
}

.dds-work-type-table-head[b-fe8pzca53p] {
    min-height: 44px;
    background: #F1F5F9;
}

.dds-work-type-table-body[b-fe8pzca53p] {
    overflow-y: auto;
}

.dds-work-type-row[b-fe8pzca53p] {
    min-height: 56px;
    background: #FFFFFF;
}

.dds-work-type-row:nth-child(even)[b-fe8pzca53p] {
    background: #F8FAFC;
}

.dds-work-type-address-cell[b-fe8pzca53p],
.dds-work-type-subcontractor-cell[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 8px 16px;
}

.dds-work-type-table-head .dds-work-type-address-cell[b-fe8pzca53p],
.dds-work-type-table-head .dds-work-type-subcontractor-cell[b-fe8pzca53p] {
    align-items: center;
    padding: 12px 16px;
}

.dds-work-type-address-cell[b-fe8pzca53p] {
    border-right: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-table-head .dds-work-type-address-cell[b-fe8pzca53p] {
    border-bottom: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-table-head .dds-work-type-subcontractor-cell[b-fe8pzca53p] {
    border-bottom: 1px solid rgba(30, 41, 59, 0.06);
}

.dds-work-type-address-cell input[b-fe8pzca53p] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dds-work-type-checkbox[b-fe8pzca53p] {
    position: relative;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex: 0 0 18px;
    border: 2px solid rgba(30, 41, 59, 0.12);
    border-radius: 6px;
    background: linear-gradient(180deg, #F1F5F9 0%, #FFFFFF 100%);
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.dds-work-type-checkbox.checked[b-fe8pzca53p] {
    border-color: #5263FF;
    background: #5263FF;
}

.dds-work-type-checkbox.checked[b-fe8pzca53p]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 2px;
    width: 6px;
    height: 9px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.dds-work-type-checkbox.partial[b-fe8pzca53p] {
    border-color: rgba(82, 99, 255, 0.2);
    background: rgba(82, 99, 255, 0.2);
}

.dds-work-type-checkbox.partial[b-fe8pzca53p]::after {
    left: 4px;
    top: 6px;
    width: 8px;
    height: 2px;
    border: 0;
    background: #5263FF;
    transform: none;
}

.dds-work-type-location-text[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}

.dds-work-type-location-text strong[b-fe8pzca53p],
.dds-work-type-select-all strong[b-fe8pzca53p],
.dds-work-type-subcontractor-cell strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-location-text small[b-fe8pzca53p] {
    color: #475569;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dds-work-type-location-text strong[b-fe8pzca53p],
.dds-work-type-location-text small[b-fe8pzca53p],
.dds-work-type-subcontractor-cell span[b-fe8pzca53p] {
    overflow-wrap: anywhere;
}

.dds-work-type-subcontractor-cell img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.dds-work-type-subcontractor-cell span[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

@media (max-width: 640px) {
    [b-fe8pzca53p] .dds-change-work-type-popup .wm-popup-modal-content {
        height: calc(100vh - 24px);
    }

    .dds-work-type-table-head[b-fe8pzca53p],
    .dds-work-type-row[b-fe8pzca53p] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dds-work-type-address-cell[b-fe8pzca53p] {
        border-right: 0;
    }

    .dds-work-type-subcontractor-cell[b-fe8pzca53p] {
        padding-top: 0;
    }
}

[b-fe8pzca53p] .dds-active-locations-popup .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 24px !important;
    background: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);
}

[b-fe8pzca53p] .dds-active-locations-popup .modal-header {
    padding: 24px 28px 16px !important;
    background: #FFFFFF !important;
    border-bottom: none !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 26px !important;
    letter-spacing: 0 !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .wm-popup-header-subtext {
    max-width: 620px;
    margin: 0 !important;
    color: #64748B !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .modal-header .btn-close {
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    opacity: 1 !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .modal-body {
    padding: 0 !important;
    background: #FFFFFF !important;
    border-top: 0 !important;
    /* Neutralize the global ".new-location .modal-body" 900px/scroll container so the
       body hugs its content and the inner location list is the only scroller (otherwise
       a tall empty gap appears between the list and the footer). */
    max-height: none !important;
    overflow: visible !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .wm-popup-modal-footer {
    gap: 16px !important;
    padding: 20px 28px !important;
    border-top: 1px solid #EEF2F7 !important;
    background: #FFFFFF !important;
}

[b-fe8pzca53p] .dds-active-locations-popup .wm-popup-modal-footer button {
    min-height: 48px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
}

.dds-confirm-body.dds-active-locations-body[b-fe8pzca53p] {
    padding: 0;
}

.dds-add-more-search[b-fe8pzca53p] {
    padding: 0 28px 16px;
    background: #FFFFFF;
}

.dds-add-more-search .search[b-fe8pzca53p] {
    height: 40px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #D7DEE8;
    border-radius: 10px;
    background: #FFFFFF;
}

.dds-add-more-search .form-control[b-fe8pzca53p] {
    height: 38px;
    padding: 0 6px;
    border: 0;
    box-shadow: none;
    color: #1E293B;
    font-size: 15px;
}

.dds-active-route-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    max-height: min(488px, calc(100vh - 310px));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
    border-top: 1px solid #E7EDF4;
}

.dds-active-route-item[b-fe8pzca53p] {
    background: #FFFFFF;
    border-bottom: 1px solid #EEF2F7;
    transition: background 0.15s ease;
}

.dds-active-route-item:nth-child(even)[b-fe8pzca53p] {
    background: #F8FAFC;
}

.dds-active-route-item:hover[b-fe8pzca53p],
.dds-active-route-item.selected[b-fe8pzca53p] {
    background: #F5F7FF;
}

.dds-active-route-row[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 64px;
    background: transparent;
}

.dds-active-route-select[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    min-height: 64px;
    margin: 0;
    padding: 12px 8px 12px 28px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

.dds-active-route-select strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 21px;
    overflow-wrap: anywhere;
}

.dds-active-route-select small[b-fe8pzca53p] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-active-route-toggle[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-right: 24px;
    padding: 0;
    border: 1px solid #E2E8F0;
    border-radius: 9px;
    background: #F8FAFC;
    color: #64748B;
}

.dds-active-route-toggle svg[b-fe8pzca53p] {
    transition: transform 0.15s ease;
}

.dds-active-route-toggle.expanded svg[b-fe8pzca53p] {
    transform: rotate(180deg);
}

.dds-active-route-addresses[b-fe8pzca53p] {
    max-height: 220px;
    margin: 0 24px 12px 62px;
    overflow-y: auto;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    background: #FFFFFF;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.dds-active-route-address[b-fe8pzca53p] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 10px 12px;
    border-bottom: 1px solid #EEF2F7;
}

.dds-active-route-address:last-child[b-fe8pzca53p] {
    border-bottom: 0;
}

.dds-active-route-address img[b-fe8pzca53p] {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
}

.dds-active-route-address span[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.dds-active-route-address strong[b-fe8pzca53p],
.dds-active-route-address small[b-fe8pzca53p] {
    overflow-wrap: anywhere;
}

.dds-active-route-address strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 13px;
    font-weight: 700;
    line-height: 19px;
}

.dds-active-route-address small[b-fe8pzca53p],
.dds-active-route-address-state[b-fe8pzca53p] {
    color: #64748B;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.dds-active-route-address-state[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 12px;
}

.dds-active-location-picker[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
}

.dds-active-location-head[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 56px;
    padding: 0 28px;
    background: #F1F5F9;
    border-top: 1px solid #E7EDF4;
    border-bottom: 1px solid #E7EDF4;
}

.dds-active-location-head-title[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.dds-active-location-head-title img[b-fe8pzca53p] {
    width: 22px;
    height: 22px;
}

.dds-active-location-head-title strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 22px;
}

.dds-active-location-head > span[b-fe8pzca53p] {
    flex-shrink: 0;
    color: #64748B;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.dds-active-location-list[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    max-height: min(488px, calc(100vh - 310px));
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #CBD5E1 transparent;
}

.dds-active-location-list[b-fe8pzca53p]::-webkit-scrollbar {
    width: 4px;
}

.dds-active-location-list[b-fe8pzca53p]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #CBD5E1;
}

.dds-active-location-row[b-fe8pzca53p] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 64px;
    margin: 0;
    padding: 12px 28px;
    border: 0;
    background: #FFFFFF;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease;
}

.dds-active-location-row:nth-child(even)[b-fe8pzca53p] {
    background: #F8FAFC;
}

.dds-active-location-row:hover[b-fe8pzca53p],
.dds-active-location-row.selected[b-fe8pzca53p] {
    background: #F5F7FF;
}

.dds-active-location-copy[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dds-active-location-row strong[b-fe8pzca53p] {
    color: #1E293B;
    font-size: 15px;
    font-weight: 800;
    line-height: 21px;
    overflow-wrap: anywhere;
}

.dds-active-location-row small[b-fe8pzca53p] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.dds-active-location-checkbox[b-fe8pzca53p] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #DCE2EA;
    border-radius: 8px;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

button.dds-active-location-checkbox[b-fe8pzca53p] {
    padding: 0;
    cursor: pointer;
}

.dds-active-location-checkbox.checked[b-fe8pzca53p] {
    border-color: #5263FF;
    background: #5263FF;
}

.dds-active-location-checkbox.checked[b-fe8pzca53p]::after {
    content: "";
    width: 9px;
    height: 6px;
    border-left: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(-45deg) translate(1px, -1px);
}

.status-badge[b-fe8pzca53p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap;
}

.status-badge.completed[b-fe8pzca53p] {
    color: #338732;
    background: #409B3F1F;
}

.status-badge.planned[b-fe8pzca53p] {
    color: #363AF5;
    background: #5263FF1F;
}

.status-badge.in-progress[b-fe8pzca53p] {
    color: #A16207;
    background: #FEF3C7;
}

.status-badge.cancelled[b-fe8pzca53p] {
    color: #475569;
    background: #E2E8F0;
    border: 1px solid #CBD5E1;
}

/* Zone dispatch right slider: Figma all-tabs-open state. */
.zoneDispatchDetailsSlider.ID-popup .modal-dialog[b-fe8pzca53p] {
    width: 740px;
    min-width: 740px;
    max-width: 740px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header[b-fe8pzca53p] {
    min-height: 116px;
    padding: 24px 24px 16px;
    border-bottom: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header > .d-flex:first-child[b-fe8pzca53p] {
    width: 100%;
    min-width: 0;
    gap: 16px !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .icon-image[b-fe8pzca53p] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 10px;
    background: rgba(82, 99, 255, 0.12) !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .icon-image img[b-fe8pzca53p] {
    width: 28px;
    height: 28px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .modal-title[b-fe8pzca53p] {
    font-size: 22px;
    line-height: 28px;
    font-weight: 800;
    letter-spacing: -1px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .txt p[b-fe8pzca53p] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #475569;
}

.zoneDispatchDetailsSlider.ID-popup .modal-header .btn-close[b-fe8pzca53p] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(30, 41, 59, 0.06);
    border-radius: 10px;
    background-color: rgba(241, 245, 249, 0.8);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .main-tab[b-fe8pzca53p] {
    flex: 0 0 80px;
    padding: 0 24px 16px;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs[b-fe8pzca53p] {
    width: 100%;
    height: 48px;
    padding: 6px;
    gap: 6px;
    border: 1px solid rgba(30, 41, 59, 0.03);
    border-radius: 16px;
    background: rgba(241, 245, 249, 0.8);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button[b-fe8pzca53p] {
    height: 36px;
    padding: 4px 10px;
    border-radius: 10px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .tabs button.active[b-fe8pzca53p] {
    border-color: transparent;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .addresses-tab[b-fe8pzca53p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .addresses-tab[b-fe8pzca53p]::-webkit-scrollbar {
    display: none;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs[b-fe8pzca53p] {
    height: 40px;
    margin-top: 0 !important;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
    overflow-x: hidden;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button[b-fe8pzca53p] {
    flex: 1 1 0;
    width: auto;
    min-width: 0;
    height: 40px;
    padding: 0 0 8px;
    gap: 2px !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button img[b-fe8pzca53p] {
    width: 18px;
    height: 18px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button p[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button.active p[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .multi-tabs button.active span[b-fe8pzca53p] {
    color: #363AF5;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .title-line[b-fe8pzca53p] {
    min-height: 48px;
    padding: 12px 24px;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .all-multi-tab[b-fe8pzca53p] {
    display: flex;
    flex-direction: column;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian[b-fe8pzca53p] {
    margin: 0 !important;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title[b-fe8pzca53p] {
    min-height: 64px;
    padding: 16px 24px;
    gap: 24px !important;
    background: #FFFFFF;
    border-bottom: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title[b-fe8pzca53p] {
    min-height: 84px;
    padding: 16px 24px;
    background: #F8FAFC;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .left-title[b-fe8pzca53p] {
    flex: 1 1 296px;
    min-width: 0;
    gap: 12px !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .left-title .icon[b-fe8pzca53p] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 6px;
    background: rgba(82, 99, 255, 0.12);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .left-title .icon img[b-fe8pzca53p] {
    width: 20px;
    height: 20px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .left-title p[b-fe8pzca53p] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    color: #475569;
}

/* Subcontractor rows use the smaller business-name typography from the design. */
.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .img-txt p[b-fe8pzca53p] {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--gray-txt, #475569);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .img-txt img[b-fe8pzca53p] {
    height: 20px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .img-txt img.alert-icon[b-fe8pzca53p] {
    height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .v-line[b-fe8pzca53p] {
    width: 4px;
    height: 52px;
    flex: 0 0 4px;
    border-radius: 50px;
    background-color: var(--purple, #5263FF);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .bagee[b-fe8pzca53p] {
    width: fit-content;
    padding: 4px 6px;
    border-radius: 8px;
    background-color: #06B1F11F;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .bagee span[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #0071A7;
    white-space: nowrap;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .left-title .bagee img[b-fe8pzca53p] {
    height: 14px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title[b-fe8pzca53p] {
    flex: 0 0 180px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card[b-fe8pzca53p] {
    width: 156px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card .progress-header[b-fe8pzca53p] {
    margin-bottom: 6px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card span[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card span.percent.yellow[b-fe8pzca53p] {
    color: #B47500;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card span.percent.green[b-fe8pzca53p] {
    color: #409B3F;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card .progress-bar[b-fe8pzca53p] {
    width: 156px;
    height: 12px;
    border-radius: 999px;
    background: #E2E8F0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card .progress-bar .progress-fill[b-fe8pzca53p] {
    height: 12px;
    border-radius: 999px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card .progress-bar .progress-fill.yellow[b-fe8pzca53p] {
    background: #FFC30A;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .center-title .progress-card .progress-bar .progress-fill.green[b-fe8pzca53p] {
    background: #409B3F;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title[b-fe8pzca53p] {
    flex: 0 0 168px;
    gap: 8px !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee[b-fe8pzca53p] {
    min-width: 40px;
    height: 24px;
    padding: 4px 6px;
    border-radius: 8px;
    gap: 2px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee.red[b-fe8pzca53p] {
    background: rgba(237, 64, 48, 0.12);
    color: #DF2917;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee.green[b-fe8pzca53p] {
    background: rgba(64, 155, 63, 0.12);
    color: #338732;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee.dark[b-fe8pzca53p] {
    border: 1px solid rgba(30, 41, 59, 0.03);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee.clickable[b-fe8pzca53p] {
    cursor: pointer;
}

.dispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee span[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .bagee img[b-fe8pzca53p] {
    width: 14px;
    height: 14px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .arrow[b-fe8pzca53p] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 8px;
    background: rgba(82, 99, 255, 0.12);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-title .right-title .arrow[b-fe8pzca53p] {
    background: transparent;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .arrow img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-title .right-title .arrow img.rotate[b-fe8pzca53p] {
    transform: rotate(180deg);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data[b-fe8pzca53p] {
    max-height: 0;
    overflow: hidden;
    background: #F1F5F9;
    transition: max-height 0.3s ease;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .icon-txt[b-fe8pzca53p] {
    min-height: 32px;
    padding: 8px 24px 8px 36px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .icon-txt img[b-fe8pzca53p] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .icon-txt span[b-fe8pzca53p] {
    color: var(--orange, #DF2917);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name[b-fe8pzca53p] {
    min-height: 64px;
    padding: 12px 24px 12px 44px;
    border-top: 1px solid rgba(30, 41, 59, 0.06);
    border-bottom: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name .v-line[b-fe8pzca53p] {
    width: 4px;
    min-height: 40px;
    border-radius: 999px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name .v-line.red[b-fe8pzca53p] {
    background: #ED4030;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .address-name .v-line.p-trans[b-fe8pzca53p] {
    background: rgba(82, 99, 255, 0.2);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name:hover[b-fe8pzca53p] {
    background: linear-gradient(0deg, rgba(82, 99, 255, 0.12), rgba(82, 99, 255, 0.12)), #F8FAFC;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name div img[b-fe8pzca53p] {
    height: 20px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name div p[b-fe8pzca53p] {
    margin: 0;
    max-width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--dark-txt, #1E293B);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .address-name div span[b-fe8pzca53p] {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt, #475569);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data[b-fe8pzca53p] {
    flex: 0 0 auto;
    min-width: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn[b-fe8pzca53p] {
    flex: 0 0 auto;
    min-width: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn > div:not(.txt)[b-fe8pzca53p] {
    width: 164px;
    padding: 8px;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 3px 3px -1.5px rgba(30, 41, 59, 0.03);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn select[b-fe8pzca53p] {
    width: 100%;
    padding: 0 22px 0 2px;
    border: none;
    outline: none;
    appearance: none;
    background-color: transparent;
    background-image: url("../img/icons/gray-arrow.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 18px;
    color: #1E293B;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn button[b-fe8pzca53p] {
    min-height: 32px;
    padding: 8px 12px;
    border: none;
    border-radius: 8px;
    background: #5263FF;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    white-space: nowrap;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn button.white-btn[b-fe8pzca53p] {
    border: 1px solid rgba(30, 41, 59, 0.09);
    background: #FFFFFF;
    color: #475569;
    box-shadow: 0 2px 1.5px -0.5px rgba(30, 41, 59, 0.03);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn .txt[b-fe8pzca53p] {
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    text-align: end;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn .txt p[b-fe8pzca53p] {
    margin: 0;
    color: #1E293B;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian .cstm-data .select-btn .txt span[b-fe8pzca53p] {
    color: #475569;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.s-btn[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn[b-fe8pzca53p] {
    height: 24px;
    min-height: 24px;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.s-btn[b-fe8pzca53p] {
    border: none;
    background: rgba(82, 99, 255, 0.12);
    color: #363AF5;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.s-btn.light-btn[b-fe8pzca53p] {
    border: 1px solid rgba(30, 41, 59, 0.09);
    background: #FFFFFF;
    color: #475569;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn[b-fe8pzca53p] {
    border: none;
    gap: 2px;
    white-space: nowrap;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn span[b-fe8pzca53p] {
    white-space: nowrap;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn img[b-fe8pzca53p] {
    width: 14px;
    height: 14px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.green[b-fe8pzca53p] {
    background: rgba(64, 155, 63, 0.12);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.green span[b-fe8pzca53p] {
    color: #338732;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.red[b-fe8pzca53p] {
    background: rgba(237, 64, 48, 0.12);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.red span[b-fe8pzca53p] {
    color: #DF2917;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.light[b-fe8pzca53p] {
    border: 1px solid rgba(30, 41, 59, 0.03);
    background: rgba(241, 245, 249, 0.8);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .id-cstn-accordian.sub-accordian .cstm-data .right-sub-data button.time-date-btn.light span[b-fe8pzca53p] {
    color: #1E293B;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-fe8pzca53p] {
    display: block;
    padding: 24px !important;
}

.dds-placeholder-box[b-fe8pzca53p] {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 12px;
    background: #F8FAFC;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-header[b-fe8pzca53p] {
    gap: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab h5[b-fe8pzca53p] {
    margin: 0;
    color: #1E293B;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search[b-fe8pzca53p] {
    width: min(346px, 50%);
    min-width: 220px;
    height: 32px;
    padding: 8px;
    background: #FFFFFF;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 50px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03);
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search img[b-fe8pzca53p] {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search input[b-fe8pzca53p] {
    width: 100%;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    color: #1E293B;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table[b-fe8pzca53p] {
    table-layout: fixed;
    overflow: hidden;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table th[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table td[b-fe8pzca53p] {
    vertical-align: top;
    overflow-wrap: anywhere;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table th:nth-child(1)[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table td:nth-child(1)[b-fe8pzca53p] {
    width: 33%;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table th:nth-child(2)[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table td:nth-child(2)[b-fe8pzca53p] {
    width: 34%;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table th:nth-child(3)[b-fe8pzca53p],
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table td:nth-child(3)[b-fe8pzca53p] {
    width: 33%;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table tr.title-tr[b-fe8pzca53p] {
    background: #F1F5F9 !important;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table tr:nth-child(odd):not(.title-tr)[b-fe8pzca53p] {
    background: #F8FAFC;
}

.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-table tr:nth-child(even):not(.title-tr)[b-fe8pzca53p] {
    background: #FFFFFF;
}

.timeline-creator[b-fe8pzca53p] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.timeline-business-pill[b-fe8pzca53p] {
    max-width: 100%;
    gap: 2px;
    padding: 4px 6px;
    background: rgba(82, 99, 255, 0.12);
    border-radius: 8px;
    color: #363AF5;
}

.timeline-business-pill img[b-fe8pzca53p] {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.timeline-business-pill span[b-fe8pzca53p] {
    min-width: 0;
    overflow: hidden;
    color: #363AF5;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .dispatchDetailsSlider.right .modal-dialog[b-fe8pzca53p] {
        max-width: 100%;
    }

    .zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .timeline-header[b-fe8pzca53p] {
        align-items: stretch !important;
        flex-direction: column;
    }

    .zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search[b-fe8pzca53p] {
        width: 100%;
        min-width: 0;
    }

    .dds-header-main[b-fe8pzca53p] {
        align-items: flex-start !important;
    }

    .dds-detail-grid[b-fe8pzca53p],
    .dds-map-grid[b-fe8pzca53p] {
        grid-template-columns: 1fr;
    }

    .dds-address-row[b-fe8pzca53p] {
        align-items: flex-start;
    }
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab[b-fe8pzca53p] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 0;
    padding-top: 16px;
    overflow: hidden;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs[b-fe8pzca53p] {
    flex: 0 0 auto;
    border-bottom: 1px #1E293B17 solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-fe8pzca53p] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #CBD5E1 transparent;
    scrollbar-width: thin;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-fe8pzca53p]::-webkit-scrollbar,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-fe8pzca53p]::-webkit-scrollbar,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-fe8pzca53p]::-webkit-scrollbar {
    width: 6px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab[b-fe8pzca53p]::-webkit-scrollbar-thumb,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab[b-fe8pzca53p]::-webkit-scrollbar-thumb,
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab[b-fe8pzca53p]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #CBD5E1;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab[b-fe8pzca53p] {
    gap: 2px;
    background-color: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 0;
    width: 100%;
    padding: 4px 0 12px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab img[b-fe8pzca53p] {
    padding-right: 4px;
    height: 18px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab.active[b-fe8pzca53p] {
    border-bottom: 2px #5263FF solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .details-multi-tabs .tab.active span[b-fe8pzca53p] {
    color: #5263FF;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box[b-fe8pzca53p] {
    margin-bottom: 32px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box h5[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab h5[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab h5[b-fe8pzca53p] {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #1E293B;
    margin-bottom: 16px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button[b-fe8pzca53p] {
    border-radius: 10px;
    padding: 8px 10px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-btn[b-fe8pzca53p] {
    background-color: #409B3F1F;
    border: 1px transparent solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-btn span[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn span[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn span[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn[b-fe8pzca53p] {
    background-color: #F1F5F9CC;
    border: 1px #1E293B17 solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn img[b-fe8pzca53p] {
    height: 18px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.change-work-btn span[b-fe8pzca53p] {
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn[b-fe8pzca53p] {
    background-color: #ED40301F;
    border: 1px transparent solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .three-btn button.cancel-dispatch-btn span[b-fe8pzca53p] {
    color: #DF2917;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon[b-fe8pzca53p] {
    min-height: 40px;
    min-width: 40px;
    background-color: #5263FF1F;
    border-radius: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon img[b-fe8pzca53p] {
    height: 22px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt[b-fe8pzca53p] {
    font-size: 13px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt p[b-fe8pzca53p] {
    margin: 0;
    font-weight: 700;
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-2 .row .icon-txt span[b-fe8pzca53p] {
    font-weight: 500;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name[b-fe8pzca53p] {
    gap: 2px;
    padding: 6px;
    background-color: #5263FF1F;
    border-radius: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name img[b-fe8pzca53p] {
    height: 16px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-3 .selected .name span[b-fe8pzca53p] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #363AF5;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name p[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-4 .file-name a[b-fe8pzca53p] {
    color: #5263FF;
    text-decoration: underline;
    text-decoration-color: #5263ff5b;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table[b-fe8pzca53p] {
    border: 1px #1E293B0F solid;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    font-size: 13px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr th[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr th[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr th[b-fe8pzca53p] {
    padding: 12px 16px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    border-bottom: 1px #1E293B0F solid;
    color: #1E293B;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr[b-fe8pzca53p] {
    background-color: #F1F5F9 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr th:first-child[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr th:first-child[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr th:first-child[b-fe8pzca53p] {
    border-radius: 12px 0 0 0 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr.title-tr th:last-child[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr.title-tr th:last-child[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr.title-tr th:last-child[b-fe8pzca53p] {
    border-radius: 0 12px 0 0 !important;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr th img[b-fe8pzca53p] {
    height: 16px;
    margin-right: 8px;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr td[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr td[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr td[b-fe8pzca53p] {
    padding: 8px 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    color: #475569;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr:nth-child(odd)[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .admin-phonecall-multi-tab table tr:nth-child(odd)[b-fe8pzca53p],
.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab table tr:nth-child(odd)[b-fe8pzca53p] {
    background-color: #F8FAFC;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box-5 table tbody tr td:nth-child(1)[b-fe8pzca53p] {
    border-right: 1px #1E293B0F solid;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search[b-fe8pzca53p] {
    padding: 8px;
    background-color: #FFFFFF;
    border: 1px #1E293B1F solid;
    border-radius: 50px;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search img[b-fe8pzca53p] {
    height: 16px;
    cursor: pointer;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab .search input[b-fe8pzca53p] {
    height: 100%;
    border: none;
    outline: none;
    font-size: 13px;
    font-weight: 500;
}

.dispatchDetailsSlider.ID-popup .modal-body .details-tab .timeline-multi-tab div h5[b-fe8pzca53p] {
    margin-bottom: 0;
}

.own-route-popup .addresses-tab .add-location-txt button.white-btn[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .add-location-txt button.white-btn[b-fe8pzca53p] {
    background-color: #FFFFFF;
    padding: 8px 12px;
    border: 1px #1E293B17 solid;
    border-radius: 8px;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0;
    color: #475569;
    white-space: nowrap;
}

.own-route-popup .addresses-tab .invite-banner[b-fe8pzca53p],
.zoneDispatchDetailsSlider .addresses-tab .invite-banner[b-fe8pzca53p] {
    border: 1px #1E293B0F solid;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* Invoicing box: per-business slice rows (confirmable subs / awaiting roots) */
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row[b-fe8pzca53p] {
    font-size: 14px;
    color: #14161f;
}
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status[b-fe8pzca53p] {
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status.green[b-fe8pzca53p] {
    color: #2f9e44;
}
.zoneDispatchDetailsSlider.ID-popup .modal-body .details-tab .overview-multi-tab .box .invoicing-slice-row .slice-status.red[b-fe8pzca53p] {
    color: #e03131;
}

/* Addresses view: per-subcontractor confirm-invoicing pill on the group header */
button.confirm-invoicing-btn[b-fe8pzca53p] {
    border: 1px solid #4263eb;
    color: #4263eb;
    background: #fff;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    white-space: nowrap;
}
button.confirm-invoicing-btn:hover[b-fe8pzca53p] { background: #edf2ff; }
button.confirm-invoicing-btn:disabled[b-fe8pzca53p] { opacity: .6; }

/* Add-more kind dropdown — mirrors the Opret udkald menu */
.extend-kind-backdrop[b-fe8pzca53p] {
    position: fixed;
    inset: 0;
    z-index: 1079;
}

.extend-kind-menu[b-fe8pzca53p] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1080;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #1E293B0F;
    box-shadow: 0 32px 32px -16px #1E293B14;
    padding: 16px;
    width: max-content;
}

.extend-kind-item[b-fe8pzca53p] {
    height: 36px;
    width: 190px;
    gap: 2px;
    border: none;
    outline: none;
    border-radius: 8px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
}

.extend-kind-item p[b-fe8pzca53p] {
    color: #fff !important;
    margin: 0;
    padding: 0 4px;
}

.extend-kind-item img[b-fe8pzca53p] {
    width: 16px;
}

.extend-kind-item:hover[b-fe8pzca53p] {
    filter: brightness(1.06);
}
/* /Pages/Dispatch/Dispatch.razor.rz.scp.css */
/* ---- Sort menu ---- */
.sort-item[b-tguc0lkzmc] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    cursor: pointer;
}

.sort-item:hover[b-tguc0lkzmc] {
    background: #F1F5F9;
}

/* ---- Active filter badge on Filters button ---- */
.dispatch .main-content .data-left-right .main-table .table-title .close-txt[b-tguc0lkzmc] {
    border: none;
}

/* .dispatch-filter-select button {
    position: relative;
} */

.dispatch-filter-select .filter-dot[b-tguc0lkzmc] {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #5263FF;
}

/* ---- Dispatch list surface ---- */
/* No extra top padding: the shared .data-left-right rule already insets the card
   24px below the title bar, same as every other list page. (An extra 40px here
   used to make room for the since-removed Group/Own tab strip.) */

.dispatch .main-content .data-left-right .dispatch-tab-btn[b-tguc0lkzmc] {
    border-radius: 16px;
}

.dispatch .main-content .data-left-right .main-table.dispatch-own-main-table[b-tguc0lkzmc] {
    margin-top: 24px;
    border-radius: 20px;
    overflow-x: auto;
}

.dispatch .main-content .data-left-right .main-table .dispatch-table-title[b-tguc0lkzmc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
}

.dispatch .main-content .data-left-right .main-table .dispatch-list-heading h5[b-tguc0lkzmc] {
    margin: 0;
    color: #475569;
}

.dispatch .main-content .data-left-right .main-table .dispatch-list-toolbar[b-tguc0lkzmc] {
    width: 100%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-list-actions[b-tguc0lkzmc] {
    margin-left: auto;
}



.dispatch .main-content .data-left-right .main-table .custom-select[b-tguc0lkzmc] {
    width: 112px;
}

.dispatch .main-content .data-left-right .main-table .custom-select button[b-tguc0lkzmc] {
    min-height: 40px;
    padding-left: 36px;
    padding-right: 30px;
    background-color: #F8FAFC;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
}

/* .dispatch .main-content .data-left-right .main-table .dispatch-filter-select::before {
    opacity: 0.28;
} */

.dispatch .main-content .data-left-right .dispatch-group-btn-tab .main-table[b-tguc0lkzmc] {
    overflow-x: auto;
    scrollbar-width: thin;
}

.dispatch .main-content .data-left-right .main-table .dispatch-table[b-tguc0lkzmc] {
    table-layout: fixed;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table[b-tguc0lkzmc] {
    /* min-width: 1240px; */
    min-width: 1120px;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table th:nth-child(1)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-group-table td:nth-child(1)[b-tguc0lkzmc] {
    width: 28%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table th:nth-child(2)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-group-table td:nth-child(2)[b-tguc0lkzmc] {
    width: 22%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table th:nth-child(3)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-group-table td:nth-child(3)[b-tguc0lkzmc] {
    width: 20%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table th:nth-child(4)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-group-table td:nth-child(4)[b-tguc0lkzmc] {
    width: 12%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table th:nth-child(5)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-group-table td:nth-child(5)[b-tguc0lkzmc] {
    width: 18%;
}

/* Keep badges inside their fixed-width cells: truncate instead of overlapping neighbours. */
.dispatch .main-content .data-left-right .main-table .dispatch-table td .job-details-badgee[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-table td .type-badgee[b-tguc0lkzmc] {
    max-width: 100%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-table td .job-details-badgee p[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-table td .type-badgee p[b-tguc0lkzmc] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dispatch .main-content .data-left-right .main-table .dispatch-group-table .dispatch-row-actions[b-tguc0lkzmc] {
    min-width: 0;
    flex-wrap: wrap;
}

.dispatch .main-content .data-left-right .main-table .dispatch-table th[b-tguc0lkzmc] {
    text-transform: none;
}

.dispatch .main-content .data-left-right .main-table .dispatch-table td[b-tguc0lkzmc] {
    vertical-align: middle;
}

.dispatch .main-content .data-left-right .main-table .dispatch-row-actions[b-tguc0lkzmc] {
    min-width: 280px;
    white-space: nowrap;
}

.dispatch .main-content .data-left-right .main-table .mark-complete-btn[b-tguc0lkzmc] {
    min-height: 40px;
    padding: 8px 16px;
    border: none;
    border-radius: 8px;
    background: #2F8F3A;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    box-shadow: 0 1px 2px #1E293B14;
}

.dispatch .main-content .data-left-right .main-table .mark-complete-btn:hover:not(:disabled)[b-tguc0lkzmc] {
    background: #277A31;
}

.dispatch .main-content .data-left-right .main-table .mark-complete-btn:disabled[b-tguc0lkzmc] {
    cursor: not-allowed;
    opacity: 0.7;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .modal-dialog {
    min-width: min(480px, calc(100vw - 32px)) !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-modal-content {
    padding: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.03) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    box-shadow:
        0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03) !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .modal-header {
    min-height: 80px;
    padding: 16px 20px !important;
    align-items: flex-end !important;
    border-bottom: 0 !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-header-section {
    gap: 4px;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .modal-header h5.modal-title {
    margin: 0 !important;
    color: #1E293B !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-header-subtext {
    margin: 0 !important;
    color: #64748B !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .modal-header .btn-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    border: 1px solid rgba(30, 41, 59, 0.06) !important;
    border-radius: 8px !important;
    background-color: rgba(241, 245, 249, 0.8) !important;
    opacity: 1 !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .modal-body {
    display: none !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-modal-footer {
    min-height: 72px;
    padding: 16px 20px !important;
    gap: 12px !important;
    border-top: 1px solid rgba(30, 41, 59, 0.09) !important;
    background: #FFFFFF !important;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-modal-footer button {
    min-height: 40px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-secondary {
    border: 1px solid rgba(30, 41, 59, 0.06);
    background: rgba(241, 245, 249, 0.8);
    color: #1E293B;
}

[b-tguc0lkzmc] .dds-complete-dispatch-popup .wm-popup-modal-footer .btn-wm-primary {
    border: none;
    background: #338732;
    color: #FFFFFF;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table[b-tguc0lkzmc] {
    min-width: 1120px;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table th:nth-child(1)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table td:nth-child(1)[b-tguc0lkzmc] {
    width: 32%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table th:nth-child(2)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table td:nth-child(2)[b-tguc0lkzmc] {
    width: 27%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table th:nth-child(3)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table td:nth-child(3)[b-tguc0lkzmc] {
    width: 20%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table th:nth-child(4)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table td:nth-child(4)[b-tguc0lkzmc] {
    width: 11%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table th:nth-child(5)[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table td:nth-child(5)[b-tguc0lkzmc] {
    width: 10%;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table tr td[b-tguc0lkzmc] {
    height: 112px;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table .job-details[b-tguc0lkzmc],
.dispatch .main-content .data-left-right .main-table .dispatch-own-table .type[b-tguc0lkzmc] {
    align-items: center;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table .job-details-badgee[b-tguc0lkzmc] {
    margin-bottom: 0;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table .type-badgee[b-tguc0lkzmc] {
    margin-bottom: 0;
}

.dispatch .main-content .data-left-right .main-table .dispatch-own-table .status-badge[b-tguc0lkzmc] {
    min-width: 88px;
    border-radius: 8px;
}

@media (max-width: 768px) {
    .dispatch .main-content .data-left-right .main-table .dispatch-table-title[b-tguc0lkzmc] {
        gap: 12px;
    }

    .dispatch .main-content .data-left-right .main-table .dispatch-list-toolbar[b-tguc0lkzmc],
    .dispatch .main-content .data-left-right .main-table .dispatch-list-actions[b-tguc0lkzmc] {
        align-items: stretch !important;
        width: 100%;
    }

    
}

/* ---- Dispatch errors dropdown style overrides ---- */
.top-errors-container[b-tguc0lkzmc] {
    background-color: #ED40301F;
    /* No bottom margin: .data-left-right's own 24px top padding is the standard
       title-to-card gap on every list page. */
    margin: 0;
}

.top-errors-container .top-errors[b-tguc0lkzmc] {
    margin: 0;
}

.top-errors button.dropdown-toggle[b-tguc0lkzmc] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.top-errors button.dropdown-toggle:hover[b-tguc0lkzmc],
.top-errors button.dropdown-toggle:focus[b-tguc0lkzmc],
.top-errors button.dropdown-toggle:active[b-tguc0lkzmc] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.dispatch-errors-arrow[b-tguc0lkzmc] {
    transition: transform 0.15s ease;
}

.top-errors-container.expanded .dispatch-errors-arrow[b-tguc0lkzmc] {
    transform: rotate(180deg);
}

/* Menu items list styles */
.top-errors-menu[b-tguc0lkzmc] {
    border-top: 1px solid rgba(237, 64, 48, 0.2);
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-errors-menu li[b-tguc0lkzmc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 64px;
}

@media (max-width:768px) {
    .top-errors-menu li[b-tguc0lkzmc] {
        padding: 8px 20px;
    }
}

.top-errors-menu li div span[b-tguc0lkzmc] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #DF2917; /* --orange */
}

.top-errors-menu li button[b-tguc0lkzmc] {
    padding: 8px 12px;
    background-color: #DF2917; /* --orange */
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    border: none;
    outline: none;
    border-radius: 8px;
}

.status-badge[b-tguc0lkzmc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0;
    white-space: nowrap;
}

.status-badge.completed[b-tguc0lkzmc] {
    color: #338732;
    background: #409B3F1F;
}

.status-badge.planned[b-tguc0lkzmc] {
    color: #363AF5;
    background: #5263FF1F;
}

.status-badge.in-progress[b-tguc0lkzmc] {
    color: #A16207;
    background: #FEF3C7;
}

.status-badge.cancelled[b-tguc0lkzmc] {
    color: #475569;
    background: #E2E8F0;
    border: 1px solid #CBD5E1;
}

/* ================================================================
   #filter-dispatches  –  Figma design
   ================================================================ */

#filter-dispatches[b-tguc0lkzmc] {
    z-index: 1070;
}

/* Right-anchored panel, vertically centred */
#filter-dispatches .modal-right[b-tguc0lkzmc] {
    position: fixed;
    right: 20px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 360px;
    width: 360px;
}

#filter-dispatches .modal-content[b-tguc0lkzmc] {
    padding: 0 !important;
    border-radius: 16px;
    overflow: hidden;
}

#filter-dispatches .modal-header[b-tguc0lkzmc] {
    padding: 8px 16px;
    border-bottom: 1px #dee2e6 solid !important;
}

#filter-dispatches .modal-header h6[b-tguc0lkzmc] {
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #1E293B;
}

/* ---- Section labels ---- */
#filter-dispatches .modal-body .status label[b-tguc0lkzmc],
#filter-dispatches .modal-body .dispatch-type-filter label[b-tguc0lkzmc],
#filter-dispatches .modal-body .date label[b-tguc0lkzmc],
#filter-dispatches .modal-body .dispatch-by label[b-tguc0lkzmc],
#filter-dispatches .modal-body .errors label[b-tguc0lkzmc] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #475569;
}

/* ---- Chip tokens (selected / not-selected) ---- */
#filter-dispatches .modal-body .status .selected[b-tguc0lkzmc],
#filter-dispatches .modal-body .dispatch-type-filter .selected[b-tguc0lkzmc],
#filter-dispatches .modal-body .errors .selected[b-tguc0lkzmc] {
    background-color: #5263FF1F;
    padding: 8px;
    gap: 2px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #363AF5;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

#filter-dispatches .modal-body .status .selected.not[b-tguc0lkzmc],
#filter-dispatches .modal-body .dispatch-type-filter .selected.not[b-tguc0lkzmc],
#filter-dispatches .modal-body .errors .selected.not[b-tguc0lkzmc] {
    background-color: #F1F5F9CC;
    color: #1E293B;
}

#filter-dispatches .modal-body .status .selected:hover[b-tguc0lkzmc],
#filter-dispatches .modal-body .dispatch-type-filter .selected:hover[b-tguc0lkzmc],
#filter-dispatches .modal-body .errors .selected:hover[b-tguc0lkzmc] {
    filter: brightness(0.97);
}

/* Figma hover popover for truncated dispatched routes/zones/addresses. */
.dispatch-item-info[b-tguc0lkzmc] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    cursor: help;
    outline: none;
}

.dispatch-item-info > img[b-tguc0lkzmc] {
    width: 18px;
    height: 18px;
}

.dispatch-item-popover[b-tguc0lkzmc] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 14px);
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 260px;
    max-width: 320px;
    padding: 20px 22px;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14);
    color: #64748B;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 6px);
    transition: opacity 0.14s ease, transform 0.14s ease;
    white-space: normal;
}

.dispatch-item-popover[b-tguc0lkzmc]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-right: 1px solid #E2E8F0;
    border-bottom: 1px solid #E2E8F0;
    transform: translateX(-50%) rotate(45deg);
}

.dispatch-item-popover strong[b-tguc0lkzmc] {
    margin-bottom: 6px;
    color: #1E293B;
    font-size: 17px;
    font-weight: 800;
    line-height: 24px;
}

.dispatch-item-popover span[b-tguc0lkzmc] {
    overflow-wrap: anywhere;
}

.dispatch-item-info:hover .dispatch-item-popover[b-tguc0lkzmc],
.dispatch-item-info:focus-visible .dispatch-item-popover[b-tguc0lkzmc] {
    opacity: 1;
    transform: translate(-50%, 0);
}

/* ---- Date range box ---- */
#filter-dispatches .modal-body .date .full-date[b-tguc0lkzmc] {
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
}

#filter-dispatches .modal-body .date .full-date img[b-tguc0lkzmc] {
    height: 16px;
    flex-shrink: 0;
}

#filter-dispatches .modal-body .date .full-date input[b-tguc0lkzmc] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #1E293B;
    border: none;
    outline: none;
    width: 120px;
    background: transparent;
}

#filter-dispatches .modal-body .date .date-separator[b-tguc0lkzmc] {
    font-size: 12px;
    font-weight: 600;
    color: #94A3B8;
    flex-shrink: 0;
}

/* ---- Dispatched by select ---- */
#filter-dispatches .modal-body .dispatch-by .cstm-select[b-tguc0lkzmc] {
    border: 1px #1E293B1F solid;
    border-radius: 8px;
    box-shadow: 0 1px 1px -0.5px #1E293B08;
    padding: 8px;
}

#filter-dispatches .modal-body .dispatch-by .cstm-select img[b-tguc0lkzmc] {
    height: 16px;
    flex-shrink: 0;
}

#filter-dispatches .modal-body .dispatch-by .cstm-select select[b-tguc0lkzmc] {
    border: none;
    outline: none;
    color: #1E293B;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../img/icons/gray-arrow.png");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 18px;
    cursor: pointer;
    background-color: transparent;
}

/* ---- Manual dispatches only – toggle switch ---- */
#filter-dispatches .modal-body .manual-only h6[b-tguc0lkzmc] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #1E293B;
}

#filter-dispatches .modal-body .manual-only .toggle-switch[b-tguc0lkzmc] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient(180deg, #E2E8F0 0%, #F8FAFC 100%);
    border-radius: 50px;
    padding: 3px;
}

#filter-dispatches .modal-body .manual-only .toggle-switch input[b-tguc0lkzmc] {
    opacity: 0;
    width: 0;
    height: 0;
}

#filter-dispatches .modal-body .manual-only .slider[b-tguc0lkzmc] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #D3DDE8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

#filter-dispatches .modal-body .manual-only .slider[b-tguc0lkzmc]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background: #E2E8F0;
    transition: 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

#filter-dispatches .modal-body .manual-only .toggle-switch input:checked + .slider[b-tguc0lkzmc] {
    background: linear-gradient(135deg, #5B67F6, #4C57E0);
}

#filter-dispatches .modal-body .manual-only .toggle-switch input:checked + .slider[b-tguc0lkzmc]:before {
    transform: translateX(18px);
    background: #fff;
}

/* ---- Footer buttons ---- */
#filter-dispatches .modal-footer[b-tguc0lkzmc] {
    padding: 12px 16px;
    border-top: 1px #dee2e6 solid;
}

#filter-dispatches .modal-footer button[b-tguc0lkzmc] {
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    border-radius: 8px;
    border: 1px transparent solid;
    padding: 8px 12px;
}

#filter-dispatches .modal-footer button.reset-btn[b-tguc0lkzmc] {
    color: #475569;
    background: transparent;
}

#filter-dispatches .modal-footer button.cancel-btn[b-tguc0lkzmc] {
    background-color: #F1F5F9CC;
    border-color: #1E293B17;
    color: #1E293B;
}

#filter-dispatches .modal-footer button.apply-btn[b-tguc0lkzmc] {
    background-color: #5263FF;
    color: #fff;
}

/* ---- Responsive ---- */
@media (max-width: 425px) {
    #filter-dispatches .modal-right[b-tguc0lkzmc] {
        position: fixed;
        right: 10px;
        margin: none;
        top: 0;
        transform: translateY(0%);
        max-width: 100%;
        width: 95%;
    }
}

/* ---- Worked-time box: "00:01 - 04:00" on the left, "3H 59M" on the right ---- */
.worked-time-box[b-tguc0lkzmc] {
    margin-top: 8px;
    padding: 6px 10px;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    background: #F8FAFC;
    white-space: nowrap;
}

.worked-time-box .worked-time-range[b-tguc0lkzmc] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
}

.worked-time-box .worked-time-total[b-tguc0lkzmc] {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #0F172A;
}

/* ---- Dropdown menu backdrop overlay ---- */
.menu-backdrop[b-tguc0lkzmc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 998;
    background: transparent;
}
/* /Pages/Driver/DriverMobileAppInfo.razor.rz.scp.css */
.logout-btn[b-g99k0f1q1n] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-g99k0f1q1n] {
  background-color: #dadada;
}
/* /Pages/Forecast/Forecast.razor.rz.scp.css */
/* Full-height: title bar sits on top, the layout fills the rest of the viewport. */
.main-content[b-aygwoxdaut] {
	height: 100vh;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* Title bar spans full width (override any global centred max-width cap) so it lines
   up with the full-width map/panel below. */
.main-content .main-title[b-aygwoxdaut] {
	max-width: none;
	margin: 0;
}

.fc-layout[b-aygwoxdaut] {
	flex: 1 1 auto;
	min-height: 0;
	padding: 16px 24px 24px;
}

/* ---- Map -------------------------------------------------------------- */
.fc-map-wrap[b-aygwoxdaut] {
	position: relative;
	border: 1px solid #E5E7EB;
	border-radius: 12px;
	overflow: hidden;
	background: #0a0f18;
}

/* Google location search overlaid on the map (the app's shared search box —
   it lives out here because the isolated iframe cannot call the authenticated API). */
.fc-map-search[b-aygwoxdaut] {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 5;
	width: min(364px, 60%);
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.fc-search-grow[b-aygwoxdaut] {
	flex: 1 1 auto;
	min-width: 0;
}

.fc-map-search[b-aygwoxdaut]  .fc-search-field {
	background: #fff;
	box-shadow: 0 2px 10px rgba(10, 15, 24, .35);
}

.fc-fullscreen-btn[b-aygwoxdaut] {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	border: 1px solid #E4E5E7;
	background: #fff;
	box-shadow: 0 2px 10px rgba(10, 15, 24, .35);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background .15s ease;
}
.fc-fullscreen-btn:hover[b-aygwoxdaut] { background: #F1F5F9; }

/* ---- Fullscreen mode -------------------------------------------------- */
/* Map covers the viewport; the info panel floats on top in a tighter form. */
.fc-layout.fc-fullscreen[b-aygwoxdaut] {
	position: fixed;
	inset: 0;
	z-index: 2000;
	margin: 0;
	padding: 0;
	background: #0a0f18;
}

.fc-layout.fc-fullscreen .fc-map-wrap[b-aygwoxdaut] {
	border: none;
	border-radius: 0;
}

/* Keep the search clear of the floating panel */
.fc-layout.fc-fullscreen .fc-map-search[b-aygwoxdaut] {
	right: 324px;
}

.fc-layout.fc-fullscreen .fc-panel[b-aygwoxdaut] {
	position: absolute;
	top: 12px;
	right: 12px;
	bottom: 12px;
	min-width: 0;
	z-index: 6;
	padding-right: 0;
}

.fc-layout.fc-fullscreen .fc-card[b-aygwoxdaut] {
	background: rgba(255, 255, 255, .94);
	backdrop-filter: blur(8px);
	border-color: rgba(228, 229, 231, .7);
}

.fc-layout.fc-fullscreen .fc-footer[b-aygwoxdaut] {
	color: #E2E8F0;
	text-shadow: 0 1px 2px rgba(10, 15, 24, .6);
	padding: 0 0 2px;
}

.fc-map[b-aygwoxdaut] {
	width: 100%;
	height: 100%;
	min-height: 0;
	border: 0;
	display: block;
}

/* ---- Panel (compact) -------------------------------------------------- */
.fc-panel[b-aygwoxdaut] {
	width: 300px;
	min-width: 280px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-right: 2px;
}

.fc-card[b-aygwoxdaut] {
	background: #fff;
	border: 1px solid #E5E7EB;
	border-radius: 10px;
	padding: 10px 12px;
}

.fc-card-head[b-aygwoxdaut] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
}

.fc-label[b-aygwoxdaut] {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #94A3B8;
}

.fc-alert[b-aygwoxdaut] {
	background: #FEF2F2;
	border: 1px solid #FECACA;
	color: #DF2917;
	border-radius: 12px;
	padding: 12px 14px;
	font-size: 13px;
	font-weight: 500;
}

/* ---- Status / traffic light ------------------------------------------ */
.fc-status[b-aygwoxdaut] {
	display: flex;
	align-items: center;
	gap: 12px;
}

.fc-traffic[b-aygwoxdaut] {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 7px;
	background: #0A1C3D;
	border-radius: 999px;
	flex-shrink: 0;
}

.fc-light[b-aygwoxdaut] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	transition: all .4s ease;
}

.fc-light.on.green[b-aygwoxdaut]  { background: #30A46C; box-shadow: 0 0 10px rgba(48,164,108,.7), 0 0 20px rgba(48,164,108,.35); }
.fc-light.on.yellow[b-aygwoxdaut] { background: #FFC30A; box-shadow: 0 0 10px rgba(255,195,10,.7), 0 0 20px rgba(255,195,10,.35); }
.fc-light.on.red[b-aygwoxdaut]    { background: #ED4030; box-shadow: 0 0 10px rgba(237,64,48,.7), 0 0 20px rgba(237,64,48,.35); }

.fc-status-text[b-aygwoxdaut] { min-width: 0; }

.fc-status-label[b-aygwoxdaut] {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .12em;
}
.fc-status-label.level-green[b-aygwoxdaut]  { color: #338732; }
.fc-status-label.level-yellow[b-aygwoxdaut] { color: #B47500; }
.fc-status-label.level-red[b-aygwoxdaut]    { color: #DF2917; }

.fc-status-desc[b-aygwoxdaut] {
	margin: 4px 0 0;
	font-size: 12px;
	color: #475569;
	line-height: 1.45;
}

/* ---- Timeline -------------------------------------------------------- */
.fc-now-btn[b-aygwoxdaut] {
	border: none;
	background: transparent;
	color: #5263FF;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	cursor: pointer;
	padding: 0;
}
.fc-now-btn:hover[b-aygwoxdaut] { color: #363AF5; }

.fc-active-time[b-aygwoxdaut] {
	font-size: 13px;
	color: #1E293B;
	font-weight: 500;
	margin-bottom: 10px;
}
.fc-active-temp[b-aygwoxdaut] {
	margin-left: 8px;
	font-weight: 700;
	padding: 1px 6px;
	border-radius: 6px;
}
.fc-active-temp.seg-cold[b-aygwoxdaut] { color: #DF2917; }
.fc-active-temp.seg-warn[b-aygwoxdaut] { color: #B47500; }
.fc-active-temp.seg-ok[b-aygwoxdaut]   { color: #338732; }

.fc-track[b-aygwoxdaut] {
	position: relative;
	height: 26px;
	border-radius: 8px;
	overflow: visible;
}

.fc-segments[b-aygwoxdaut] {
	position: absolute;
	inset: 0;
	display: flex;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #E5E7EB;
}
.fc-seg[b-aygwoxdaut] { height: 100%; flex: 1 1 0; }
.fc-seg.seg-cold[b-aygwoxdaut] { background: rgba(223, 41, 23, .55); }
.fc-seg.seg-warn[b-aygwoxdaut] { background: rgba(255, 195, 10, .5); }
.fc-seg.seg-ok[b-aygwoxdaut]   { background: rgba(51, 135, 50, .28); }
.fc-seg.seg-none[b-aygwoxdaut] { background: #EEF2F6; }

.fc-now-marker[b-aygwoxdaut] {
	position: absolute;
	top: -2px;
	bottom: -2px;
	width: 2px;
	background: #0A1C3D;
	z-index: 2;
	pointer-events: none;
}
.fc-now-marker[b-aygwoxdaut]::before {
	content: "";
	position: absolute;
	top: -3px;
	left: 50%;
	transform: translateX(-50%);
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #0A1C3D;
}

/* A transparent range input overlays the segment bar and supplies the scrubber handle. */
.fc-range[b-aygwoxdaut] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 3;
}
.fc-range[b-aygwoxdaut]::-webkit-slider-runnable-track { background: transparent; height: 100%; }
.fc-range[b-aygwoxdaut]::-moz-range-track { background: transparent; height: 100%; }
.fc-range[b-aygwoxdaut]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 12px;
	height: 30px;
	margin-top: -2px;
	border-radius: 4px;
	background: #5263FF;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(82,99,255,.5), 0 2px 6px rgba(82,99,255,.45);
}
.fc-range[b-aygwoxdaut]::-moz-range-thumb {
	width: 12px;
	height: 30px;
	border-radius: 4px;
	background: #5263FF;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px rgba(82,99,255,.5), 0 2px 6px rgba(82,99,255,.45);
}

.fc-day-labels[b-aygwoxdaut] {
	position: relative;
	height: 18px;
	margin-top: 6px;
}
.fc-day-label[b-aygwoxdaut] {
	position: absolute;
	transform: translateX(-50%);
	font-size: 11px;
	color: #94A3B8;
	font-weight: 600;
	white-space: nowrap;
}

.fc-legend[b-aygwoxdaut] {
	display: flex;
	gap: 14px;
	margin-top: 6px;
}
.fc-legend-item[b-aygwoxdaut] {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 11px;
	color: #64748B;
}
.fc-dot[b-aygwoxdaut] { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.fc-dot.seg-cold[b-aygwoxdaut] { background: rgba(223, 41, 23, .55); }
.fc-dot.seg-warn[b-aygwoxdaut] { background: rgba(255, 195, 10, .5); }
.fc-dot.seg-ok[b-aygwoxdaut]   { background: rgba(51, 135, 50, .28); }

/* ---- Location -------------------------------------------------------- */
.fc-location-name[b-aygwoxdaut] {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #1E293B;
}
.fc-hint[b-aygwoxdaut] {
	margin: 4px 0 0;
	font-size: 12px;
	color: #94A3B8;
}

/* ---- Conditions ------------------------------------------------------ */
.fc-conditions[b-aygwoxdaut] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
.fc-cell[b-aygwoxdaut] {
	background: #F8FAFC;
	border: 1px solid #EEF2F6;
	border-radius: 10px;
	padding: 7px 9px;
}
.fc-cell-label[b-aygwoxdaut] {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #94A3B8;
	margin-bottom: 4px;
}
.fc-cell-value[b-aygwoxdaut] {
	font-size: 15px;
	font-weight: 700;
	color: #1E293B;
}
.fc-cell-value.danger[b-aygwoxdaut] { color: #DF2917; }

.fc-badge[b-aygwoxdaut] {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #B47500;
	background: #FFF7E6;
	border: 1px solid #FFE3A3;
	border-radius: 6px;
	padding: 2px 8px;
}

/* ---- Crossing -------------------------------------------------------- */
.fc-crossing[b-aygwoxdaut] {
	background: #FEF2F2;
	border: 1px solid #FECACA;
	border-radius: 10px;
	padding: 12px;
}
.fc-crossing-main[b-aygwoxdaut] {
	font-size: 13px;
	font-weight: 700;
	color: #DF2917;
}
.fc-crossing-sub[b-aygwoxdaut] {
	font-size: 12px;
	color: #64748B;
	margin-top: 3px;
}

/* ---- Footer ---------------------------------------------------------- */
.fc-footer[b-aygwoxdaut] {
	text-align: center;
	font-size: 12px;
	color: #94A3B8;
	padding: 4px 0 8px;
}

/* ---- Responsive ------------------------------------------------------ */
@media (max-width: 1100px) {
	.main-content[b-aygwoxdaut] {
		height: auto;
		min-height: 100vh;
		overflow: visible;
	}
	.fc-layout[b-aygwoxdaut] {
		flex-direction: column;
		flex: 0 0 auto;
	}
	.fc-panel[b-aygwoxdaut] {
		width: 100%;
		max-width: none;
	}
	.fc-map-wrap[b-aygwoxdaut] { min-height: 420px; }
	.fc-map[b-aygwoxdaut]      { min-height: 420px; }
}
/* /Pages/Index.razor.rz.scp.css */
:root[b-e56lpam1a0] {
  --primary: #5865f2; /* The Blur-ish Blue from your button */
  --bg-light: #f8fafc;
  --text-dark: #1e293b;
  --glass: rgba(255, 255, 255, 0.8);
}

body[b-e56lpam1a0] {
  background-color: var(--bg-light);
  color: var(--text-dark);
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
}

.hero-gradient[b-e56lpam1a0] {
  background:
    radial-gradient(circle at top right, rgba(88, 101, 242, 0.05), transparent),
    radial-gradient(
      circle at bottom left,
      rgba(88, 101, 242, 0.02),
      transparent
    );
}

.btn-primary-custom[b-e56lpam1a0] {
  background: var(--primary);
  border: none;
  border-radius: 50px; /* Pill shape */
  padding: 12px 28px;
  font-weight: 600;
  transition: transform 0.2s;
}

.btn-primary-custom:hover[b-e56lpam1a0] {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(88, 101, 242, 0.2);
}

.feature-card[b-e56lpam1a0] {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  transition: all 0.3s ease;
}

.feature-card:hover[b-e56lpam1a0] {
  border-color: var(--primary);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceCreateModal.razor.rz.scp.css */
.invoice-create-picker-shell .modal-dialog[b-ae3zredxx1] {
    max-width: 600px;
}

.invoice-create-modal[b-ae3zredxx1] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
    overflow: hidden;
}

.invoice-create-modal .modal-header[b-ae3zredxx1] {
    align-items: flex-start;
    border-bottom: 1px solid #eaecf0;
    padding: 22px 24px 18px;
}

.invoice-create-modal .modal-header h5[b-ae3zredxx1] {
    color: #101828;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.invoice-create-modal .modal-header p[b-ae3zredxx1] {
    color: #475467;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0 0;
}

.invoice-create-subhelp[b-ae3zredxx1] {
    margin-top: 2px !important;
}

.invoice-create-modal .btn-close[b-ae3zredxx1] {
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: none;
    margin: 0;
    opacity: 1;
    padding: 10px;
}

.invoice-create-modal .modal-body[b-ae3zredxx1] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
}

.invoice-create-modal .modal-footer[b-ae3zredxx1] {
    border-top: 1px solid #eaecf0;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1.3fr;
    padding: 18px 24px;
}

.invoice-create-modal .modal-footer .btn[b-ae3zredxx1] {
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    height: 48px;
    margin: 0;
}

.invoice-create-modal .cancel-btn[b-ae3zredxx1] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    color: #344054;
}

.invoice-create-modal .apply-btn[b-ae3zredxx1] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
}

.invoice-create-modal .apply-btn.disabled[b-ae3zredxx1],
.invoice-create-modal .apply-btn:disabled[b-ae3zredxx1] {
    cursor: not-allowed;
    opacity: .5;
}

.invoice-customer-search[b-ae3zredxx1] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    display: flex;
    gap: 8px;
    min-height: 44px;
    padding: 0 14px;
}

.invoice-customer-search img[b-ae3zredxx1] {
    height: 16px;
    width: 16px;
}

.invoice-customer-search input[b-ae3zredxx1] {
    border: 0;
    color: #1e293b;
    flex: 1;
    font-size: 13px;
    min-width: 0;
    outline: 0;
}

.invoice-create-customer-list[b-ae3zredxx1] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 312px;
    overflow-y: auto;
    padding-right: 2px;
}

.invoice-create-customer-card[b-ae3zredxx1] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #1e293b;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 78px;
    padding: 14px 20px;
    position: relative;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease;
    width: 100%;
}

.invoice-create-customer-card:hover[b-ae3zredxx1],
.invoice-create-customer-card.selected[b-ae3zredxx1] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .18);
}

.invoice-create-customer-card.selected[b-ae3zredxx1]::after {
    background: #5263ff;
    background-image: url("/img/icons/check-white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px 11px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    content: "";
    height: 22px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
}

.invoice-create-customer-main[b-ae3zredxx1] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.invoice-create-customer-main strong[b-ae3zredxx1] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-create-customer-main small[b-ae3zredxx1] {
    color: #64748b;
    font-size: 12px;
}

.invoice-create-customer-meta[b-ae3zredxx1] {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    gap: 8px;
}

.invoice-create-customer-meta span[b-ae3zredxx1] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 5px;
    min-height: 26px;
    padding: 4px 10px;
}

.invoice-create-customer-nr[b-ae3zredxx1] {
    background: #f2f4f7;
    color: #475467;
}

.invoice-create-customer-count[b-ae3zredxx1] {
    background: #eef0ff;
    color: #5263ff;
}

.invoice-create-customer-meta img[b-ae3zredxx1] {
    height: 14px;
    width: 14px;
}

.invoice-create-empty[b-ae3zredxx1] {
    height: 120px;
}

.invoice-empty[b-ae3zredxx1] {
    align-items: center;
    color: #64748b;
    display: flex;
    height: 300px;
    justify-content: center;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceDriftModal.razor.rz.scp.css */
.invoice-create-modal[b-5ugvq4mtge] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
    overflow: hidden;
}

.invoice-drift-dialog[b-5ugvq4mtge] {
    max-width: 1080px;
}

.invoice-create-modal .modal-header[b-5ugvq4mtge] {
    align-items: flex-start;
    border-bottom: 1px solid #eaecf0;
    justify-content: space-between;
    padding: 22px 24px 18px;
}

.invoice-create-modal .modal-header h5[b-5ugvq4mtge] {
    color: #101828;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.invoice-create-modal .modal-header p[b-5ugvq4mtge] {
    color: #475467;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0 0;
}

.invoice-create-modal .btn-close[b-5ugvq4mtge] {
    align-self: flex-start;
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: none;
    margin: 0 0 0 auto;
    opacity: 1;
    padding: 10px;
}

.invoice-create-modal .modal-body[b-5ugvq4mtge] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-height: 62vh;
    overflow-y: auto;
    padding: 20px 24px;
}

.invoice-create-modal .modal-footer[b-5ugvq4mtge] {
    border-top: 1px solid #eaecf0;
    display: flex;
    justify-content: flex-end;
    padding: 18px 24px;
}

.invoice-create-modal .modal-footer .btn[b-5ugvq4mtge] {
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    height: 44px;
    margin: 0;
    min-width: 120px;
}

.invoice-create-modal .cancel-btn[b-5ugvq4mtge] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    color: #344054;
}

.invoice-drift-empty[b-5ugvq4mtge] {
    color: #64748b;
    font-size: 14px;
    padding: 24px 0;
    text-align: center;
}

.invoice-drift-table[b-5ugvq4mtge] {
    border-collapse: collapse;
    font-size: 13px;
}

.invoice-drift-table th[b-5ugvq4mtge],
.invoice-drift-table td[b-5ugvq4mtge] {
    border-bottom: 1px solid #f1f5f9;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top;
}

.invoice-drift-table thead th[b-5ugvq4mtge] {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
}

.invoice-drift-table tbody td[b-5ugvq4mtge] {
    color: #1e293b;
}

.invoice-drift-table td.invoice-drift-diff[b-5ugvq4mtge] {
    background: #fef3c7;
    color: #92400e;
    font-weight: 600;
}

.invoice-drift-table-wrap[b-5ugvq4mtge] {
    overflow-x: auto;
}

.invoice-drift-primary[b-5ugvq4mtge] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.invoice-drift-primary span[b-5ugvq4mtge] {
    color: #64748b;
    font-size: 12px;
}

.invoice-drift-side[b-5ugvq4mtge] {
    align-items: center;
    display: flex;
    gap: 10px;
    white-space: nowrap;
}

.invoice-drift-state-active[b-5ugvq4mtge] {
    color: #16a34a;
    font-weight: 600;
}

.invoice-drift-state-archived[b-5ugvq4mtge] {
    color: #64748b;
}

.invoice-drift-diff-text[b-5ugvq4mtge] {
    color: #92400e;
    font-weight: 600;
}

/* Missing counterpart: the work was billed on one invoice only. */
.invoice-drift-missing[b-5ugvq4mtge] {
    color: #ef4444;
    font-weight: 600;
}

.invoice-drift-unpaired td[b-5ugvq4mtge] {
    background: #fef2f2;
}

.invoice-drift-action[b-5ugvq4mtge] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    height: 26px;
    padding: 0 10px;
}

.invoice-drift-action:disabled[b-5ugvq4mtge] {
    opacity: .6;
}

/* Opens from inside the settlement view (z-index 1055) — must stack above it,
   backdrop included, or the background doesn't darken. */
.invoice-drift-modal[b-5ugvq4mtge] {
    z-index: 1060;
}

.invoice-drift-modal + .modal-backdrop[b-5ugvq4mtge] {
    z-index: 1058;
}


/* A pair aligned via the toggles: greyed in place, gone on the next reload. */
.invoice-drift-table tr.invoice-drift-resolved td[b-5ugvq4mtge] {
    color: #94a3b8;
}

.invoice-drift-table tr.invoice-drift-resolved td.invoice-drift-diff[b-5ugvq4mtge] {
    background: #f8fafc;
    color: #94a3b8;
    font-weight: 400;
}

.invoice-drift-resolved .invoice-drift-state-active[b-5ugvq4mtge],
.invoice-drift-resolved .invoice-drift-state-archived[b-5ugvq4mtge],
.invoice-drift-resolved .invoice-drift-diff-text[b-5ugvq4mtge] {
    color: #94a3b8;
    font-weight: 400;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceExportCsvModal.razor.rz.scp.css */
.invoice-export-csv-modal[b-jyeyzu7azd] {
    z-index: 1060;
}

.invoice-export-csv-modal .modal-dialog[b-jyeyzu7azd] {
    max-width: 920px;
    width: calc(100% - 32px);
}

.invoice-export-modal[b-jyeyzu7azd] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    height: 600px;
    overflow: hidden;
}

.invoice-export-header[b-jyeyzu7azd] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
    position: relative;
}

.invoice-export-header h5[b-jyeyzu7azd] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-export-header p[b-jyeyzu7azd] {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 20px;
    margin: 4px 0 0;
}

.invoice-export-close[b-jyeyzu7azd] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
}

.invoice-export-close img[b-jyeyzu7azd] {
    height: 18px;
    width: 18px;
}

.invoice-export-body[b-jyeyzu7azd] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    height: 520px;
}

.invoice-export-panel[b-jyeyzu7azd] {
    min-width: 0;
}

.invoice-export-generate[b-jyeyzu7azd] {
    border-right: 1px solid rgba(30, 41, 59, .09);
    display: grid;
    grid-template-rows: 48px 1fr 64px;
}

.invoice-export-panel h6[b-jyeyzu7azd] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    color: #1e293b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
    padding: 12px 20px;
}

.invoice-export-generate > .invoice-export-field[b-jyeyzu7azd],
.invoice-export-toggle[b-jyeyzu7azd] {
    margin-left: 20px;
    margin-right: 20px;
}

.invoice-export-generate > .invoice-export-field:first-of-type[b-jyeyzu7azd] {
    margin-top: 16px;
}

.invoice-export-field[b-jyeyzu7azd] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    position: relative;
}

.invoice-export-field label[b-jyeyzu7azd] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 20px;
    padding: 0 2px;
}

.invoice-export-field label span[b-jyeyzu7azd] {
    color: #ef4444;
}

.invoice-export-input[b-jyeyzu7azd] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-export-tag-input[b-jyeyzu7azd] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.invoice-export-tags[b-jyeyzu7azd] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.invoice-export-chip[b-jyeyzu7azd],
.invoice-export-more[b-jyeyzu7azd],
.invoice-export-history-tags span[b-jyeyzu7azd] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border-radius: 8px;
    color: #363af5;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 24px;
    letter-spacing: -.2px;
    line-height: 16px;
    max-width: 150px;
    padding: 4px 6px;
}

.invoice-export-chip button[b-jyeyzu7azd] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 14px;
    justify-content: center;
    padding: 0;
    width: 14px;
}

.invoice-export-chip img[b-jyeyzu7azd] {
    height: 14px;
    width: 14px;
}

.invoice-export-tag-input > img[b-jyeyzu7azd] {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.invoice-export-picker[b-jyeyzu7azd] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 12px;
    box-shadow: 0 20px 30px -20px rgba(15, 23, 42, .25);
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 176px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 4;
}

.invoice-export-picker label[b-jyeyzu7azd] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    min-height: 32px;
    padding: 6px 8px;
}

.invoice-export-picker label:hover[b-jyeyzu7azd] {
    background: #f8fafc;
}

.invoice-export-toggle[b-jyeyzu7azd] {
    align-items: center;
    color: #1e293b;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    line-height: 20px;
    margin-bottom: 18px;
}

.invoice-export-generate-btn[b-jyeyzu7azd] {
    align-self: end;
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 12px 20px 20px;
}

.invoice-export-generate-btn:disabled[b-jyeyzu7azd] {
    background: #94a3b8;
    cursor: not-allowed;
}

.invoice-export-history[b-jyeyzu7azd] {
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

.invoice-export-history-list[b-jyeyzu7azd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 14px 20px 20px;
}

.invoice-export-history-card[b-jyeyzu7azd] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 16px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03);
    overflow: hidden;
}

.invoice-export-history-top[b-jyeyzu7azd] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 48px;
    padding: 8px 12px;
}

.invoice-export-history-top strong[b-jyeyzu7azd] {
    color: #1e293b;
    flex: 1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.2px;
    line-height: 24px;
}

.invoice-export-generating[b-jyeyzu7azd] {
    align-items: center;
    color: #363af5;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}

.invoice-export-generating span[b-jyeyzu7azd] {
    border: 1.5px solid rgba(82, 99, 255, .3);
    border-radius: 50%;
    border-top-color: #363af5;
    height: 16px;
    width: 16px;
}

.invoice-export-note[b-jyeyzu7azd] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 16px;
    margin: 0;
    padding: 8px 12px;
}

.invoice-export-note img[b-jyeyzu7azd],
.invoice-export-history-line img[b-jyeyzu7azd] {
    height: 16px;
    width: 16px;
}

.invoice-export-download[b-jyeyzu7azd] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.invoice-export-download img[b-jyeyzu7azd] {
    height: 18px;
    width: 18px;
}

.invoice-export-history-line[b-jyeyzu7azd] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    height: 32px;
    padding: 6px 12px;
}

.invoice-export-history-tags[b-jyeyzu7azd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.invoice-export-history-tags span[b-jyeyzu7azd] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    color: #1e293b;
}

.invoice-export-backdrop[b-jyeyzu7azd] {
    z-index: 1055;
}

@media (max-width: 900px) {
    .invoice-export-modal[b-jyeyzu7azd] {
        height: min(720px, calc(100vh - 32px));
    }

    .invoice-export-body[b-jyeyzu7azd] {
        grid-template-columns: 1fr;
        height: calc(100% - 80px);
        overflow-y: auto;
    }

    .invoice-export-generate[b-jyeyzu7azd] {
        border-right: 0;
    }

    .invoice-export-history[b-jyeyzu7azd] {
        min-height: 320px;
    }
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceFilterPopup.razor.rz.scp.css */
.invoice-filter-popup .modal-dialog[b-x6actx1xva] {
    max-width: 360px;
}

.invoice-filter-modal[b-x6actx1xva] {
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 20px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03);
    min-height: 308px;
}

.invoice-filter-popup .invoice-filter-modal[b-x6actx1xva] {
    background: #ffffff;
    overflow: hidden;
}

.invoice-filter-popup .modal-header[b-x6actx1xva] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
    min-height: 40px;
    padding: 8px 16px;
}

.invoice-filter-popup .modal-title[b-x6actx1xva] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-filter-popup .modal-body[b-x6actx1xva] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 212px;
    overflow-y: auto;
    padding: 16px;
}

.invoice-filter-popup label[b-x6actx1xva] {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    margin: 0 0 4px;
    padding: 0 2px;
}

.invoice-filter-field[b-x6actx1xva] {
    display: flex;
    flex-direction: column;
}

.invoice-filter-select[b-x6actx1xva],
.invoice-filter-clear[b-x6actx1xva],
.invoice-filter-date-display[b-x6actx1xva] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03);
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
}

.invoice-filter-customer-field[b-x6actx1xva],
.invoice-filter-date-display[b-x6actx1xva] {
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 8px;
}

.invoice-filter-customer-field input[b-x6actx1xva] {
    border: 0;
    color: #1e293b;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-width: 0;
    outline: 0;
}

.invoice-filter-customer-field img:first-child[b-x6actx1xva] {
    height: 18px;
    width: 18px;
}

.invoice-filter-customer-field img:last-child[b-x6actx1xva] {
    height: 14px;
    width: 14px;
}

.invoice-filter-season-row[b-x6actx1xva] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 55px;
}

.invoice-filter-date-row[b-x6actx1xva] {
    display: grid;
    grid-template-columns: 117px 211px;
}

.invoice-filter-select[b-x6actx1xva] {
    appearance: none;
    background-image: url("img/icons/dark-down-arrow.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 8px 28px 8px 8px;
}

.invoice-filter-date-row .invoice-filter-select[b-x6actx1xva] {
    border-radius: 10px 0 0 10px;
    min-height: 40px;
}

.invoice-filter-clear[b-x6actx1xva] {
    background: rgba(241, 245, 249, 0.8);
    border-color: rgba(30, 41, 59, 0.06);
    box-shadow: none;
    color: #1e293b;
    padding: 4px 8px;
}

.invoice-filter-date-display[b-x6actx1xva] {
    position: relative;
}

.invoice-filter-date-row .invoice-filter-date-display[b-x6actx1xva] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    min-height: 40px;
    padding: 8px 10px;
}

.invoice-filter-calendar[b-x6actx1xva] {
    background: url("img/icons/Calender.svg") center / contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

.invoice-filter-date-display span:not(.invoice-filter-calendar)[b-x6actx1xva] {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 24px;
    white-space: nowrap;
}

.invoice-filter-date-display input[b-x6actx1xva] {
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.invoice-filter-date-display input:first-of-type[b-x6actx1xva] {
    left: 0;
}

.invoice-filter-date-display input:last-of-type[b-x6actx1xva] {
    right: 0;
}

.invoice-filter-popup .modal-footer[b-x6actx1xva] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, 0.09);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    min-height: 56px;
    padding: 12px 16px;
}

.invoice-filter-popup .modal-footer .btn[b-x6actx1xva] {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-filter-popup .reset-btn[b-x6actx1xva] {
    background: transparent;
    border: 0;
    color: #475467;
    margin-right: auto;
    padding-left: 0;
}

.invoice-filter-popup .cancel-btn[b-x6actx1xva] {
    background: rgba(241, 245, 249, 0.8);
    border: 1px solid rgba(30, 41, 59, 0.06);
    color: #1e293b;
    min-width: 64px;
}

.invoice-filter-popup .apply-btn[b-x6actx1xva] {
    background: #5263ff;
    border: 1px solid #5263ff;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
    color: #ffffff;
    min-width: 91px;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceHistoryDrawer.razor.rz.scp.css */
/* Same popup shell as the reconciliation modal (invoice-create-modal look). Opens from
   inside the full-screen invoice preview (z-index 1055), so both the popup and its
   backdrop must stack above it for the background to darken. */
.invoice-history-modal[b-vt98n5kukm] {
    z-index: 1060;
}

.invoice-history-backdrop[b-vt98n5kukm] {
    z-index: 1059;
}

.invoice-history-dialog[b-vt98n5kukm] {
    max-width: 560px;
}

.invoice-history-modal .modal-content[b-vt98n5kukm] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
    overflow: hidden;
}

.invoice-history-modal .modal-header[b-vt98n5kukm] {
    align-items: flex-start;
    justify-content: space-between;
    padding: 22px 24px 12px;
}

.invoice-history-modal .modal-header h5[b-vt98n5kukm] {
    color: #101828;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.invoice-history-modal .modal-header p[b-vt98n5kukm] {
    color: #475467;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0 0;
}

.invoice-history-modal .btn-close[b-vt98n5kukm] {
    align-self: flex-start;
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: none;
    margin: 0 0 0 auto;
    opacity: 1;
    padding: 10px;
}

.invoice-history-modal .modal-body[b-vt98n5kukm] {
    max-height: 62vh;
    overflow-y: auto;
    padding: 4px 24px 20px;
}

.invoice-empty[b-vt98n5kukm] {
    align-items: center;
    color: #64748b;
    display: flex;
    height: 300px;
    justify-content: center;
}

.invoice-overview-card[b-vt98n5kukm] {
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 0;
}

.invoice-overview-card:last-child[b-vt98n5kukm] {
    border-bottom: 0;
}

.invoice-overview-card strong[b-vt98n5kukm] {
    color: #1e293b;
}

.invoice-overview-card span[b-vt98n5kukm] {
    color: #64748b;
    font-size: 13px;
}

.invoice-history-change[b-vt98n5kukm] {
    color: #334155;
}

.invoice-history-old[b-vt98n5kukm] {
    color: #94a3b8;
    text-decoration: line-through;
}

.invoice-history-arrow[b-vt98n5kukm] {
    color: #94a3b8;
}

.invoice-history-new[b-vt98n5kukm] {
    color: #1e293b;
    font-weight: 600;
}

.invoice-history-line[b-vt98n5kukm] {
    color: #475569;
    font-style: italic;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceLocationPreviewDrawer.razor.rz.scp.css */
/* Redesigned Address Overview Drawer Popup */
.invoice-location-preview-drawer[b-pih0kcvjdi] {
    background-color: rgba(15, 23, 42, 0.3);
    backdrop-filter: blur(4px);
    transition: opacity 0.15s linear;
}

.invoice-location-preview-drawer .modal-dialog[b-pih0kcvjdi] {
    margin: 1.75rem auto;
    max-width: 560px;
}

.invoice-location-preview-drawer .modal-content[b-pih0kcvjdi] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    overflow: hidden;
    padding: 0;
}

.invoice-location-preview-drawer .modal-header[b-pih0kcvjdi] {
    background: #ffffff;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    height: 56px;
    padding: 16px 20px;
}

.invoice-location-preview-drawer .modal-header h5[b-pih0kcvjdi] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-location-preview-drawer .btn-close-circle[b-pih0kcvjdi] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    transition: background 0.15s ease;
    width: 32px;
}

.invoice-location-preview-drawer .btn-close-circle:hover[b-pih0kcvjdi] {
    background: #e2e8f0;
}

.preview-drawer-body[b-pih0kcvjdi] {
    background: #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    padding: 20px;
    scrollbar-width: thin;
}

/* Card Styling */
.preview-card[b-pih0kcvjdi] {
    background: #ffffff;
    border: 0;
    border-radius: 16px;
    padding: 20px;
}

.preview-address-title[b-pih0kcvjdi] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

/* Badge */
.completion-badge[b-pih0kcvjdi] {
    align-self: flex-start;
    background: rgba(64, 155, 63, .12);
    border: 0;
    border-radius: 8px;
    color: #338732;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 6px;
    white-space: nowrap;
}

.check-icon-circle[b-pih0kcvjdi] {
    background: rgba(16, 185, 129, 0.15);
    border-radius: 50%;
    height: 16px;
    width: 16px;
}

.preview-note-line[b-pih0kcvjdi] {
    font-size: 13px;
    line-height: 24px;
}

.note-lbl[b-pih0kcvjdi] {
    color: #1e293b;
    font-weight: 700;
}

.note-val[b-pih0kcvjdi] {
    color: #334155;
    margin-left: 4px;
}

/* Section Title */
.card-section-title[b-pih0kcvjdi] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0 0 20px;
}

/* Work type switcher */
.work-type-switcher[b-pih0kcvjdi] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px;
}

.work-type-option[b-pih0kcvjdi] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    letter-spacing: -.2px;
    line-height: 16px;
    padding: 12px 8px;
    text-align: left;
    width: 100%;
}

.work-type-option.active[b-pih0kcvjdi] {
    background: #ffffff;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03);
}

/* Timings */
.timings-grid[b-pih0kcvjdi] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, 1fr);
}

.timing-col[b-pih0kcvjdi] {
    min-width: 0;
}

.timing-lbl[b-pih0kcvjdi] {
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}

.timing-input-container[b-pih0kcvjdi] {
    display: flex;
    gap: 0;
    min-width: 0;
    width: 100%;
}

.timing-input-item[b-pih0kcvjdi] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 0;
    display: flex;
    gap: 8px;
    height: 40px;
    min-width: 0;
    padding: 0 12px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.timing-input-item:first-child[b-pih0kcvjdi] {
    border-radius: 10px 0 0 10px;
    flex: 1 1 0;
}

.timing-input-item:last-child[b-pih0kcvjdi] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    flex: 0 0 82px;
    padding: 0 10px;
}

.timing-input-item:focus-within[b-pih0kcvjdi] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.12);
}

.timing-icon[b-pih0kcvjdi] {
    flex: 0 0 16px;
    height: 16px;
    opacity: 0.7;
    width: 16px;
}

.timing-input[b-pih0kcvjdi] {
    border: 0;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.timing-input[b-pih0kcvjdi]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0;
    width: 0;
}

.timing-input[b-pih0kcvjdi]::-webkit-date-and-time-value {
    text-align: left;
}

.timing-input-item[b-pih0kcvjdi]  .timing-calendar .wm-calendar-input {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.timing-input-item[b-pih0kcvjdi]  .timing-calendar .wm-calendar-input-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: #1e293b !important;
}

/* Alert Banner */
.invoices-alert-banner[b-pih0kcvjdi] {
    background: rgba(255, 195, 10, .12);
    border: 0;
    border-radius: 10px;
    color: #b47500;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 8px;
}

/* Textarea Note */
.dispatch-note-textarea[b-pih0kcvjdi] {
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    min-height: 64px;
    outline: 0;
    padding: 10px 12px;
    resize: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dispatch-note-textarea:focus[b-pih0kcvjdi] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.12);
}

/* Add photo button */
.btn-add-photo[b-pih0kcvjdi] {
    background: #f1f5f9;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 10px;
    color: #475569;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 0;
    transition: background 0.15s ease;
    width: 100%;
}

.btn-add-photo:hover[b-pih0kcvjdi] {
    background: #e2e8f0;
}

/* Carousel */
.photos-carousel-wrapper[b-pih0kcvjdi] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.photos-carousel[b-pih0kcvjdi] {
    scrollbar-width: none;
}

.photos-carousel[b-pih0kcvjdi]::-webkit-scrollbar {
    display: none;
}

.carousel-btn[b-pih0kcvjdi] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    width: 28px;
}

.carousel-btn:hover[b-pih0kcvjdi] {
    background: #f8fafc;
}

.carousel-photo-card[b-pih0kcvjdi] {
    border-radius: 10px;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.carousel-img[b-pih0kcvjdi] {
    cursor: pointer;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.btn-delete-photo[b-pih0kcvjdi] {
    background: #ef2917;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    right: 4px;
    top: 4px;
    width: 24px;
}

.btn-delete-photo:hover[b-pih0kcvjdi] {
    background: rgb(220, 38, 38);
}

/* Additional Info rows */
.additional-info-row[b-pih0kcvjdi] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-lbl[b-pih0kcvjdi] {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.info-val[b-pih0kcvjdi] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 800;
}

/* Map preview container */
.map-preview-container[b-pih0kcvjdi] {
    border-radius: 16px;
    height: 320px;
    overflow: hidden;
}

.map-image-preview[b-pih0kcvjdi] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.map-badge[b-pih0kcvjdi] {
    background: #ffffff;
    border-radius: 20px;
    color: #1e293b;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 12px;
    box-shadow: 0 2px 4px rgba(15,23,42,0.08);
}

.map-slider-btn[b-pih0kcvjdi] {
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    height: 32px;
    width: 32px;
    transition: transform 0.15s ease;
}

.map-slider-btn:hover[b-pih0kcvjdi] {
    transform: translateY(-50%) scale(1.05);
}

.map-carousel-dots .dot[b-pih0kcvjdi] {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.map-carousel-dots .dot.active[b-pih0kcvjdi] {
    background: #ffffff;
    width: 12px;
    border-radius: 3px;
}

.map-maximize-btn[b-pih0kcvjdi] {
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.map-maximize-btn:hover[b-pih0kcvjdi] {
    background: #f8fafc;
}

/* Legend below map */
.map-legend[b-pih0kcvjdi] {
    border-top: 1px solid #f1f5f9;
    padding-top: 14px;
}

.legend-item[b-pih0kcvjdi] {
    font-size: 12px;
}

.legend-dot[b-pih0kcvjdi] {
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.legend-dot.red[b-pih0kcvjdi] { background-color: #ef4444; }
.legend-dot.yellow[b-pih0kcvjdi] { background-color: #f59e0b; }
.legend-dot.green[b-pih0kcvjdi] { background-color: #10b981; }

.legend-lbl[b-pih0kcvjdi] {
    color: #64748b;
    font-weight: 500;
}

.legend-val[b-pih0kcvjdi] {
    color: #1e293b;
    font-weight: 800;
    margin-left: 2px;
}

@media (max-width: 620px) {
    .invoice-location-preview-drawer .modal-dialog[b-pih0kcvjdi] {
        margin: .75rem auto;
        width: calc(100% - 24px);
    }

    .timings-grid[b-pih0kcvjdi] {
        grid-template-columns: 1fr;
    }

    .map-preview-container[b-pih0kcvjdi] {
        height: 260px;
    }
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceNoteModal.razor.rz.scp.css */
.invoice-create-modal[b-eqrru4mmgx] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
    overflow: hidden;
}

.invoice-create-modal .modal-header[b-eqrru4mmgx] {
    align-items: flex-start;
    border-bottom: 1px solid #eaecf0;
    padding: 22px 24px 18px;
}

.invoice-create-modal .modal-header h5[b-eqrru4mmgx] {
    color: #101828;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.invoice-create-modal .modal-header p[b-eqrru4mmgx] {
    color: #475467;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0 0;
}

.invoice-create-modal .btn-close[b-eqrru4mmgx] {
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: none;
    margin: 0;
    opacity: 1;
    padding: 10px;
}

.invoice-create-modal .modal-body[b-eqrru4mmgx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
}

.invoice-create-modal .modal-footer[b-eqrru4mmgx] {
    border-top: 1px solid #eaecf0;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1.3fr;
    padding: 18px 24px;
}

.invoice-create-modal .modal-footer .btn[b-eqrru4mmgx] {
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    height: 48px;
    margin: 0;
}

.invoice-create-modal .cancel-btn[b-eqrru4mmgx] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    color: #344054;
}

.invoice-create-modal .apply-btn[b-eqrru4mmgx] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
}

.invoice-input[b-eqrru4mmgx] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    min-height: 36px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-note-input[b-eqrru4mmgx] {
    min-height: 130px;
    resize: vertical;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceOverviewDetailsDrawer.razor.rz.scp.css */
.reconciliation-detail-overlay[b-wmw3va8s1u] {
    inset: 0;
    position: fixed;
    z-index: 1060;
}

.reconciliation-detail-backdrop[b-wmw3va8s1u] {
    background: rgba(30, 41, 59, .96);
    border: 0;
    inset: 0;
    position: absolute;
}

.reconciliation-detail-panel[b-wmw3va8s1u] {
    background: #ffffff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 0;
    width: min(740px, 100vw);
}

.reconciliation-detail-header[b-wmw3va8s1u] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 96px;
    justify-content: space-between;
    padding: 24px;
}

.reconciliation-detail-header h5[b-wmw3va8s1u] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
}

.reconciliation-detail-header p[b-wmw3va8s1u] {
    color: #475569;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.reconciliation-detail-close[b-wmw3va8s1u] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 10px;
    color: #1e293b;
    display: inline-flex;
    font-size: 26px;
    height: 40px;
    justify-content: center;
    line-height: 1;
    width: 40px;
}

.reconciliation-detail-table-wrap[b-wmw3va8s1u] {
    background: #f8fafc;
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.reconciliation-detail-table[b-wmw3va8s1u] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 740px;
    width: 100%;
}

.reconciliation-detail-table th[b-wmw3va8s1u] {
    background: #f1f5f9;
    border-bottom: 1px solid rgba(30, 41, 59, .06);
    border-right: 1px solid rgba(30, 41, 59, .06);
    color: #1e293b;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    padding: 12px 16px;
    text-align: left;
    vertical-align: top;
}

.reconciliation-detail-table th:nth-child(3)[b-wmw3va8s1u],
.reconciliation-detail-table th:nth-child(4)[b-wmw3va8s1u] {
    width: 100px;
}

.reconciliation-detail-table td[b-wmw3va8s1u] {
    border-right: 1px solid rgba(30, 41, 59, .06);
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px 16px;
    vertical-align: top;
}

.reconciliation-detail-table tbody tr[b-wmw3va8s1u] {
    background: #ffffff;
}

.reconciliation-detail-table tbody tr:nth-child(even)[b-wmw3va8s1u] {
    background: #f8fafc;
}

.reconciliation-detail-table td:first-child[b-wmw3va8s1u] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.reconciliation-detail-table td:first-child strong[b-wmw3va8s1u] {
    color: #1e293b;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
}

.reconciliation-detail-table td:first-child span[b-wmw3va8s1u] {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.reconciliation-detail-empty[b-wmw3va8s1u] {
    align-items: center;
    color: #64748b;
    display: flex;
    min-height: 260px;
    justify-content: center;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceOverviewModal.razor.rz.scp.css */
.reconciliation-modal[b-4dtx581gf9] {
    background: #ffffff;
    color: #1e293b;
    display: flex;
    flex-direction: column;
    inset: 0;
    min-height: 100vh;
    position: fixed;
    z-index: 1055;
}

.reconciliation-header[b-4dtx581gf9] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 56px;
    justify-content: space-between;
    padding: 12px 20px;
}

.reconciliation-header h5[b-4dtx581gf9] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
}

.reconciliation-close[b-4dtx581gf9] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 10px;
    color: #1e293b;
    display: inline-flex;
    font-size: 22px;
    height: 32px;
    justify-content: center;
    line-height: 1;
    width: 32px;
}

.reconciliation-filters[b-4dtx581gf9] {
    align-items: end;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    gap: 16px;
    min-height: 76px;
    padding: 12px 20px;
}

.reconciliation-field[b-4dtx581gf9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.reconciliation-field label[b-4dtx581gf9] {
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    margin: 0;
}

.reconciliation-date-field[b-4dtx581gf9] {
    width: 194px;
}

[b-4dtx581gf9] .reconciliation-date-picker {
    height: 32px;
}

[b-4dtx581gf9] .reconciliation-date-picker .wm-drp-trigger {
    border-color: rgba(30, 41, 59, .12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
}

[b-4dtx581gf9] .reconciliation-date-picker .wm-drp-trigger-range {
    height: 32px;
    padding: 0 8px;
}

[b-4dtx581gf9] .reconciliation-date-picker .wm-drp-icon {
    height: 16px;
    width: 16px;
}

[b-4dtx581gf9] .reconciliation-date-picker .wm-drp-trigger-range-text {
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
}

.reconciliation-contractor-field[b-4dtx581gf9] {
    width: 194px;
}

.reconciliation-contractor-field select[b-4dtx581gf9] {
    appearance: none;
    background: #ffffff url("img/icons/dark-down-arrow.svg") no-repeat right 10px center;
    background-size: 12px;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    height: 32px;
    line-height: 20px;
    padding: 4px 34px 4px 12px;
}

.reconciliation-show-routes[b-4dtx581gf9] {
    align-items: center;
    color: #1e293b;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    margin: 0 0 10px auto;
    white-space: nowrap;
}

.reconciliation-show-routes input[b-4dtx581gf9] {
    accent-color: #5263ff;
    height: 18px;
    width: 18px;
}

.reconciliation-table-wrap[b-4dtx581gf9] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.reconciliation-table[b-4dtx581gf9] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1180px;
    width: 100%;
}

.reconciliation-table th[b-4dtx581gf9] {
    background: #f1f5f9;
    border-bottom: 1px solid rgba(30, 41, 59, .06);
    border-right: 1px solid rgba(30, 41, 59, .06);
    color: #1e293b;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    padding: 12px 16px;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

.reconciliation-table td[b-4dtx581gf9] {
    border-right: 1px solid rgba(30, 41, 59, .06);
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    padding: 8px 16px;
    vertical-align: top;
    white-space: pre-line;
}

.reconciliation-table tbody tr[b-4dtx581gf9] {
    background: #ffffff;
}

.reconciliation-table tbody tr:nth-child(even)[b-4dtx581gf9] {
    background: #f8fafc;
}

.reconciliation-overview-btn[b-4dtx581gf9] {
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    color: #363af5;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    line-height: 16px;
    padding: 4px 12px;
}

.reconciliation-loading[b-4dtx581gf9],
.reconciliation-empty[b-4dtx581gf9] {
    align-items: center;
    color: #64748b;
    display: flex;
    min-height: 320px;
    justify-content: center;
}

.reconciliation-actions[b-4dtx581gf9] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 72px;
    justify-content: flex-end;
    padding: 16px 20px;
}

.reconciliation-export-btn[b-4dtx581gf9] {
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    padding: 4px 16px;
}

@media (max-width: 800px) {
    .reconciliation-filters[b-4dtx581gf9] {
        align-items: stretch;
        flex-direction: column;
    }

    .reconciliation-date-field[b-4dtx581gf9],
    .reconciliation-contractor-field[b-4dtx581gf9] {
        width: 100%;
    }

    .reconciliation-show-routes[b-4dtx581gf9] {
        margin-left: 0;
    }
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoicePreviewModal.razor.rz.scp.css */
/* ===== Base table / cells / checkbox ===== */
.invoice-table[b-l4z0vj74vz] {
    border-collapse: collapse;
    width: 100%;
}

.invoice-table thead th[b-l4z0vj74vz] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    padding: 12px;
    white-space: nowrap;
}

.invoice-table tbody td[b-l4z0vj74vz] {
    border-bottom: 1px solid #eef2f7;
    color: #334155;
    font-size: 13px;
    padding: 12px;
    vertical-align: middle;
}

.invoice-table tbody tr[b-l4z0vj74vz] {
    cursor: pointer;
}

.invoice-table tbody tr:hover[b-l4z0vj74vz] {
    background: #f8faff;
}

.invoice-primary-cell[b-l4z0vj74vz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 180px;
}

.invoice-primary-cell strong[b-l4z0vj74vz] {
    color: #1e293b;
    font-size: 13px;
}

.invoice-primary-cell span[b-l4z0vj74vz] {
    color: #64748b;
    font-size: 12px;
}

.invoice-check[b-l4z0vj74vz] {
    align-items: center;
    background: #ffffff;
    border: 2px solid #d8dee6;
    border-radius: 5px;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.invoice-check.checked[b-l4z0vj74vz] {
    background: #5263ff;
    border-color: #5263ff;
}

.invoice-check.checked[b-l4z0vj74vz]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    margin-top: -2px;
    transform: rotate(45deg);
    width: 5px;
}

.invoice-check.indeterminate[b-l4z0vj74vz] {
    background: rgba(82, 99, 255, .12);
    border-color: transparent;
}

.invoice-check.indeterminate[b-l4z0vj74vz]::after {
    background: #5263ff;
    border-radius: 1px;
    content: "";
    height: 2px;
    width: 8px;
}

/* ===== Status pill ===== */
.invoice-status[b-l4z0vj74vz] {
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}

.invoice-status.draft[b-l4z0vj74vz] {
    background: #eef2ff;
    color: #5263ff;
}

.invoice-status.ready[b-l4z0vj74vz] {
    background: #fff7ed;
    color: #f59e0b;
}

.invoice-status.sent[b-l4z0vj74vz] {
    background: #ecfdf5;
    color: #16a34a;
}

.invoice-status.archived[b-l4z0vj74vz] {
    background: #f1f5f9;
    color: #64748b;
}

.invoice-status.error[b-l4z0vj74vz] {
    background: #fee2e2;
    color: #ef4444;
}

.invoice-detail-status[b-l4z0vj74vz] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    color: #101828;
    display: inline-flex;
    gap: 6px;
    font-weight: 600;
    height: 28px;
    min-height: 28px;
    padding: 4px 6px;
}

.invoice-detail-status img[b-l4z0vj74vz] {
    height: 14px;
    width: 14px;
}

/* ===== Action menus ===== */
.invoice-action-menu[b-l4z0vj74vz] {
    position: relative;
}

.invoice-menu-panel[b-l4z0vj74vz] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);
    display: flex;
    flex-direction: column;
    min-width: 180px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1060;
}

.invoice-menu-panel button[b-l4z0vj74vz] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #1e293b;
    font-size: 13px;
    padding: 8px 10px;
    text-align: left;
}

.invoice-menu-panel button:hover[b-l4z0vj74vz] {
    background: #f1f5ff;
    color: #5263ff;
}

.invoice-menu-panel button:disabled[b-l4z0vj74vz],
.invoice-menu-panel button.disabled[b-l4z0vj74vz] {
    color: #94a3b8 !important;
    background: transparent !important;
    cursor: not-allowed;
    opacity: 0.6;
}

.invoice-menu-panel button:disabled:hover[b-l4z0vj74vz],
.invoice-menu-panel button.disabled:hover[b-l4z0vj74vz] {
    color: #94a3b8 !important;
    background: transparent !important;
}

.invoice-row-menu-btn[b-l4z0vj74vz] {
    align-items: center;
    background: #f8fafc;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.invoice-row-menu-btn img[b-l4z0vj74vz] {
    height: 18px;
    width: 18px;
}

.invoice-row-menu-panel[b-l4z0vj74vz] {
    border-radius: 18px;
    box-shadow: 0 24px 42px rgba(15, 23, 42, .18);
    gap: 4px;
    min-width: 142px;
    padding: 8px;
    top: calc(100% + 8px);
}

.invoice-row-menu-panel button[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    min-height: 44px;
}

.invoice-row-menu-panel button:first-child[b-l4z0vj74vz] {
    background: #eef0ff;
    color: #334155;
}

.invoice-row-menu-panel img[b-l4z0vj74vz] {
    height: 18px;
    width: 18px;
}

.invoice-bulk-menu[b-l4z0vj74vz] {
    min-width: 188px;
}

.invoice-bulk-menu button[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.invoice-bulk-menu button img[b-l4z0vj74vz] {
    height: 16px;
    width: 16px;
}

/* ===== Detail modal shell / header ===== */
.invoice-detail-dialog[b-l4z0vj74vz] {
    height: 100vh;
    margin: 0;
    max-width: none;
    min-width: 1280px;
    width: 100vw;
}

.invoice-detail-modal[b-l4z0vj74vz] {
    overflow-x: auto;
}

.invoice-detail-modal *[b-l4z0vj74vz] {
    box-sizing: border-box;
}

.invoice-detail-modal .modal-dialog-centered[b-l4z0vj74vz] {
    align-items: stretch;
    min-height: 100vh;
}

.invoice-detail-modal .modal-content[b-l4z0vj74vz] {
    background: #ffffff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
    min-width: 1280px;
    overflow: hidden;
}

.invoice-detail-backdrop[b-l4z0vj74vz] {
    opacity: 0;
}

.invoice-detail-header[b-l4z0vj74vz] {
    align-items: center;
    border-bottom: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    min-height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
}

.invoice-detail-title[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.invoice-detail-avatar[b-l4z0vj74vz] {
    align-items: center;
    background: #eef0ff;
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.invoice-detail-title > div[b-l4z0vj74vz] {
    min-width: 0;
}

.invoice-detail-avatar img[b-l4z0vj74vz] {
    height: 28px;
    width: 28px;
}

.invoice-detail-title h5[b-l4z0vj74vz] {
    color: #101828;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-title p[b-l4z0vj74vz] {
    color: #5c6b82;
    font-size: 13px;
    font-weight: 500;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-header-right[b-l4z0vj74vz] {
    flex: 0 0 auto;
}

.invoice-detail-close[b-l4z0vj74vz] {
    background-color: #f2f4f7;
    background-size: 12px;
    border-radius: 8px;
    box-shadow: none;
    height: 32px;
    margin: 0;
    opacity: 1;
    padding: 9px;
    width: 32px;
}

/* ===== Detail toolbar ===== */
.invoice-detail-toolbar[b-l4z0vj74vz] {
    align-items: center;
    border-bottom: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    padding: 12px 20px;
}

.invoice-detail-toolbar-left[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 32px;
    min-width: 0;
}

.invoice-detail-tabs[b-l4z0vj74vz] {
    flex: 0 0 auto;
    gap: 8px !important;
}

.invoice-detail-tabs button[b-l4z0vj74vz] {
    background: #f3f6fb;
    border: 0;
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 600;
    height: 32px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-detail-tabs button.active[b-l4z0vj74vz] {
    background: #eef0ff;
    color: #5263ff;
}

.invoice-detail-filters[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

/* Size the picker to its content: pinned to 193px the preset and the date range
   no longer fit on one row, so the trigger wrapped and the toolbar's fixed
   56px height clipped the date range out of sight. */
[b-l4z0vj74vz] .invoice-detail-daterange-picker {
    flex: 0 0 auto;
    height: 32px;
    min-width: max-content;
    width: auto !important;
}

[b-l4z0vj74vz] .invoice-detail-daterange-picker .wm-drp-trigger {
    background: #ffffff;
    border-color: #d0d5dd;
    border-radius: 8px;
}

[b-l4z0vj74vz] .invoice-detail-daterange-picker .wm-drp-trigger-range {
    height: 32px;
    gap: 4px;
    padding: 0 8px;
}

[b-l4z0vj74vz] .invoice-detail-daterange-picker .wm-drp-icon {
    height: 16px;
    width: 16px;
}

[b-l4z0vj74vz] .invoice-detail-daterange-picker .wm-drp-trigger-range-text {
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.invoice-detail-filters[b-l4z0vj74vz]  .invoice-detail-select.custom-select-button {
    appearance: none;
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03) !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    gap: 4px !important;
    height: 32px !important;
    line-height: 16px !important;
    min-height: 32px;
    min-width: 0;
    padding: 0 8px !important;
}

.invoice-detail-filters[b-l4z0vj74vz]  .invoice-detail-select .custom-select-button-label {
    max-width: calc(100% - 16px) !important;
    min-width: 0;
}

.invoice-detail-filter-dropdown[b-l4z0vj74vz] {
    flex: 0 0 auto;
    min-width: 0;
}

.invoice-detail-location-filter[b-l4z0vj74vz] {
    flex-basis: 112px;
    width: 112px;
}

.invoice-detail-worktype-filter[b-l4z0vj74vz] {
    flex-basis: 123px;
    width: 123px;
}

.invoice-detail-filters[b-l4z0vj74vz]  .invoice-detail-select.custom-select-button:focus,
.invoice-detail-filters[b-l4z0vj74vz]  .invoice-detail-select.custom-select-button:focus-visible {
    border-color: #5263ff !important;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .14) !important;
    outline: 0;
}

.invoice-detail-toolbar-right .normal-btn[b-l4z0vj74vz] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 500;
    gap: 2px;
    height: 32px;
    justify-content: center;
    padding: 4px 8px;
    white-space: nowrap;
}

.invoice-detail-bulk[b-l4z0vj74vz] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 500;
    gap: 2px;
    height: 32px;
    justify-content: center;
    padding: 4px 8px;
    width: 130px;
    white-space: nowrap;
}

.invoice-detail-bulk.open[b-l4z0vj74vz] {
    border-color: #c7ccff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .18);
}

.invoice-detail-bulk p[b-l4z0vj74vz],
.invoice-detail-toolbar-right .normal-btn p[b-l4z0vj74vz] {
    display: inline-flex;
    line-height: 16px;
    margin: 0;
    white-space: nowrap;
}

.invoice-detail-bulk img[b-l4z0vj74vz],
.invoice-detail-toolbar-right .normal-btn img[b-l4z0vj74vz] {
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.invoice-detail-new-line[b-l4z0vj74vz] {
    width: 136px;
}

/* ===== Calendar icon ===== */
.invoice-filter-calendar[b-l4z0vj74vz] {
    background: url("img/icons/Calender.svg") center / contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

/* ===== Inline "new invoice line" form ===== */
.invoice-input[b-l4z0vj74vz] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    height: 32px;
    min-height: 32px;
    padding: 6px 10px;
    width: 100%;
}

.invoice-line-form[b-l4z0vj74vz] {
    align-items: end;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #eaecf0;
    border-radius: 0;
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    grid-template-columns: 200fr 200fr 200fr 201fr 200fr 201fr 137fr;
    height: 76px;
    margin: 0;
    min-height: 76px;
    padding: 10px 20px 12px;
}

.invoice-line-form-field[b-l4z0vj74vz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.invoice-line-form-field label[b-l4z0vj74vz] {
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.invoice-line-form-grow[b-l4z0vj74vz] {
    min-width: 0;
}

.invoice-line-form-narrow[b-l4z0vj74vz] {
    min-width: 0;
}

.invoice-line-form-datetime[b-l4z0vj74vz] {
    display: grid;
    gap: 0;
    grid-template-columns: 124px 77px;
    min-width: 0;
}

.invoice-line-form-datetime[b-l4z0vj74vz]  .invoice-line-date-picker .wm-calendar-input {
    border-radius: 8px 0 0 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
}

.invoice-line-form-datetime[b-l4z0vj74vz]  .wm-time-input {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    height: 32px !important;
    padding: 0 8px !important;
}

.invoice-line-form-datetime[b-l4z0vj74vz]  .wm-time-input .wm-time-icon {
    font-size: 14px !important;
}

.invoice-line-form .invoice-input[b-l4z0vj74vz] {
    height: 32px;
    min-height: 32px;
    padding: 6px 10px;
}

.invoice-line-form[b-l4z0vj74vz]  .invoice-input.custom-select-button,
.invoice-row-editing[b-l4z0vj74vz]  .invoice-input.custom-select-button {
    border: 1px solid #dbe3ef !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
}

.invoice-line-form select.invoice-input[b-l4z0vj74vz] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.invoice-line-form-actions[b-l4z0vj74vz] {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 72px 55px;
    white-space: nowrap;
}

.invoice-line-form-actions .btn[b-l4z0vj74vz] {
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    min-width: 0;
    padding: 0 12px;
}

.invoice-line-form-actions .cancel-btn[b-l4z0vj74vz] {
    background: #fff3f0;
    border: 1px solid #fff3f0;
    color: #d92d20;
}

.invoice-line-form-actions .apply-btn[b-l4z0vj74vz] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
}

.invoice-line-form-actions .apply-btn.disabled[b-l4z0vj74vz],
.invoice-line-form-actions .apply-btn:disabled[b-l4z0vj74vz] {
    cursor: not-allowed;
    opacity: .5;
}

/* ===== Detail table ===== */
.invoice-detail-table-scroll[b-l4z0vj74vz] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    position: relative;
    scrollbar-gutter: stable;
}

.invoice-detail-table-scroll.loading[b-l4z0vj74vz] {
    overflow: hidden;
}

.invoice-detail-loading[b-l4z0vj74vz] {
    align-items: center;
    background: rgba(255, 255, 255, .86);
    display: flex;
    inset: 0;
    justify-content: center;
    min-height: 220px;
    position: absolute;
    z-index: 2;
}

.invoice-detail-table thead th[b-l4z0vj74vz] {
    background: #f8fafc;
    border-bottom: 1px solid #eaecf0;
    color: #53657f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    height: 40px;
    padding: 0 20px;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.invoice-detail-table tbody td[b-l4z0vj74vz] {
    border-bottom: 1px solid #f2f4f7;
    color: #101828;
    font-size: 13px;
    line-height: 17px;
    padding: 10px 20px;
    vertical-align: middle;
}

.invoice-detail-table[b-l4z0vj74vz] {
    min-width: 1280px;
    table-layout: fixed;
}

.invoice-detail-table tbody tr[b-l4z0vj74vz] {
    cursor: default;
    min-height: 64px;
}

.invoice-detail-table tbody tr.selected[b-l4z0vj74vz] {
    background: #ffffff;
}

.invoice-detail-table .invoice-primary-cell strong[b-l4z0vj74vz] {
    color: #101828;
    font-weight: 700;
}

.invoice-detail-check-col[b-l4z0vj74vz] {
    width: 3.056%;
}

.invoice-detail-location-col[b-l4z0vj74vz] {
    width: 24.167%;
}

.invoice-detail-description-col[b-l4z0vj74vz] {
    width: 19.722%;
}

.invoice-detail-worktype-col[b-l4z0vj74vz] {
    width: 10%;
}

.invoice-detail-date-col[b-l4z0vj74vz] {
    width: 10%;
}

.invoice-detail-amount-col[b-l4z0vj74vz] {
    width: 8.611%;
}

.invoice-detail-price-col[b-l4z0vj74vz] {
    width: 10%;
}

.invoice-detail-total-col[b-l4z0vj74vz] {
    width: 10%;
}

.invoice-detail-actions-col[b-l4z0vj74vz] {
    width: 4.444%;
}

.invoice-detail-desc[b-l4z0vj74vz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 280px;
}

.invoice-detail-desc strong[b-l4z0vj74vz] {
    color: #101828;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-desc span[b-l4z0vj74vz] {
    color: #667085;
    font-size: 12px;
}

.invoice-detail-desc-note[b-l4z0vj74vz] {
    color: #5263ff !important;
}

.invoice-detail-date[b-l4z0vj74vz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.invoice-detail-date span:last-child[b-l4z0vj74vz] {
    color: #101828;
    font-size: 13px;
}

.invoice-detail-row-menu-btn[b-l4z0vj74vz] {
    background: transparent;
    height: 24px;
    width: 24px;
}

.invoice-detail-row-menu[b-l4z0vj74vz] {
    background: #ffffff;
    border: 1px solid #edf0f5;
    border-radius: 22px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
    gap: 2px;
    min-width: 174px;
    padding: 8px;
    right: 0;
    top: calc(100% + 10px);
    z-index: 1080;
}

.invoice-detail-table tbody tr:nth-last-child(-n + 2):not(:first-child) .invoice-detail-row-menu[b-l4z0vj74vz] {
    bottom: calc(100% + 4px);
    top: auto;
}

.invoice-detail-row-menu button[b-l4z0vj74vz] {
    border-radius: 12px;
    color: #35465f;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    line-height: 18px;
    min-height: 40px;
    padding: 9px 10px;
}

.invoice-detail-row-menu img[b-l4z0vj74vz] {
    height: 16px;
    width: 16px;
}

.invoice-detail-row-menu button:first-child[b-l4z0vj74vz] {
    background: #eef0ff;
    color: #35465f;
}

.invoice-detail-bulk-menu[b-l4z0vj74vz] {
    border: 1px solid #edf0f5;
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .16);
    min-width: 124px;
    padding: 8px;
    right: 0;
    top: calc(100% + 10px);
}

.invoice-detail-bulk-menu button[b-l4z0vj74vz] {
    border-radius: 10px;
    color: #35465f;
    font-size: 14px;
    font-weight: 600;
    min-height: 36px;
    padding: 8px 10px;
}

.invoice-detail-bulk-menu button:first-child[b-l4z0vj74vz] {
    background: #eef0ff;
}

.invoice-row-muted[b-l4z0vj74vz] {
    opacity: .55;
}

/* ===== Inline row editing ===== */
.invoice-row-editing td[b-l4z0vj74vz] {
    vertical-align: middle;
}

.invoice-row-editing .invoice-input[b-l4z0vj74vz] {
    height: 32px;
    min-height: 32px;
    padding: 7px 10px;
}

.invoice-row-editing td:nth-child(3) > input.invoice-input[b-l4z0vj74vz] {
    height: 48px;
    min-height: 48px;
}

.invoice-row-editing .invoice-line-form-datetime[b-l4z0vj74vz] {
    grid-template-columns: 104px;
    gap: 4px;
}

.invoice-row-editing .invoice-line-form-datetime[b-l4z0vj74vz]  .invoice-line-date-picker .wm-calendar-input,
.invoice-row-editing .invoice-line-form-datetime[b-l4z0vj74vz]  .wm-time-input {
    border: 1px solid #dbe3ef !important;
    border-radius: 8px !important;
}

.invoice-line-edit-actions[b-l4z0vj74vz] {
    display: inline-flex;
    gap: 0;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 8px;
}

.invoice-line-edit-cancel[b-l4z0vj74vz],
.invoice-line-edit-save[b-l4z0vj74vz] {
    align-items: center;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.invoice-line-edit-cancel[b-l4z0vj74vz] {
    background: #fee4e2;
}

.invoice-line-edit-save[b-l4z0vj74vz] {
    background: #5263ff;
}

.invoice-line-edit-save.disabled[b-l4z0vj74vz],
.invoice-line-edit-save:disabled[b-l4z0vj74vz] {
    cursor: not-allowed;
    opacity: .48;
}

.invoice-line-edit-cancel img[b-l4z0vj74vz],
.invoice-line-edit-save img[b-l4z0vj74vz] {
    height: 16px;
    width: 16px;
}

/* ===== Selected bar ===== */
.invoice-selected-bar[b-l4z0vj74vz] {
    align-items: center;
    border-top: 1px solid #e5e7eb;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 72px;
    padding: 12px 20px;
}

.invoice-selected-count[b-l4z0vj74vz] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 10px;
}

.invoice-selected-count button[b-l4z0vj74vz] {
    background: transparent;
    border: 0;
    padding: 0;
}

.invoice-selected-count img[b-l4z0vj74vz] {
    height: 18px;
    width: 18px;
}

.invoice-selected-actions[b-l4z0vj74vz] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.invoice-detail-selected-bar[b-l4z0vj74vz] {
    background: #ffffff;
    min-height: 48px;
    padding: 8px 20px;
}

.invoice-detail-selected-bar .invoice-selected-count[b-l4z0vj74vz] {
    font-size: 13px;
    font-weight: 600;
}

.invoice-detail-selected-bar .invoice-selected-count button[b-l4z0vj74vz] {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.invoice-detail-selected-bar .invoice-selected-count button:focus-visible[b-l4z0vj74vz],
.invoice-detail-selected-bar .normal-btn:focus-visible[b-l4z0vj74vz],
.invoice-detail-footer .invoice-send-economic:focus-visible[b-l4z0vj74vz] {
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .18);
    outline: 0;
}

.invoice-detail-selected-bar .invoice-selected-actions[b-l4z0vj74vz] {
    gap: 8px;
}

.invoice-detail-selected-bar .normal-btn[b-l4z0vj74vz] {
    background: #f8fafc;
    border: 1px solid #e4e9f0;
    border-radius: 8px;
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    height: 34px;
    padding: 0 10px;
}

.invoice-detail-selected-bar .normal-btn img[b-l4z0vj74vz] {
    height: 14px;
    width: 14px;
}

.invoice-detail-selected-bar .normal-btn p[b-l4z0vj74vz] {
    line-height: 16px;
    margin: 0;
}

.invoice-detail-selected-bar .normal-btn:hover:not(:disabled)[b-l4z0vj74vz] {
    background: #f8faff;
    border-color: #c7d2fe;
    color: #5263ff;
}

.invoice-detail-selected-bar .normal-btn.disabled[b-l4z0vj74vz],
.invoice-detail-selected-bar .normal-btn:disabled[b-l4z0vj74vz] {
    background: #f8fafc;
    border-color: #e5e7eb;
    color: #98a2b3;
    cursor: not-allowed;
    opacity: 1;
}

/* ===== Footer ===== */
.invoice-send-economic[b-l4z0vj74vz] {
    background: #5263ff;
    border: 1px solid #5263ff;
    border-radius: 10px;
    color: #ffffff;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
}

.invoice-send-economic img[b-l4z0vj74vz] {
    height: 18px;
    width: 18px;
}

.invoice-send-economic.disabled[b-l4z0vj74vz],
.invoice-send-economic:disabled[b-l4z0vj74vz] {
    cursor: not-allowed;
    opacity: .48;
}

.invoice-total-pill[b-l4z0vj74vz] {
    background: #ecfdf5;
    border-radius: 999px;
    color: #16a34a;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
}

.invoice-detail-footer[b-l4z0vj74vz] {
    align-items: center;
    border-top: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
    justify-content: flex-end;
    min-height: 72px;
    padding: 14px 20px;
}

.invoice-detail-total-label[b-l4z0vj74vz] {
    color: #101828;
    font-size: 16px;
    font-weight: 700;
}

.invoice-detail-total-pill[b-l4z0vj74vz] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    padding: 9px 14px;
}

.invoice-detail-total-pill img[b-l4z0vj74vz] {
    height: 16px;
    width: 16px;
}

.invoice-detail-footer .invoice-send-economic[b-l4z0vj74vz] {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    height: 40px;
    min-width: 220px;
    padding: 0 18px;
}

.invoice-detail-footer .invoice-send-economic p[b-l4z0vj74vz] {
    margin: 0;
}

.invoice-push-error[b-l4z0vj74vz] {
    align-items: flex-start;
    background: #FEE2E2;
    border-radius: 6px;
    color: #B91C1C;
    display: flex;
    font-size: 13px;
    gap: 10px;
    margin: 12px 24px 0;
    padding: 10px 12px;
}

.invoice-push-error img[b-l4z0vj74vz] {
    height: 20px;
    margin-top: 1px;
    width: 20px;
}

.invoice-push-error strong[b-l4z0vj74vz] {
    display: block;
    margin-bottom: 2px;
}

.invoice-push-error p[b-l4z0vj74vz] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* ===== Manual-registration link badges ===== */
.invoice-link-badges[b-l4z0vj74vz] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 4px;
}

.invoice-link-badge[b-l4z0vj74vz] {
    border-radius: 8px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
    padding: 2px 8px;
    white-space: nowrap;
}

.invoice-link-badge.counterpart-sent[b-l4z0vj74vz] {
    background: #f1f5f9;
    color: #475569;
}

.invoice-link-badge.drift[b-l4z0vj74vz] {
    background: #fef3c7;
    color: #92400e;
}

.invoice-history-btn[b-l4z0vj74vz] {
    align-items: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
    padding: 6px 12px;
}

.invoice-history-btn:hover[b-l4z0vj74vz] {
    background: #f8fafc;
}

.invoice-history-btn img[b-l4z0vj74vz] {
    height: 16px;
    width: 16px;
}

/* Marker on lines whose unit price came from a location price rule. The pill sits right-aligned
   on the work-type row; hovering it opens a styled tooltip box with the full explanation. */
.price-rule-meta[b-l4z0vj74vz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.price-rule-badge[b-l4z0vj74vz] {
    position: relative;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: #eef0ff;
    color: #5a67f2;
    font-size: 11px;
    font-weight: 600;
    cursor: help;
    white-space: nowrap;
}

.price-rule-badge .price-rule-tooltip[b-l4z0vj74vz] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    padding: 8px 12px;
    border-radius: 8px;
    background: #1f2437;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    white-space: normal;
    width: max-content;
    max-width: 260px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    z-index: 20;
}

.price-rule-badge:hover .price-rule-tooltip[b-l4z0vj74vz] {
    display: block;
}

/* Billing-period tag ("Jan 2026") on dispatch-generated monthly invoices. */
.invoice-period-tag[b-l4z0vj74vz] {
    background: #f1f3f9;
    border-radius: 8px;
    color: #5a6070;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    white-space: nowrap;
    width: fit-content;
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceSeasonalFeeModal.razor.rz.scp.css */
.invoice-wide-modal .modal-dialog[b-7n25wzc4u8] {
    max-width: 1000px;
    width: calc(100% - 32px);
}

.invoice-wide-modal .modal-content[b-7n25wzc4u8] {
    border: 0;
    border-radius: 16px;
    overflow: hidden;
}

.invoice-wide-modal .modal-header[b-7n25wzc4u8] {
    align-items: flex-start;
    padding: 24px 76px 16px 24px;
    position: relative;
}

.invoice-wide-modal .modal-header h5[b-7n25wzc4u8] {
    color: #1e293b;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.invoice-wide-modal .modal-header p[b-7n25wzc4u8] {
    color: #64748b;
    font-size: 13px;
    margin: 6px 0 0;
}

.invoice-wide-modal .modal-header .btn-close[b-7n25wzc4u8] {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    height: 36px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 36px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23334155'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
}

.invoice-wide-modal .modal-body[b-7n25wzc4u8] {
    padding: 0 24px;
}

.invoice-modal-toolbar[b-7n25wzc4u8] {
    align-items: flex-end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 8px 0 16px;
}

.invoice-modal-filters[b-7n25wzc4u8] {
    display: flex;
    gap: 16px;
}

.invoice-mini-filter label[b-7n25wzc4u8] {
    color: #475569;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

.invoice-input[b-7n25wzc4u8] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    min-height: 40px;
    min-width: 190px;
    padding: 8px 12px;
    width: 100%;
}

.invoice-status-pills[b-7n25wzc4u8] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.invoice-status-pills button[b-7n25wzc4u8] {
    background: #f1f5f9;
    border: 0;
    border-radius: 8px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    min-height: 36px;
    padding: 0 14px;
    white-space: nowrap;
}

.invoice-status-pills button span[b-7n25wzc4u8] {
    color: #94a3b8;
    font-weight: 600;
}

.invoice-status-pills button.active[b-7n25wzc4u8] {
    background: #eef0ff;
    color: #5263ff;
}

.invoice-status-pills button.active span[b-7n25wzc4u8] {
    color: #8a97ff;
}

.invoice-modal-table-scroll[b-7n25wzc4u8] {
    margin: 0 -24px;
    max-height: 48vh;
    overflow: auto;
}

.invoice-table[b-7n25wzc4u8] {
    border-collapse: collapse;
    width: 100%;
}

.invoice-table thead th[b-7n25wzc4u8] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    padding: 12px 16px;
    position: sticky;
    text-align: left;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}

.invoice-table thead th + th[b-7n25wzc4u8] {
    border-left: 1px solid #e2e8f0;
}

.invoice-table tbody td[b-7n25wzc4u8] {
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-size: 13px;
    padding: 14px 16px;
    vertical-align: middle;
}

.invoice-table tbody td + td[b-7n25wzc4u8] {
    border-left: 1px solid #f1f5f9;
}

.invoice-table tbody tr:nth-child(even) td[b-7n25wzc4u8] {
    background: #f8fafc;
}

.invoice-table tbody tr[b-7n25wzc4u8] {
    cursor: pointer;
}

.invoice-table tbody tr:hover td[b-7n25wzc4u8] {
    background: #f4f7ff;
}

.invoice-check-col[b-7n25wzc4u8] {
    width: 48px;
}

.invoice-check[b-7n25wzc4u8] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    display: inline-flex;
    height: 18px;
    justify-content: center;
    padding: 0;
    width: 18px;
}

.invoice-check:disabled[b-7n25wzc4u8] {
    background: #f1f5f9;
    cursor: not-allowed;
}

.invoice-check.checked[b-7n25wzc4u8] {
    background: #5263ff;
    border-color: #5263ff;
}

.invoice-check.checked[b-7n25wzc4u8]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 10px;
    margin-top: -2px;
    transform: rotate(45deg);
    width: 5px;
}

.invoice-check.indeterminate[b-7n25wzc4u8] {
    background: #5263ff;
    border-color: #5263ff;
}

.invoice-check.indeterminate[b-7n25wzc4u8]::after {
    background: #ffffff;
    border-radius: 1px;
    content: "";
    height: 2px;
    width: 10px;
}

.invoice-wide-modal .modal-footer[b-7n25wzc4u8] {
    border-top: 1px solid #eef2f7;
    gap: 16px;
    padding: 16px 24px;
}

.invoice-modal-hint[b-7n25wzc4u8] {
    color: #334155;
    font-size: 14px;
    font-weight: 500;
}

.invoice-wide-modal .apply-btn[b-7n25wzc4u8] {
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    min-height: 40px;
    padding: 8px 20px;
}

.invoice-wide-modal .apply-btn:hover:not(:disabled)[b-7n25wzc4u8] {
    background: #4353e8;
    color: #ffffff;
}

.invoice-wide-modal .apply-btn:disabled[b-7n25wzc4u8] {
    background: #aab4f5;
    color: #ffffff;
    cursor: not-allowed;
    opacity: 1;
}

@media (max-width: 900px) {
    .invoice-modal-toolbar[b-7n25wzc4u8] {
        align-items: stretch;
        flex-direction: column;
    }

    .invoice-table[b-7n25wzc4u8] {
        min-width: 860px;
    }
}
/* /Pages/Invoices/CustomerInvoices/Components/CustomerInvoiceTable.razor.rz.scp.css */
.invoice-customer-hourly-workspace[b-j9fo6k0f7j]{
    display: flex;
    flex-direction: column;
    gap: var(--wm-card-gap);
}.invoice-toolbar-card[b-j9fo6k0f7j], .invoice-list-card[b-j9fo6k0f7j]{
    background: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
}.invoice-toolbar-card[b-j9fo6k0f7j]{
    min-height: var(--wm-header-row-height);
    padding: var(--wm-card-padding);
}.invoice-list-card[b-j9fo6k0f7j]{
    overflow: visible;
    padding: 0;
    position: relative;
    z-index: 1;
}.hourly-invoice-workspace .invoice-list-card[b-j9fo6k0f7j]{
    border-radius: var(--wm-card-radius);
}.invoice-customer-toolbar[b-j9fo6k0f7j]{
    justify-content: space-between;
    min-height: auto;
    width: 100%;
}.invoice-customer-toolbar-actions[b-j9fo6k0f7j]{
    flex-shrink: 0;
    gap: 8px;
}.normal-btn[b-j9fo6k0f7j], .invoice-create-btn[b-j9fo6k0f7j]{
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 32px;
    justify-content: center;
    line-height: 16px;
    padding: 4px 8px;
}.normal-btn[b-j9fo6k0f7j]{
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    color: #1e293b;
}.normal-btn img[b-j9fo6k0f7j], .invoice-create-btn img[b-j9fo6k0f7j]{
    height: 16px;
    width: 16px;
}.invoice-create-btn[b-j9fo6k0f7j], .invoice-send-economic[b-j9fo6k0f7j]{
    background: #5263ff;
    border: 0;
    color: #ffffff;
}.invoice-send-economic[b-j9fo6k0f7j]{
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 8px;
    height: 40px;
    justify-content: center;
    padding: 0 14px;
}.invoice-send-economic.disabled[b-j9fo6k0f7j], .invoice-send-economic:disabled[b-j9fo6k0f7j]{
    cursor: not-allowed;
    opacity: .48;
}.invoice-customer-tabs-row[b-j9fo6k0f7j]{
    margin-bottom: 0;
    min-height: 64px;
    padding: 16px;
    width: 100%;
}.invoice-customer-tabs button[b-j9fo6k0f7j]{
    background: var(--wm-control-bg);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: var(--wm-control-radius);
    color: var(--wm-text-strong);
    font-size: var(--wm-font-sm);
    font-weight: var(--wm-weight-strong);
    line-height: var(--wm-line-sm);
    min-height: var(--wm-control-height);
    padding: var(--wm-control-padding);
}.invoice-customer-tabs button.active[b-j9fo6k0f7j]{
    background: rgba(82, 99, 255, .12);
    border-color: transparent;
    color: #363af5;
}.invoice-customer-filter-actions .close-txt[b-j9fo6k0f7j]{
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    color: #363af5;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 32px;
    line-height: 16px;
    padding: 4px 8px;
}.invoice-customer-filter-actions .close-txt img[b-j9fo6k0f7j]{
    height: 12px;
    width: 12px;
}.invoice-filter-btn-caret[b-j9fo6k0f7j]{
    height: 12px !important;
    width: 12px !important;
}.invoice-loading[b-j9fo6k0f7j], .invoice-empty[b-j9fo6k0f7j]{
    align-items: center;
    color: #5263ff;
    display: flex;
    height: 300px;
    justify-content: center;
}.invoice-empty[b-j9fo6k0f7j]{
    color: #64748b;
}.invoice-table-scroll[b-j9fo6k0f7j]{
    overflow: visible;
    position: relative;
    z-index: 2;
    width: 100%;
}.invoice-table[b-j9fo6k0f7j]{
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 1000px;
}.invoice-table tbody tr[b-j9fo6k0f7j]{
    cursor: pointer;
}.invoice-table tbody tr:hover[b-j9fo6k0f7j], .invoice-customer-table tbody tr.selected[b-j9fo6k0f7j]{
    background: #f5f7ff;
}.invoice-primary-cell[b-j9fo6k0f7j]{
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 220px;
}.invoice-primary-cell strong[b-j9fo6k0f7j]{
    color: #1e293b;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}.invoice-primary-cell span[b-j9fo6k0f7j]{
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}.invoice-check[b-j9fo6k0f7j]{
    align-items: center;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 5px;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    width: 16px;
}.invoice-check.checked[b-j9fo6k0f7j], .invoice-check.indeterminate[b-j9fo6k0f7j]{
    background: #5263ff;
    border-color: #5263ff;
}.invoice-check.checked[b-j9fo6k0f7j]::after{
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    margin-top: -2px;
    transform: rotate(45deg);
    width: 5px;
}.invoice-check.indeterminate[b-j9fo6k0f7j]::after{
    background: #ffffff;
    border-radius: 1px;
    content: "";
    height: 2px;
    width: 9px;
}.invoice-status[b-j9fo6k0f7j]{
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}.invoice-customer-table .invoice-status[b-j9fo6k0f7j]{
    align-items: center;
    gap: 5px;
}.invoice-status.draft[b-j9fo6k0f7j]{
    background: #eef2ff;
    color: #5263ff;
}.invoice-status.ready[b-j9fo6k0f7j]{
    background: #fff7ed;
    color: #f59e0b;
}.invoice-status.sent[b-j9fo6k0f7j]{
    background: #ecfdf5;
    color: #16a34a;
}.invoice-status.archived[b-j9fo6k0f7j]{
    background: #f1f5f9;
    color: #64748b;
}.invoice-status.error[b-j9fo6k0f7j]{
    background: #fee2e2;
    color: #ef4444;
}.invoice-action-menu[b-j9fo6k0f7j]{
    position: relative;
}.invoice-menu-panel[b-j9fo6k0f7j]{
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);
    display: flex;
    flex-direction: column;
    min-width: 180px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1060;
}.invoice-menu-panel button[b-j9fo6k0f7j]{
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #1e293b;
    font-size: 13px;
    padding: 8px 10px;
    text-align: left;
}.invoice-menu-panel button:hover[b-j9fo6k0f7j]{
    background: #f1f5ff;
    color: #5263ff;
}.invoice-bulk-menu[b-j9fo6k0f7j]{
    background: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, #ffffff 100%);
    backdrop-filter: blur(48px);
    border: 0;
    border-radius: 0;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .10);
    min-width: 161px;
    padding: 8px 4px;
    width: 161px;
}.invoice-bulk-menu button[b-j9fo6k0f7j]{
    align-items: center;
    border-radius: 16px;
    color: #475569;
    display: flex;
    gap: 2px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 4px 10px;
}.invoice-bulk-menu button:hover[b-j9fo6k0f7j]{
    background: rgba(82, 99, 255, .12);
    color: #475569;
}.invoice-bulk-menu button:first-child[b-j9fo6k0f7j]{
    background: rgba(82, 99, 255, .12);
}.invoice-bulk-menu button img[b-j9fo6k0f7j]{
    height: 18px;
    width: 18px;
}.invoice-bulk-menu button span[b-j9fo6k0f7j]{
    padding: 0 4px;
    white-space: nowrap;
}.invoice-row-menu-btn[b-j9fo6k0f7j]{
    align-items: center;
    background: #f8fafc;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}.invoice-row-menu-btn img[b-j9fo6k0f7j]{
    height: 18px;
    width: 18px;
}.invoice-row-menu-panel[b-j9fo6k0f7j]{
    border-radius: 18px;
    min-width: 142px;
}.invoice-selected-bar[b-j9fo6k0f7j]{
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    min-height: 72px;
    padding: 12px 16px;
}.invoice-selected-count[b-j9fo6k0f7j], .invoice-selected-actions[b-j9fo6k0f7j]{
    align-items: center;
    display: flex;
    gap: 10px;
}.invoice-selected-count[b-j9fo6k0f7j]{
    color: #64748b;
    font-size: 15px;
    font-weight: 700;
}.invoice-selected-count button[b-j9fo6k0f7j]{
    background: transparent;
    border: 0;
    padding: 0;
}[b-j9fo6k0f7j] .wm-pagination{
    border-top: 1px solid rgba(30, 41, 59, .09);
    min-height: 64px;
    padding: 8px 16px;
}@media (max-width: 900px){
    .invoice-customer-toolbar[b-j9fo6k0f7j],
    .invoice-customer-tabs-row[b-j9fo6k0f7j],
    .invoice-selected-bar[b-j9fo6k0f7j] {
        align-items: stretch;
        flex-direction: column;
    }.invoice-customer-toolbar-actions[b-j9fo6k0f7j], .invoice-selected-actions[b-j9fo6k0f7j]{
        justify-content: flex-start;
    }
}

/* Billing-period tag ("Jan 2026") on dispatch-generated monthly invoices. */
.invoice-period-tag[b-j9fo6k0f7j] {
    background: #f1f3f9;
    border-radius: 8px;
    color: #5a6070;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    white-space: nowrap;
    width: fit-content;
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceCustomerPreviewModal.razor.rz.scp.css */
/* ===== Base table / cells / checkbox ===== */
.invoice-table[b-77fd7np7an] {
    border-collapse: collapse;
    width: 100%;
}

.invoice-table thead th[b-77fd7np7an] {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    padding: 12px;
    white-space: nowrap;
}

.invoice-table tbody td[b-77fd7np7an] {
    border-bottom: 1px solid #eef2f7;
    color: #334155;
    font-size: 13px;
    padding: 12px;
    vertical-align: middle;
}

.invoice-table tbody tr[b-77fd7np7an] {
    cursor: pointer;
}

.invoice-table tbody tr:hover[b-77fd7np7an] {
    background: #f8faff;
}

.invoice-primary-cell[b-77fd7np7an] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 180px;
}

.invoice-primary-cell strong[b-77fd7np7an] {
    color: #1e293b;
    font-size: 13px;
}

.invoice-primary-cell span[b-77fd7np7an] {
    color: #64748b;
    font-size: 12px;
}

.invoice-check[b-77fd7np7an] {
    align-items: center;
    background: #ffffff;
    border: 2px solid #d8dee6;
    border-radius: 5px;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    width: 20px;
}

.invoice-check.checked[b-77fd7np7an] {
    background: #5263ff;
    border-color: #5263ff;
}

.invoice-check.checked[b-77fd7np7an]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    margin-top: -2px;
    transform: rotate(45deg);
    width: 5px;
}

.invoice-check.indeterminate[b-77fd7np7an] {
    background: rgba(82, 99, 255, .12);
    border-color: transparent;
}

.invoice-check.indeterminate[b-77fd7np7an]::after {
    background: #5263ff;
    border-radius: 1px;
    content: "";
    height: 2px;
    width: 8px;
}

/* ===== Status pill ===== */
.invoice-status[b-77fd7np7an] {
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
}

.invoice-status.draft[b-77fd7np7an] {
    background: #eef2ff;
    color: #5263ff;
}

.invoice-status.ready[b-77fd7np7an] {
    background: #fff7ed;
    color: #f59e0b;
}

.invoice-status.sent[b-77fd7np7an] {
    background: #ecfdf5;
    color: #16a34a;
}

.invoice-status.archived[b-77fd7np7an] {
    background: #f1f5f9;
    color: #64748b;
}

.invoice-status.error[b-77fd7np7an] {
    background: #fee2e2;
    color: #ef4444;
}

.invoice-detail-status[b-77fd7np7an] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    color: #101828;
    display: inline-flex;
    gap: 6px;
    font-weight: 600;
    height: 28px;
    min-height: 28px;
    padding: 4px 6px;
}

.invoice-detail-status img[b-77fd7np7an] {
    height: 14px;
    width: 14px;
}

/* ===== Action menus ===== */
.invoice-action-menu[b-77fd7np7an] {
    position: relative;
}

.invoice-menu-panel[b-77fd7np7an] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);
    display: flex;
    flex-direction: column;
    min-width: 180px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 1060;
}

.invoice-menu-panel button[b-77fd7np7an] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: #1e293b;
    font-size: 13px;
    padding: 8px 10px;
    text-align: left;
}

.invoice-menu-panel button:hover[b-77fd7np7an] {
    background: #f1f5ff;
    color: #5263ff;
}

.invoice-menu-panel button:disabled[b-77fd7np7an],
.invoice-menu-panel button.disabled[b-77fd7np7an] {
    color: #94a3b8 !important;
    background: transparent !important;
    cursor: not-allowed;
    opacity: 0.6;
}

.invoice-menu-panel button:disabled:hover[b-77fd7np7an],
.invoice-menu-panel button.disabled:hover[b-77fd7np7an] {
    color: #94a3b8 !important;
    background: transparent !important;
}

.invoice-row-menu-btn[b-77fd7np7an] {
    align-items: center;
    background: #f8fafc;
    border: 0;
    border-radius: 8px;
    display: inline-flex;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.invoice-row-menu-btn img[b-77fd7np7an] {
    height: 18px;
    width: 18px;
}

.invoice-row-menu-panel[b-77fd7np7an] {
    border-radius: 18px;
    box-shadow: 0 24px 42px rgba(15, 23, 42, .18);
    gap: 4px;
    min-width: 142px;
    padding: 8px;
    top: calc(100% + 8px);
}

.invoice-row-menu-panel button[b-77fd7np7an] {
    align-items: center;
    display: flex;
    gap: 10px;
    font-size: 15px;
    font-weight: 700;
    min-height: 44px;
}

.invoice-row-menu-panel button:first-child[b-77fd7np7an] {
    background: #eef0ff;
    color: #334155;
}

.invoice-row-menu-panel img[b-77fd7np7an] {
    height: 18px;
    width: 18px;
}

.invoice-bulk-menu[b-77fd7np7an] {
    min-width: 188px;
}

.invoice-bulk-menu button[b-77fd7np7an] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.invoice-bulk-menu button img[b-77fd7np7an] {
    height: 16px;
    width: 16px;
}

/* ===== Detail modal shell / header ===== */
.invoice-detail-dialog[b-77fd7np7an] {
    height: 100vh;
    margin: 0;
    max-width: none;
    min-width: 1280px;
    width: 100vw;
}

.invoice-detail-modal[b-77fd7np7an] {
    overflow-x: auto;
}

.invoice-detail-modal *[b-77fd7np7an] {
    box-sizing: border-box;
}

.invoice-detail-modal .modal-dialog-centered[b-77fd7np7an] {
    align-items: stretch;
    min-height: 100vh;
}

.invoice-detail-modal .modal-content[b-77fd7np7an] {
    background: #ffffff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
    min-width: 1280px;
    overflow: hidden;
}

.invoice-detail-backdrop[b-77fd7np7an] {
    opacity: 0;
}

.invoice-detail-header[b-77fd7np7an] {
    align-items: center;
    border-bottom: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    min-height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
}

.invoice-detail-title[b-77fd7np7an] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-width: 0;
}

.invoice-detail-avatar[b-77fd7np7an] {
    align-items: center;
    background: #eef0ff;
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.invoice-detail-title > div[b-77fd7np7an] {
    min-width: 0;
}

.invoice-detail-avatar img[b-77fd7np7an] {
    height: 28px;
    width: 28px;
}

.invoice-detail-title h5[b-77fd7np7an] {
    color: #101828;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-title p[b-77fd7np7an] {
    color: #5c6b82;
    font-size: 13px;
    font-weight: 500;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-header-right[b-77fd7np7an] {
    flex: 0 0 auto;
}

.invoice-detail-close[b-77fd7np7an] {
    background-color: #f2f4f7;
    background-size: 12px;
    border-radius: 8px;
    box-shadow: none;
    height: 32px;
    margin: 0;
    opacity: 1;
    padding: 9px;
    width: 32px;
}

/* ===== Detail toolbar ===== */
.invoice-detail-toolbar[b-77fd7np7an] {
    align-items: center;
    border-bottom: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: space-between;
    height: 56px;
    min-height: 56px;
    padding: 12px 20px;
}

.invoice-detail-toolbar-left[b-77fd7np7an] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    gap: 32px;
    min-width: 0;
}

.invoice-detail-tabs[b-77fd7np7an] {
    flex: 0 0 auto;
    gap: 8px !important;
}

.invoice-detail-tabs button[b-77fd7np7an] {
    background: #f3f6fb;
    border: 0;
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 600;
    height: 32px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-detail-tabs button.active[b-77fd7np7an] {
    background: #eef0ff;
    color: #5263ff;
}

.invoice-detail-filters[b-77fd7np7an] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

/* Size the picker to its content: pinned to 193px the preset and the date range
   no longer fit on one row, so the trigger wrapped and the toolbar's fixed
   56px height clipped the date range out of sight. */
[b-77fd7np7an] .invoice-detail-daterange-picker {
    flex: 0 0 auto;
    height: 32px;
    min-width: max-content;
    width: auto !important;
}

[b-77fd7np7an] .invoice-detail-daterange-picker .wm-drp-trigger {
    background: #ffffff;
    border-color: #d0d5dd;
    border-radius: 8px;
}

[b-77fd7np7an] .invoice-detail-daterange-picker .wm-drp-trigger-range {
    height: 32px;
    gap: 4px;
    padding: 0 8px;
}

[b-77fd7np7an] .invoice-detail-daterange-picker .wm-drp-icon {
    height: 16px;
    width: 16px;
}

[b-77fd7np7an] .invoice-detail-daterange-picker .wm-drp-trigger-range-text {
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.invoice-detail-filters[b-77fd7np7an]  .invoice-detail-select.custom-select-button {
    appearance: none;
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03) !important;
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    gap: 4px !important;
    height: 32px !important;
    line-height: 16px !important;
    min-height: 32px;
    min-width: 0;
    padding: 0 8px !important;
}

.invoice-detail-filters[b-77fd7np7an]  .invoice-detail-select .custom-select-button-label {
    max-width: calc(100% - 16px) !important;
    min-width: 0;
}

.invoice-detail-filter-dropdown[b-77fd7np7an] {
    flex: 0 0 auto;
    min-width: 0;
}

.invoice-detail-location-filter[b-77fd7np7an] {
    flex-basis: 112px;
    width: 112px;
}

.invoice-detail-worktype-filter[b-77fd7np7an] {
    flex-basis: 123px;
    width: 123px;
}

.invoice-detail-filters[b-77fd7np7an]  .invoice-detail-select.custom-select-button:focus,
.invoice-detail-filters[b-77fd7np7an]  .invoice-detail-select.custom-select-button:focus-visible {
    border-color: #5263ff !important;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .14) !important;
    outline: 0;
}

.invoice-detail-toolbar-right .normal-btn[b-77fd7np7an] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 500;
    gap: 2px;
    height: 32px;
    justify-content: center;
    padding: 4px 8px;
    white-space: nowrap;
}

.invoice-detail-bulk[b-77fd7np7an] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    color: #101828;
    font-size: 13px;
    font-weight: 500;
    gap: 2px;
    height: 32px;
    justify-content: center;
    padding: 4px 8px;
    width: 130px;
    white-space: nowrap;
}

.invoice-detail-bulk.open[b-77fd7np7an] {
    border-color: #c7ccff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .18);
}

.invoice-detail-bulk p[b-77fd7np7an],
.invoice-detail-toolbar-right .normal-btn p[b-77fd7np7an] {
    display: inline-flex;
    line-height: 16px;
    margin: 0;
    white-space: nowrap;
}

.invoice-detail-bulk img[b-77fd7np7an],
.invoice-detail-toolbar-right .normal-btn img[b-77fd7np7an] {
    flex: 0 0 auto;
    height: 15px;
    width: 15px;
}

.invoice-detail-new-line[b-77fd7np7an] {
    width: 136px;
}

/* ===== Calendar icon ===== */
.invoice-filter-calendar[b-77fd7np7an] {
    background: url("img/icons/Calender.svg") center / contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

/* ===== Inline "new invoice line" form ===== */
.invoice-input[b-77fd7np7an] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    height: 32px;
    min-height: 32px;
    padding: 6px 10px;
    width: 100%;
}

.invoice-line-form[b-77fd7np7an] {
    align-items: end;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #eaecf0;
    border-radius: 0;
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    grid-template-columns: 200fr 200fr 200fr 201fr 200fr 201fr 137fr;
    height: 76px;
    margin: 0;
    min-height: 76px;
    padding: 10px 20px 12px;
}

.invoice-line-form-field[b-77fd7np7an] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.invoice-line-form-field label[b-77fd7np7an] {
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.invoice-line-form-grow[b-77fd7np7an] {
    min-width: 0;
}

.invoice-line-form-narrow[b-77fd7np7an] {
    min-width: 0;
}

.invoice-line-form-datetime[b-77fd7np7an] {
    display: grid;
    gap: 0;
    grid-template-columns: 124px 77px;
    min-width: 0;
}

.invoice-line-form-datetime[b-77fd7np7an]  .invoice-line-date-picker .wm-calendar-input {
    border-radius: 8px 0 0 8px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
}

.invoice-line-form-datetime[b-77fd7np7an]  .wm-time-input {
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    height: 32px !important;
    padding: 0 8px !important;
}

.invoice-line-form-datetime[b-77fd7np7an]  .wm-time-input .wm-time-icon {
    font-size: 14px !important;
}

.invoice-line-form .invoice-input[b-77fd7np7an] {
    height: 32px;
    min-height: 32px;
    padding: 6px 10px;
}

.invoice-line-form[b-77fd7np7an]  .invoice-input.custom-select-button,
.invoice-row-editing[b-77fd7np7an]  .invoice-input.custom-select-button {
    border: 1px solid #dbe3ef !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
}

.invoice-line-form select.invoice-input[b-77fd7np7an] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.invoice-line-form-actions[b-77fd7np7an] {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 72px 55px;
    white-space: nowrap;
}

.invoice-line-form-actions .btn[b-77fd7np7an] {
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    min-width: 0;
    padding: 0 12px;
}

.invoice-line-form-actions .cancel-btn[b-77fd7np7an] {
    background: #fff3f0;
    border: 1px solid #fff3f0;
    color: #d92d20;
}

.invoice-line-form-actions .apply-btn[b-77fd7np7an] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
}

.invoice-line-form-actions .apply-btn.disabled[b-77fd7np7an],
.invoice-line-form-actions .apply-btn:disabled[b-77fd7np7an] {
    cursor: not-allowed;
    opacity: .5;
}

/* ===== Detail table ===== */
.invoice-detail-table-scroll[b-77fd7np7an] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    position: relative;
    scrollbar-gutter: stable;
}

.invoice-detail-table-scroll.loading[b-77fd7np7an] {
    overflow: hidden;
}

.invoice-detail-loading[b-77fd7np7an] {
    align-items: center;
    background: rgba(255, 255, 255, .86);
    display: flex;
    inset: 0;
    justify-content: center;
    min-height: 220px;
    position: absolute;
    z-index: 2;
}

.invoice-detail-table thead th[b-77fd7np7an] {
    background: #f8fafc;
    border-bottom: 1px solid #eaecf0;
    color: #53657f;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    height: 40px;
    padding: 0 20px;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.invoice-detail-table tbody td[b-77fd7np7an] {
    border-bottom: 1px solid #f2f4f7;
    color: #101828;
    font-size: 13px;
    line-height: 17px;
    padding: 10px 20px;
    vertical-align: middle;
}

.invoice-detail-table[b-77fd7np7an] {
    min-width: 1280px;
    table-layout: fixed;
}

.invoice-detail-table tbody tr[b-77fd7np7an] {
    cursor: default;
    min-height: 64px;
}

.invoice-detail-table tbody tr.selected[b-77fd7np7an] {
    background: #ffffff;
}

.invoice-detail-table .invoice-primary-cell strong[b-77fd7np7an] {
    color: #101828;
    font-weight: 700;
}

.invoice-detail-check-col[b-77fd7np7an] {
    width: 3.056%;
}

.invoice-detail-location-col[b-77fd7np7an] {
    width: 24.167%;
}

.invoice-detail-description-col[b-77fd7np7an] {
    width: 19.722%;
}

.invoice-detail-worktype-col[b-77fd7np7an] {
    width: 10%;
}

.invoice-detail-date-col[b-77fd7np7an] {
    width: 10%;
}

.invoice-detail-amount-col[b-77fd7np7an] {
    width: 8.611%;
}

.invoice-detail-price-col[b-77fd7np7an] {
    width: 10%;
}

.invoice-detail-total-col[b-77fd7np7an] {
    width: 10%;
}

.invoice-detail-actions-col[b-77fd7np7an] {
    width: 4.444%;
}

.invoice-detail-desc[b-77fd7np7an] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 280px;
}

.invoice-detail-desc strong[b-77fd7np7an] {
    color: #101828;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-detail-desc span[b-77fd7np7an] {
    color: #667085;
    font-size: 12px;
}

.invoice-detail-desc-note[b-77fd7np7an] {
    color: #5263ff !important;
}

.invoice-detail-date[b-77fd7np7an] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.invoice-detail-date span:last-child[b-77fd7np7an] {
    color: #101828;
    font-size: 13px;
}

.invoice-detail-row-menu-btn[b-77fd7np7an] {
    background: transparent;
    height: 24px;
    width: 24px;
}

.invoice-detail-row-menu[b-77fd7np7an] {
    background: #ffffff;
    border: 1px solid #edf0f5;
    border-radius: 22px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .18);
    gap: 2px;
    min-width: 174px;
    padding: 8px;
    right: 0;
    top: calc(100% + 10px);
    z-index: 1080;
}

.invoice-detail-table tbody tr:nth-last-child(-n + 2):not(:first-child) .invoice-detail-row-menu[b-77fd7np7an] {
    bottom: calc(100% + 4px);
    top: auto;
}

.invoice-detail-row-menu button[b-77fd7np7an] {
    border-radius: 12px;
    color: #35465f;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    line-height: 18px;
    min-height: 40px;
    padding: 9px 10px;
}

.invoice-detail-row-menu img[b-77fd7np7an] {
    height: 16px;
    width: 16px;
}

.invoice-detail-row-menu button:first-child[b-77fd7np7an] {
    background: #eef0ff;
    color: #35465f;
}

.invoice-detail-bulk-menu[b-77fd7np7an] {
    border: 1px solid #edf0f5;
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .16);
    min-width: 124px;
    padding: 8px;
    right: 0;
    top: calc(100% + 10px);
}

.invoice-detail-bulk-menu button[b-77fd7np7an] {
    border-radius: 10px;
    color: #35465f;
    font-size: 14px;
    font-weight: 600;
    min-height: 36px;
    padding: 8px 10px;
}

.invoice-detail-bulk-menu button:first-child[b-77fd7np7an] {
    background: #eef0ff;
}

.invoice-row-muted[b-77fd7np7an] {
    opacity: .55;
}

/* ===== Inline row editing ===== */
.invoice-row-editing td[b-77fd7np7an] {
    vertical-align: middle;
}

.invoice-row-editing .invoice-input[b-77fd7np7an] {
    height: 32px;
    min-height: 32px;
    padding: 7px 10px;
}

.invoice-row-editing td:nth-child(3) > input.invoice-input[b-77fd7np7an] {
    height: 48px;
    min-height: 48px;
}

.invoice-row-editing .invoice-line-form-datetime[b-77fd7np7an] {
    grid-template-columns: 104px;
    gap: 4px;
}

.invoice-row-editing .invoice-line-form-datetime[b-77fd7np7an]  .invoice-line-date-picker .wm-calendar-input,
.invoice-row-editing .invoice-line-form-datetime[b-77fd7np7an]  .wm-time-input {
    border: 1px solid #dbe3ef !important;
    border-radius: 8px !important;
}

.invoice-line-edit-actions[b-77fd7np7an] {
    display: inline-flex;
    gap: 0;
    justify-content: flex-end;
    overflow: hidden;
    border-radius: 8px;
}

.invoice-line-edit-cancel[b-77fd7np7an],
.invoice-line-edit-save[b-77fd7np7an] {
    align-items: center;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.invoice-line-edit-cancel[b-77fd7np7an] {
    background: #fee4e2;
}

.invoice-line-edit-save[b-77fd7np7an] {
    background: #5263ff;
}

.invoice-line-edit-save.disabled[b-77fd7np7an],
.invoice-line-edit-save:disabled[b-77fd7np7an] {
    cursor: not-allowed;
    opacity: .48;
}

.invoice-line-edit-cancel img[b-77fd7np7an],
.invoice-line-edit-save img[b-77fd7np7an] {
    height: 16px;
    width: 16px;
}

/* ===== Selected bar ===== */
.invoice-selected-bar[b-77fd7np7an] {
    align-items: center;
    border-top: 1px solid #e5e7eb;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 72px;
    padding: 12px 20px;
}

.invoice-selected-count[b-77fd7np7an] {
    align-items: center;
    color: #64748b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 10px;
}

.invoice-selected-count button[b-77fd7np7an] {
    background: transparent;
    border: 0;
    padding: 0;
}

.invoice-selected-count img[b-77fd7np7an] {
    height: 18px;
    width: 18px;
}

.invoice-selected-actions[b-77fd7np7an] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.invoice-detail-selected-bar[b-77fd7np7an] {
    background: #ffffff;
    min-height: 48px;
    padding: 8px 20px;
}

.invoice-detail-selected-bar .invoice-selected-count[b-77fd7np7an] {
    font-size: 13px;
    font-weight: 600;
}

.invoice-detail-selected-bar .invoice-selected-count button[b-77fd7np7an] {
    align-items: center;
    border-radius: 6px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.invoice-detail-selected-bar .invoice-selected-count button:focus-visible[b-77fd7np7an],
.invoice-detail-selected-bar .normal-btn:focus-visible[b-77fd7np7an],
.invoice-detail-footer .invoice-send-economic:focus-visible[b-77fd7np7an] {
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .18);
    outline: 0;
}

.invoice-detail-selected-bar .invoice-selected-actions[b-77fd7np7an] {
    gap: 8px;
}

.invoice-detail-selected-bar .normal-btn[b-77fd7np7an] {
    background: #f8fafc;
    border: 1px solid #e4e9f0;
    border-radius: 8px;
    color: #344054;
    font-size: 12px;
    font-weight: 600;
    gap: 6px;
    height: 34px;
    padding: 0 10px;
}

.invoice-detail-selected-bar .normal-btn img[b-77fd7np7an] {
    height: 14px;
    width: 14px;
}

.invoice-detail-selected-bar .normal-btn p[b-77fd7np7an] {
    line-height: 16px;
    margin: 0;
}

.invoice-detail-selected-bar .normal-btn:hover:not(:disabled)[b-77fd7np7an] {
    background: #f8faff;
    border-color: #c7d2fe;
    color: #5263ff;
}

.invoice-detail-selected-bar .normal-btn.disabled[b-77fd7np7an],
.invoice-detail-selected-bar .normal-btn:disabled[b-77fd7np7an] {
    background: #f8fafc;
    border-color: #e5e7eb;
    color: #98a2b3;
    cursor: not-allowed;
    opacity: 1;
}

/* ===== Footer ===== */
.invoice-send-economic[b-77fd7np7an] {
    background: #5263ff;
    border: 1px solid #5263ff;
    border-radius: 10px;
    color: #ffffff;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
}

.invoice-send-economic img[b-77fd7np7an] {
    height: 18px;
    width: 18px;
}

.invoice-send-economic.disabled[b-77fd7np7an],
.invoice-send-economic:disabled[b-77fd7np7an] {
    cursor: not-allowed;
    opacity: .48;
}

.invoice-total-pill[b-77fd7np7an] {
    background: #ecfdf5;
    border-radius: 999px;
    color: #16a34a;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
}

.invoice-detail-footer[b-77fd7np7an] {
    align-items: center;
    border-top: 1px solid #eaecf0;
    display: flex;
    flex: 0 0 auto;
    gap: 14px;
    justify-content: flex-end;
    min-height: 72px;
    padding: 14px 20px;
}

.invoice-detail-total-label[b-77fd7np7an] {
    color: #101828;
    font-size: 16px;
    font-weight: 700;
}

.invoice-detail-total-pill[b-77fd7np7an] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 14px;
    gap: 8px;
    padding: 9px 14px;
}

.invoice-detail-total-pill img[b-77fd7np7an] {
    height: 16px;
    width: 16px;
}

.invoice-detail-footer .invoice-send-economic[b-77fd7np7an] {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    height: 40px;
    min-width: 220px;
    padding: 0 18px;
}

.invoice-detail-footer .invoice-send-economic p[b-77fd7np7an] {
    margin: 0;
}

.invoice-history-btn[b-77fd7np7an] {
    align-items: center;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #475569;
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
    padding: 6px 12px;
}

.invoice-history-btn:hover[b-77fd7np7an] {
    background: #f8fafc;
}

.invoice-history-btn img[b-77fd7np7an] {
    height: 16px;
    width: 16px;
}

/* Marker on lines whose unit price came from a location price rule. The pill sits right-aligned
   on the work-type row; hovering it opens a styled tooltip box with the full explanation. */
.price-rule-meta[b-77fd7np7an] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.price-rule-badge[b-77fd7np7an] {
    position: relative;
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: #eef0ff;
    color: #5a67f2;
    font-size: 11px;
    font-weight: 600;
    cursor: help;
    white-space: nowrap;
}

.price-rule-badge .price-rule-tooltip[b-77fd7np7an] {
    display: none;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    padding: 8px 12px;
    border-radius: 8px;
    background: #1f2437;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    white-space: normal;
    width: max-content;
    max-width: 260px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    z-index: 20;
}

.price-rule-badge:hover .price-rule-tooltip[b-77fd7np7an] {
    display: block;
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceExportCsvModal.razor.rz.scp.css */
.invoice-export-csv-modal[b-e8psyqof9f] {
    z-index: 1060;
}

.invoice-export-csv-modal .modal-dialog[b-e8psyqof9f] {
    max-width: 920px;
    width: calc(100% - 32px);
}

.invoice-export-modal[b-e8psyqof9f] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    height: 600px;
    overflow: hidden;
}

.invoice-export-header[b-e8psyqof9f] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
    position: relative;
}

.invoice-export-header h5[b-e8psyqof9f] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-export-header p[b-e8psyqof9f] {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 20px;
    margin: 4px 0 0;
}

.invoice-export-close[b-e8psyqof9f] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
}

.invoice-export-close img[b-e8psyqof9f] {
    height: 18px;
    width: 18px;
}

.invoice-export-body[b-e8psyqof9f] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    height: 520px;
}

.invoice-export-panel[b-e8psyqof9f] {
    min-width: 0;
}

.invoice-export-generate[b-e8psyqof9f] {
    border-right: 1px solid rgba(30, 41, 59, .09);
    display: grid;
    grid-template-rows: 48px 1fr 64px;
}

.invoice-export-panel h6[b-e8psyqof9f] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    color: #1e293b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
    padding: 12px 20px;
}

.invoice-export-generate > .invoice-export-field[b-e8psyqof9f],
.invoice-export-toggle[b-e8psyqof9f] {
    margin-left: 20px;
    margin-right: 20px;
}

.invoice-export-generate > .invoice-export-field:first-of-type[b-e8psyqof9f] {
    margin-top: 16px;
}

.invoice-export-field[b-e8psyqof9f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    position: relative;
}

.invoice-export-field label[b-e8psyqof9f] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 20px;
    padding: 0 2px;
}

.invoice-export-field label span[b-e8psyqof9f] {
    color: #ef4444;
}

.invoice-export-input[b-e8psyqof9f] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-export-tag-input[b-e8psyqof9f] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.invoice-export-tags[b-e8psyqof9f] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.invoice-export-chip[b-e8psyqof9f],
.invoice-export-more[b-e8psyqof9f],
.invoice-export-history-tags span[b-e8psyqof9f] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border-radius: 8px;
    color: #363af5;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 24px;
    letter-spacing: -.2px;
    line-height: 16px;
    max-width: 150px;
    padding: 4px 6px;
}

.invoice-export-chip button[b-e8psyqof9f] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 14px;
    justify-content: center;
    padding: 0;
    width: 14px;
}

.invoice-export-chip img[b-e8psyqof9f] {
    height: 14px;
    width: 14px;
}

.invoice-export-tag-input > img[b-e8psyqof9f] {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.invoice-export-picker[b-e8psyqof9f] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 12px;
    box-shadow: 0 20px 30px -20px rgba(15, 23, 42, .25);
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 176px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 4;
}

.invoice-export-picker label[b-e8psyqof9f] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    min-height: 32px;
    padding: 6px 8px;
}

.invoice-export-picker label:hover[b-e8psyqof9f] {
    background: #f8fafc;
}

.invoice-export-toggle[b-e8psyqof9f] {
    align-items: center;
    color: #1e293b;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    line-height: 20px;
    margin-bottom: 18px;
}

.invoice-export-generate-btn[b-e8psyqof9f] {
    align-self: end;
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 12px 20px 20px;
}

.invoice-export-generate-btn:disabled[b-e8psyqof9f] {
    background: #94a3b8;
    cursor: not-allowed;
}

.invoice-export-history[b-e8psyqof9f] {
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

.invoice-export-history-list[b-e8psyqof9f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 14px 20px 20px;
}

.invoice-export-history-card[b-e8psyqof9f] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 16px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03);
    overflow: hidden;
}

.invoice-export-history-top[b-e8psyqof9f] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 48px;
    padding: 8px 12px;
}

.invoice-export-history-top strong[b-e8psyqof9f] {
    color: #1e293b;
    flex: 1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.2px;
    line-height: 24px;
}

.invoice-export-generating[b-e8psyqof9f] {
    align-items: center;
    color: #363af5;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}

.invoice-export-generating span[b-e8psyqof9f] {
    border: 1.5px solid rgba(82, 99, 255, .3);
    border-radius: 50%;
    border-top-color: #363af5;
    height: 16px;
    width: 16px;
}

.invoice-export-note[b-e8psyqof9f] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 16px;
    margin: 0;
    padding: 8px 12px;
}

.invoice-export-note img[b-e8psyqof9f],
.invoice-export-history-line img[b-e8psyqof9f] {
    height: 16px;
    width: 16px;
}

.invoice-export-download[b-e8psyqof9f] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.invoice-export-download img[b-e8psyqof9f] {
    height: 18px;
    width: 18px;
}

.invoice-export-history-line[b-e8psyqof9f] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    height: 32px;
    padding: 6px 12px;
}

.invoice-export-history-tags[b-e8psyqof9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.invoice-export-history-tags span[b-e8psyqof9f] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    color: #1e293b;
}

.invoice-export-backdrop[b-e8psyqof9f] {
    z-index: 1055;
}

@media (max-width: 900px) {
    .invoice-export-modal[b-e8psyqof9f] {
        height: min(720px, calc(100vh - 32px));
    }

    .invoice-export-body[b-e8psyqof9f] {
        grid-template-columns: 1fr;
        height: calc(100% - 80px);
        overflow-y: auto;
    }

    .invoice-export-generate[b-e8psyqof9f] {
        border-right: 0;
    }

    .invoice-export-history[b-e8psyqof9f] {
        min-height: 320px;
    }
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceFilterPopup.razor.rz.scp.css */
.invoice-filter-popup .modal-dialog[b-3qq25a20at] {
    max-width: 360px;
}

.invoice-filter-modal[b-3qq25a20at] {
    box-sizing: border-box;
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 20px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03);
    min-height: 308px;
    width: 360px;
}

.invoice-filter-popup .invoice-filter-modal[b-3qq25a20at] {
    background: #ffffff;
    overflow: hidden;
}

.invoice-filter-popup .modal-header[b-3qq25a20at] {
    align-items: flex-end;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
    height: 40px;
    padding: 8px 16px;
}

.invoice-filter-popup .modal-title[b-3qq25a20at] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-filter-popup .modal-body[b-3qq25a20at] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 212px;
    overflow-y: auto;
    padding: 16px;
}

.invoice-filter-popup label[b-3qq25a20at] {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    margin: 0 0 4px;
    padding: 0 2px;
}

.invoice-filter-field[b-3qq25a20at] {
    display: flex;
    flex-direction: column;
    min-height: 52px;
}

.invoice-filter-fields[b-3qq25a20at] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.invoice-filter-select[b-3qq25a20at],
.invoice-filter-clear[b-3qq25a20at] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03);
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
}

.invoice-filter-season-row[b-3qq25a20at] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 55px;
}

.invoice-filter-select[b-3qq25a20at] {
    appearance: none;
    background-image: url("img/icons/dark-down-arrow.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 8px 28px 8px 8px;
}

.invoice-filter-clear[b-3qq25a20at] {
    background: rgba(241, 245, 249, 0.8);
    border-color: rgba(30, 41, 59, 0.06);
    box-shadow: none;
    color: #1e293b;
    padding: 4px 8px;
}

.invoice-filter-popup .modal-footer[b-3qq25a20at] {
    align-items: center;
    box-sizing: border-box;
    border-top: 1px solid rgba(30, 41, 59, 0.09);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    height: 56px;
    padding: 12px 16px;
}

.invoice-filter-popup .modal-footer .btn[b-3qq25a20at] {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-filter-popup .reset-btn[b-3qq25a20at] {
    background: transparent;
    border: 0;
    color: #475467;
    margin-right: auto;
    padding-left: 0;
}

.invoice-filter-popup .cancel-btn[b-3qq25a20at] {
    background: rgba(241, 245, 249, 0.8);
    border: 1px solid rgba(30, 41, 59, 0.06);
    color: #1e293b;
    min-width: 64px;
}

.invoice-filter-popup .apply-btn[b-3qq25a20at] {
    background: #5263ff;
    border: 1px solid #5263ff;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
    color: #ffffff;
    min-width: 91px;
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceLocationPreviewDrawer.razor.rz.scp.css */
/* Redesigned Address Overview Drawer Popup */
.invoice-location-preview-drawer[b-zabqd50qym] {
    background-color: rgba(15, 23, 42, 0.3);
    backdrop-filter: blur(4px);
    transition: opacity 0.15s linear;
}

.invoice-location-preview-drawer .modal-dialog[b-zabqd50qym] {
    margin: 1.75rem auto;
    max-width: 560px;
}

.invoice-location-preview-drawer .modal-content[b-zabqd50qym] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    overflow: hidden;
    padding: 0;
}

.invoice-location-preview-drawer .modal-header[b-zabqd50qym] {
    background: #ffffff;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    height: 56px;
    padding: 16px 20px;
}

.invoice-location-preview-drawer .modal-header h5[b-zabqd50qym] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-location-preview-drawer .btn-close-circle[b-zabqd50qym] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    cursor: pointer;
    height: 32px;
    transition: background 0.15s ease;
    width: 32px;
}

.invoice-location-preview-drawer .btn-close-circle:hover[b-zabqd50qym] {
    background: #e2e8f0;
}

.preview-drawer-body[b-zabqd50qym] {
    background: #f1f5f9;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    padding: 20px;
    scrollbar-width: thin;
}

/* Card Styling */
.preview-card[b-zabqd50qym] {
    background: #ffffff;
    border: 0;
    border-radius: 16px;
    padding: 20px;
}

.preview-address-title[b-zabqd50qym] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

/* Badge */
.completion-badge[b-zabqd50qym] {
    align-self: flex-start;
    background: rgba(64, 155, 63, .12);
    border: 0;
    border-radius: 8px;
    color: #338732;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 6px;
    white-space: nowrap;
}

.check-icon-circle[b-zabqd50qym] {
    background: rgba(16, 185, 129, 0.15);
    border-radius: 50%;
    height: 16px;
    width: 16px;
}

.preview-note-line[b-zabqd50qym] {
    font-size: 13px;
    line-height: 24px;
}

.note-lbl[b-zabqd50qym] {
    color: #1e293b;
    font-weight: 700;
}

.note-val[b-zabqd50qym] {
    color: #334155;
    margin-left: 4px;
}

/* Section Title */
.card-section-title[b-zabqd50qym] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0 0 20px;
}

/* Work type switcher */
.work-type-switcher[b-zabqd50qym] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 4px;
}

.work-type-option[b-zabqd50qym] {
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    letter-spacing: -.2px;
    line-height: 16px;
    padding: 12px 8px;
    text-align: left;
    width: 100%;
}

.work-type-option.active[b-zabqd50qym] {
    background: #ffffff;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03);
}

/* Timings */
.timings-grid[b-zabqd50qym] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, 1fr);
}

.timing-col[b-zabqd50qym] {
    min-width: 0;
}

.timing-lbl[b-zabqd50qym] {
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px;
}

.timing-input-container[b-zabqd50qym] {
    display: flex;
    gap: 0;
    min-width: 0;
    width: 100%;
}

.timing-input-item[b-zabqd50qym] {
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 0;
    display: flex;
    gap: 8px;
    height: 40px;
    min-width: 0;
    padding: 0 12px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.timing-input-item:first-child[b-zabqd50qym] {
    border-radius: 10px 0 0 10px;
    flex: 1 1 0;
}

.timing-input-item:last-child[b-zabqd50qym] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    flex: 0 0 82px;
    padding: 0 10px;
}

.timing-input-item:focus-within[b-zabqd50qym] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.12);
}

.timing-icon[b-zabqd50qym] {
    flex: 0 0 16px;
    height: 16px;
    opacity: 0.7;
    width: 16px;
}

.timing-input[b-zabqd50qym] {
    border: 0;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.timing-input[b-zabqd50qym]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0;
    width: 0;
}

.timing-input[b-zabqd50qym]::-webkit-date-and-time-value {
    text-align: left;
}

.timing-input-item[b-zabqd50qym]  .timing-calendar .wm-calendar-input {
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.timing-input-item[b-zabqd50qym]  .timing-calendar .wm-calendar-input-text {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    color: #1e293b !important;
}

/* Alert Banner */
.invoices-alert-banner[b-zabqd50qym] {
    background: rgba(255, 195, 10, .12);
    border: 0;
    border-radius: 10px;
    color: #b47500;
    font-size: 12px;
    font-weight: 500;
    height: 32px;
    padding: 8px;
}

/* Textarea Note */
.dispatch-note-textarea[b-zabqd50qym] {
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    min-height: 64px;
    outline: 0;
    padding: 10px 12px;
    resize: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.dispatch-note-textarea:focus[b-zabqd50qym] {
    border-color: #5263ff;
    box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.12);
}

/* Add photo button */
.btn-add-photo[b-zabqd50qym] {
    background: #f1f5f9;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 10px;
    color: #475569;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 0;
    transition: background 0.15s ease;
    width: 100%;
}

.btn-add-photo:hover[b-zabqd50qym] {
    background: #e2e8f0;
}

/* Carousel */
.photos-carousel-wrapper[b-zabqd50qym] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.photos-carousel[b-zabqd50qym] {
    scrollbar-width: none;
}

.photos-carousel[b-zabqd50qym]::-webkit-scrollbar {
    display: none;
}

.carousel-btn[b-zabqd50qym] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    min-width: 28px;
    width: 28px;
}

.carousel-btn:hover[b-zabqd50qym] {
    background: #f8fafc;
}

.carousel-photo-card[b-zabqd50qym] {
    border-radius: 10px;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

.carousel-img[b-zabqd50qym] {
    cursor: pointer;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.btn-delete-photo[b-zabqd50qym] {
    background: #ef2917;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    height: 24px;
    right: 4px;
    top: 4px;
    width: 24px;
}

.btn-delete-photo:hover[b-zabqd50qym] {
    background: rgb(220, 38, 38);
}

/* Additional Info rows */
.additional-info-row[b-zabqd50qym] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.info-lbl[b-zabqd50qym] {
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.info-val[b-zabqd50qym] {
    color: #1e293b;
    font-size: 14px;
    font-weight: 800;
}

/* Map preview container */
.map-preview-container[b-zabqd50qym] {
    border-radius: 16px;
    height: 320px;
    overflow: hidden;
}

.map-image-preview[b-zabqd50qym] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.map-badge[b-zabqd50qym] {
    background: #ffffff;
    border-radius: 20px;
    color: #1e293b;
    font-size: 11px;
    font-weight: 800;
    padding: 6px 12px;
    box-shadow: 0 2px 4px rgba(15,23,42,0.08);
}

.map-slider-btn[b-zabqd50qym] {
    background: #ffffff;
    border: 0;
    border-radius: 50%;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    height: 32px;
    width: 32px;
    transition: transform 0.15s ease;
}

.map-slider-btn:hover[b-zabqd50qym] {
    transform: translateY(-50%) scale(1.05);
}

.map-carousel-dots .dot[b-zabqd50qym] {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.map-carousel-dots .dot.active[b-zabqd50qym] {
    background: #ffffff;
    width: 12px;
    border-radius: 3px;
}

.map-maximize-btn[b-zabqd50qym] {
    background: #ffffff;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.1);
    cursor: pointer;
    height: 32px;
    width: 32px;
}

.map-maximize-btn:hover[b-zabqd50qym] {
    background: #f8fafc;
}

/* Legend below map */
.map-legend[b-zabqd50qym] {
    border-top: 1px solid #f1f5f9;
    padding-top: 14px;
}

.legend-item[b-zabqd50qym] {
    font-size: 12px;
}

.legend-dot[b-zabqd50qym] {
    border-radius: 50%;
    height: 8px;
    width: 8px;
}

.legend-dot.red[b-zabqd50qym] { background-color: #ef4444; }
.legend-dot.yellow[b-zabqd50qym] { background-color: #f59e0b; }
.legend-dot.green[b-zabqd50qym] { background-color: #10b981; }

.legend-lbl[b-zabqd50qym] {
    color: #64748b;
    font-weight: 500;
}

.legend-val[b-zabqd50qym] {
    color: #1e293b;
    font-weight: 800;
    margin-left: 2px;
}

@media (max-width: 620px) {
    .invoice-location-preview-drawer .modal-dialog[b-zabqd50qym] {
        margin: .75rem auto;
        width: calc(100% - 24px);
    }

    .timings-grid[b-zabqd50qym] {
        grid-template-columns: 1fr;
    }

    .map-preview-container[b-zabqd50qym] {
        height: 260px;
    }
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceNoteModal.razor.rz.scp.css */
.invoice-create-modal[b-a5pbi0yz4m] {
    border: 0;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .2);
    overflow: hidden;
}

.invoice-create-modal .modal-header[b-a5pbi0yz4m] {
    align-items: flex-start;
    border-bottom: 1px solid #eaecf0;
    padding: 22px 24px 18px;
}

.invoice-create-modal .modal-header h5[b-a5pbi0yz4m] {
    color: #101828;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0;
}

.invoice-create-modal .modal-header p[b-a5pbi0yz4m] {
    color: #475467;
    font-size: 14px;
    line-height: 20px;
    margin: 6px 0 0;
}

.invoice-create-modal .btn-close[b-a5pbi0yz4m] {
    background-color: #f8fafc;
    border-radius: 8px;
    box-shadow: none;
    margin: 0;
    opacity: 1;
    padding: 10px;
}

.invoice-create-modal .modal-body[b-a5pbi0yz4m] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px 24px;
}

.invoice-create-modal .modal-footer[b-a5pbi0yz4m] {
    border-top: 1px solid #eaecf0;
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1.3fr;
    padding: 18px 24px;
}

.invoice-create-modal .modal-footer .btn[b-a5pbi0yz4m] {
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    height: 48px;
    margin: 0;
}

.invoice-create-modal .cancel-btn[b-a5pbi0yz4m] {
    background: #f8fafc;
    border: 1px solid #dbe3ef;
    color: #344054;
}

.invoice-create-modal .apply-btn[b-a5pbi0yz4m] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
}

.invoice-input[b-a5pbi0yz4m] {
    background: #ffffff;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    color: #1e293b;
    font-size: 13px;
    min-height: 36px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-note-input[b-a5pbi0yz4m] {
    min-height: 130px;
    resize: vertical;
}
/* /Pages/Invoices/HourlyInvoices/Components/HourlyInvoiceTable.razor.rz.scp.css */
.hourly-overview-workspace[b-8ir41742os]{    display: block;}.hourly-overview-card[b-8ir41742os]{    background: var(--wm-card-bg);    border: 1px solid var(--wm-card-border-color);    border-radius: var(--wm-card-radius);    box-shadow: var(--wm-card-shadow);    overflow: hidden;}.hourly-overview-toolbar[b-8ir41742os]{    align-items: center;    border-bottom: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: var(--wm-header-row-height);    padding: var(--wm-card-padding);}.hourly-filter-actions[b-8ir41742os]{    align-items: center;    display: flex;    flex-wrap: wrap;    gap: 8px;    justify-content: flex-end;}.normal-btn[b-8ir41742os], .hourly-export-btn[b-8ir41742os]{    align-items: center;    border-radius: 8px;    display: inline-flex;    font-size: 13px;    font-weight: 600;    gap: 6px;    height: 32px;    justify-content: center;    padding: 0 10px;}.normal-btn[b-8ir41742os]{    background: #f8fafc;    border: 1px solid #e2e8f0;    color: #1e293b;}.normal-btn img[b-8ir41742os], .hourly-export-btn img[b-8ir41742os]{    height: 16px;    width: 16px;}.normal-btn p[b-8ir41742os], .close-txt p[b-8ir41742os], .hourly-export-btn p[b-8ir41742os]{    margin: 0;}.close-txt[b-8ir41742os]{    background: #eef0ff;    border: 0;    border-radius: 8px;    color: #363af5;    font-size: 13px;    font-weight: 600;    gap: 6px;    height: 32px;    max-width: 260px;    padding: 0 10px;}.close-txt p[b-8ir41742os]{    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.close-txt img[b-8ir41742os]{    flex: 0 0 14px;    height: 14px;    width: 14px;}.hourly-filter-caret[b-8ir41742os]{    height: 14px !important;    width: 14px !important;}.hourly-loading[b-8ir41742os], .hourly-empty[b-8ir41742os]{    align-items: center;    color: #5263ff;    display: flex;    height: 300px;    justify-content: center;}.hourly-empty[b-8ir41742os]{    color: #64748b;}.hourly-table-scroll[b-8ir41742os]{    overflow-x: auto;    width: 100%;}.hourly-table[b-8ir41742os]{    border-collapse: collapse;    min-width: 1180px;    width: 100%;}.hourly-table tbody tr[b-8ir41742os]{    cursor: pointer;}.hourly-table tbody tr.selected[b-8ir41742os]{    background: #eef0ff;}.hourly-table tbody tr:hover[b-8ir41742os]{    background: #f4f6ff;}.hourly-select-column[b-8ir41742os]{    padding-left: 20px !important;    padding-right: 4px !important;    width: 44px;}.hourly-location-cell[b-8ir41742os]{    display: flex;    flex-direction: column;    min-width: 230px;}.hourly-location-cell strong[b-8ir41742os]{    color: #10213a;    font-size: 14px;    line-height: 20px;}.hourly-location-cell span[b-8ir41742os]{    color: #52627a;    font-size: 13px;    line-height: 18px;}.hourly-type-cell[b-8ir41742os]{    max-width: 180px;    white-space: normal;}.invoice-check[b-8ir41742os]{    align-items: center;    background: #ffffff;    border: 2px solid #dbe3ef;    border-radius: 6px;    display: inline-flex;    height: 20px;    justify-content: center;    width: 20px;}.invoice-check.checked[b-8ir41742os], .invoice-check.indeterminate[b-8ir41742os]{    background: #5263ff;    border-color: #5263ff;}.invoice-check.checked[b-8ir41742os]::after{    border: solid #ffffff;    border-width: 0 2px 2px 0;    content: "";    height: 10px;    margin-top: -2px;    transform: rotate(45deg);    width: 5px;}.invoice-check.indeterminate[b-8ir41742os]::after{    background: #ffffff;    border-radius: 1px;    content: "";    height: 2px;    width: 10px;}.hourly-selected-bar[b-8ir41742os]{    align-items: center;    border-top: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: 48px;    padding: 8px 20px;}.hourly-selected-count[b-8ir41742os]{    align-items: center;    color: #52627a;    display: flex;    font-size: 14px;    font-weight: 600;    gap: 10px;}.hourly-selected-count button[b-8ir41742os]{    background: transparent;    border: 0;    padding: 0;}.hourly-export-btn[b-8ir41742os]{    background: #5263ff;    border: 1px solid #5263ff;    color: #ffffff;}[b-8ir41742os] .wm-pagination{    height: 64px;    padding: 10px 20px;}[b-8ir41742os] .wm-pagination .go-page, [b-8ir41742os] .wm-pagination hr{    display: none !important;}@media (max-width: 900px){    .hourly-overview-toolbar[b-8ir41742os],    .hourly-selected-bar[b-8ir41742os] {        align-items: stretch;        flex-direction: column;    }}

/* Billing-period tag ("Jan 2026") on dispatch-generated monthly invoices. */
.invoice-period-tag[b-8ir41742os] {
    background: #f1f3f9;
    border-radius: 8px;
    color: #5a6070;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    white-space: nowrap;
    width: fit-content;
}
/* /Pages/Invoices/SubcontractorInvoices/AsSubcontractor/Components/InvoiceAsSubcontractorExportCsvModal.razor.rz.scp.css */
.invoice-export-csv-modal[b-t91g5z6ry5] {
    z-index: 1060;
}

.invoice-export-csv-modal .modal-dialog[b-t91g5z6ry5] {
    max-width: 920px;
    width: calc(100% - 32px);
}

.invoice-export-modal[b-t91g5z6ry5] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    height: 600px;
    overflow: hidden;
}

.invoice-export-header[b-t91g5z6ry5] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
    position: relative;
}

.invoice-export-header h5[b-t91g5z6ry5] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-export-header p[b-t91g5z6ry5] {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 20px;
    margin: 4px 0 0;
}

.invoice-export-close[b-t91g5z6ry5] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
}

.invoice-export-close img[b-t91g5z6ry5] {
    height: 18px;
    width: 18px;
}

.invoice-export-body[b-t91g5z6ry5] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    height: 520px;
}

.invoice-export-panel[b-t91g5z6ry5] {
    min-width: 0;
}

.invoice-export-generate[b-t91g5z6ry5] {
    border-right: 1px solid rgba(30, 41, 59, .09);
    display: grid;
    grid-template-rows: 48px 1fr 64px;
}

.invoice-export-panel h6[b-t91g5z6ry5] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    color: #1e293b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
    padding: 12px 20px;
}

.invoice-export-generate > .invoice-export-field[b-t91g5z6ry5],
.invoice-export-toggle[b-t91g5z6ry5] {
    margin-left: 20px;
    margin-right: 20px;
}

.invoice-export-generate > .invoice-export-field:first-of-type[b-t91g5z6ry5] {
    margin-top: 16px;
}

.invoice-export-field[b-t91g5z6ry5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    position: relative;
}

.invoice-export-field label[b-t91g5z6ry5] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 20px;
    padding: 0 2px;
}

.invoice-export-field label span[b-t91g5z6ry5] {
    color: #ef4444;
}

.invoice-export-input[b-t91g5z6ry5] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-export-tag-input[b-t91g5z6ry5] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.invoice-export-tags[b-t91g5z6ry5] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.invoice-export-chip[b-t91g5z6ry5],
.invoice-export-more[b-t91g5z6ry5],
.invoice-export-history-tags span[b-t91g5z6ry5] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border-radius: 8px;
    color: #363af5;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 24px;
    letter-spacing: -.2px;
    line-height: 16px;
    max-width: 150px;
    padding: 4px 6px;
}

.invoice-export-chip button[b-t91g5z6ry5] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 14px;
    justify-content: center;
    padding: 0;
    width: 14px;
}

.invoice-export-chip img[b-t91g5z6ry5] {
    height: 14px;
    width: 14px;
}

.invoice-export-tag-input > img[b-t91g5z6ry5] {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.invoice-export-picker[b-t91g5z6ry5] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 12px;
    box-shadow: 0 20px 30px -20px rgba(15, 23, 42, .25);
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 176px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 4;
}

.invoice-export-picker label[b-t91g5z6ry5] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    min-height: 32px;
    padding: 6px 8px;
}

.invoice-export-picker label:hover[b-t91g5z6ry5] {
    background: #f8fafc;
}

.invoice-export-toggle[b-t91g5z6ry5] {
    align-items: center;
    color: #1e293b;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    line-height: 20px;
    margin-bottom: 18px;
}

.invoice-export-generate-btn[b-t91g5z6ry5] {
    align-self: end;
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 12px 20px 20px;
}

.invoice-export-generate-btn:disabled[b-t91g5z6ry5] {
    background: #94a3b8;
    cursor: not-allowed;
}

.invoice-export-history[b-t91g5z6ry5] {
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

.invoice-export-history-list[b-t91g5z6ry5] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 14px 20px 20px;
}

.invoice-export-history-card[b-t91g5z6ry5] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 16px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03);
    overflow: hidden;
}

.invoice-export-history-top[b-t91g5z6ry5] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 48px;
    padding: 8px 12px;
}

.invoice-export-history-top strong[b-t91g5z6ry5] {
    color: #1e293b;
    flex: 1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.2px;
    line-height: 24px;
}

.invoice-export-generating[b-t91g5z6ry5] {
    align-items: center;
    color: #363af5;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}

.invoice-export-generating span[b-t91g5z6ry5] {
    border: 1.5px solid rgba(82, 99, 255, .3);
    border-radius: 50%;
    border-top-color: #363af5;
    height: 16px;
    width: 16px;
}

.invoice-export-note[b-t91g5z6ry5] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 16px;
    margin: 0;
    padding: 8px 12px;
}

.invoice-export-note img[b-t91g5z6ry5],
.invoice-export-history-line img[b-t91g5z6ry5] {
    height: 16px;
    width: 16px;
}

.invoice-export-download[b-t91g5z6ry5] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.invoice-export-download img[b-t91g5z6ry5] {
    height: 18px;
    width: 18px;
}

.invoice-export-history-line[b-t91g5z6ry5] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    height: 32px;
    padding: 6px 12px;
}

.invoice-export-history-tags[b-t91g5z6ry5] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.invoice-export-history-tags span[b-t91g5z6ry5] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    color: #1e293b;
}

.invoice-export-backdrop[b-t91g5z6ry5] {
    z-index: 1055;
}

@media (max-width: 900px) {
    .invoice-export-modal[b-t91g5z6ry5] {
        height: min(720px, calc(100vh - 32px));
    }

    .invoice-export-body[b-t91g5z6ry5] {
        grid-template-columns: 1fr;
        height: calc(100% - 80px);
        overflow-y: auto;
    }

    .invoice-export-generate[b-t91g5z6ry5] {
        border-right: 0;
    }

    .invoice-export-history[b-t91g5z6ry5] {
        min-height: 320px;
    }
}
/* /Pages/Invoices/SubcontractorInvoices/AsSubcontractor/Components/InvoiceAsSubcontractorFilterPopup.razor.rz.scp.css */
.invoice-filter-popup .modal-dialog[b-55ztowr5p3] {
    max-width: 360px;
}

.invoice-filter-modal[b-55ztowr5p3] {
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 20px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03);
    min-height: 308px;
}

.invoice-filter-popup .invoice-filter-modal[b-55ztowr5p3] {
    background: #ffffff;
    overflow: hidden;
}

.invoice-filter-popup .modal-header[b-55ztowr5p3] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
    min-height: 40px;
    padding: 8px 16px;
}

.invoice-filter-popup .modal-title[b-55ztowr5p3] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-filter-popup .modal-body[b-55ztowr5p3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 212px;
    overflow-y: auto;
    padding: 16px;
}

.invoice-filter-popup label[b-55ztowr5p3] {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    margin: 0 0 4px;
    padding: 0 2px;
}

.invoice-filter-field[b-55ztowr5p3] {
    display: flex;
    flex-direction: column;
}

.invoice-filter-select[b-55ztowr5p3],
.invoice-filter-clear[b-55ztowr5p3],
.invoice-filter-date-display[b-55ztowr5p3] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03);
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
}

.invoice-filter-customer-field[b-55ztowr5p3],
.invoice-filter-date-display[b-55ztowr5p3] {
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 8px;
}

.invoice-filter-customer-field input[b-55ztowr5p3] {
    border: 0;
    color: #1e293b;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-width: 0;
    outline: 0;
}

.invoice-filter-customer-field img:first-child[b-55ztowr5p3] {
    height: 18px;
    width: 18px;
}

.invoice-filter-customer-field img:last-child[b-55ztowr5p3] {
    height: 14px;
    width: 14px;
}

.invoice-filter-season-row[b-55ztowr5p3] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 55px;
}

.invoice-filter-date-row[b-55ztowr5p3] {
    display: grid;
    grid-template-columns: 117px 211px;
}

.invoice-filter-select[b-55ztowr5p3] {
    appearance: none;
    background-image: url("img/icons/dark-down-arrow.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 8px 28px 8px 8px;
}

.invoice-filter-date-row .invoice-filter-select[b-55ztowr5p3] {
    border-radius: 10px 0 0 10px;
    min-height: 40px;
}

.invoice-filter-clear[b-55ztowr5p3] {
    background: rgba(241, 245, 249, 0.8);
    border-color: rgba(30, 41, 59, 0.06);
    box-shadow: none;
    color: #1e293b;
    padding: 4px 8px;
}

.invoice-filter-date-display[b-55ztowr5p3] {
    position: relative;
}

.invoice-filter-date-row .invoice-filter-date-display[b-55ztowr5p3] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    min-height: 40px;
    padding: 8px 10px;
}

.invoice-filter-calendar[b-55ztowr5p3] {
    background: url("img/icons/Calender.svg") center / contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

.invoice-filter-date-display span:not(.invoice-filter-calendar)[b-55ztowr5p3] {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 24px;
    white-space: nowrap;
}

.invoice-filter-date-display input[b-55ztowr5p3] {
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.invoice-filter-date-display input:first-of-type[b-55ztowr5p3] {
    left: 0;
}

.invoice-filter-date-display input:last-of-type[b-55ztowr5p3] {
    right: 0;
}

.invoice-filter-popup .modal-footer[b-55ztowr5p3] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, 0.09);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    min-height: 56px;
    padding: 12px 16px;
}

.invoice-filter-popup .modal-footer .btn[b-55ztowr5p3] {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-filter-popup .reset-btn[b-55ztowr5p3] {
    background: transparent;
    border: 0;
    color: #475467;
    margin-right: auto;
    padding-left: 0;
}

.invoice-filter-popup .cancel-btn[b-55ztowr5p3] {
    background: rgba(241, 245, 249, 0.8);
    border: 1px solid rgba(30, 41, 59, 0.06);
    color: #1e293b;
    min-width: 64px;
}

.invoice-filter-popup .apply-btn[b-55ztowr5p3] {
    background: #5263ff;
    border: 1px solid #5263ff;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
    color: #ffffff;
    min-width: 91px;
}
/* /Pages/Invoices/SubcontractorInvoices/AsSubcontractor/Components/InvoiceAsSubcontractorTable.razor.rz.scp.css */
.invoice-as-subcontractor-workspace[b-2zq1n37j0a]{    display: flex;    flex-direction: column;    gap: var(--wm-card-gap);}.invoice-subcontractor-toolbar[b-2zq1n37j0a], .invoice-subcontractor-card[b-2zq1n37j0a]{    background: var(--wm-card-bg);    border: 1px solid var(--wm-card-border-color);    border-radius: var(--wm-card-radius);    box-shadow: var(--wm-card-shadow);}.invoice-subcontractor-toolbar[b-2zq1n37j0a]{    align-items: center;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: var(--wm-header-row-height);    padding: var(--wm-card-padding);}.invoice-subcontractor-toolbar-actions[b-2zq1n37j0a], .invoice-status-pills[b-2zq1n37j0a], .invoice-subcontractor-filter-actions[b-2zq1n37j0a], .invoice-selected-actions[b-2zq1n37j0a]{    align-items: center;    display: flex;    flex-wrap: wrap;    gap: 10px;}.invoice-subcontractor-toolbar-actions[b-2zq1n37j0a], .invoice-subcontractor-filter-actions[b-2zq1n37j0a], .invoice-selected-actions[b-2zq1n37j0a]{    justify-content: flex-end;}.normal-btn[b-2zq1n37j0a], .invoice-create-btn[b-2zq1n37j0a], .invoice-send-economic[b-2zq1n37j0a]{    align-items: center;    border-radius: 8px;    display: inline-flex;    font-size: 12px;    font-weight: 600;    gap: 6px;    height: 32px;    justify-content: center;    padding: 4px 8px;}.normal-btn[b-2zq1n37j0a]{    background: #f8fafc;    border: 1px solid #e5e7eb;    color: #334155;}.invoice-create-btn img[b-2zq1n37j0a]{    height: 16px;    width: 16px;}.invoice-create-btn[b-2zq1n37j0a], .invoice-send-economic[b-2zq1n37j0a]{    background: #5263ff;    border: 1px solid #5263ff;    color: #ffffff;}.invoice-subcontractor-card[b-2zq1n37j0a]{    overflow: visible;    position: relative;    z-index: 1;}.invoice-subcontractor-card-header[b-2zq1n37j0a]{    align-items: center;    border-bottom: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: var(--wm-header-row-height);    padding: var(--wm-card-padding);}.invoice-status-pills button[b-2zq1n37j0a]{    background: var(--wm-control-bg);    border: 0;    border-radius: var(--wm-control-radius);    color: var(--wm-text-strong);    font-size: var(--wm-font-sm);    font-weight: var(--wm-weight-strong);    min-height: var(--wm-control-height);    padding: var(--wm-control-padding);}.invoice-status-pills button.active[b-2zq1n37j0a]{    background: #eef0ff;    color: #5263ff;}.close-txt[b-2zq1n37j0a]{    background: #eef0ff;    border: 0;    border-radius: 8px;    color: #5263ff;    font-size: 14px;    font-weight: 700;    gap: 8px;    height: 40px;    padding: 0 14px;}.close-txt img[b-2zq1n37j0a]{    height: 14px;    width: 14px;}.invoice-loading[b-2zq1n37j0a], .invoice-empty[b-2zq1n37j0a]{    align-items: center;    color: #5263ff;    display: flex;    height: 300px;    justify-content: center;}.invoice-empty[b-2zq1n37j0a]{    color: #64748b;}.invoice-table-scroll[b-2zq1n37j0a]{    overflow: visible;    position: relative;    z-index: 2;    width: 100%;}.invoice-table[b-2zq1n37j0a]{    border-collapse: collapse;    width: 100%;    min-width: 1000px;
}.invoice-subcontractor-table tbody tr.selected[b-2zq1n37j0a]{    background: #eef0ff;}.invoice-subcontractor-table tbody tr:hover[b-2zq1n37j0a]{    background: #f4f6ff;}.invoice-primary-cell[b-2zq1n37j0a]{    display: flex;    flex-direction: column;    min-width: 220px;}.invoice-primary-cell strong[b-2zq1n37j0a]{    color: #1e293b;    font-size: 15px;}.invoice-check[b-2zq1n37j0a]{    align-items: center;    background: #ffffff;    border: 2px solid #dbe3ef;    border-radius: 6px;    display: inline-flex;    height: 24px;    justify-content: center;    width: 24px;}.invoice-check.checked[b-2zq1n37j0a]{    background: #5263ff;    border-color: #5263ff;}.invoice-check.checked[b-2zq1n37j0a]::after{    border: solid #ffffff;    border-width: 0 2px 2px 0;    content: "";    height: 12px;    margin-top: -2px;    transform: rotate(45deg);    width: 6px;}.invoice-status[b-2zq1n37j0a]{    align-items: center;    border-radius: 8px;    display: inline-flex;    font-size: 14px;    font-weight: 700;    gap: 6px;    min-height: 34px;    padding: 6px 10px;}.invoice-status[b-2zq1n37j0a]::before{    background: currentColor;    border-radius: 999px;    content: "";    height: 8px;    width: 8px;}.invoice-status.draft[b-2zq1n37j0a]{    background: #eef2ff;    color: #5263ff;}.invoice-status.sent[b-2zq1n37j0a]{    background: #ecfdf5;    color: #16a34a;}.invoice-status.error[b-2zq1n37j0a]{    background: #fee2e2;    color: #ef4444;}.invoice-status.archived[b-2zq1n37j0a]{    background: #fef3c7;    color: #d97706;}.invoice-status.draft[b-2zq1n37j0a]::before, .invoice-status.archived[b-2zq1n37j0a]::before{    border-radius: 2px;}.invoice-action-menu[b-2zq1n37j0a]{    position: relative;}.invoice-menu-panel[b-2zq1n37j0a]{    background: #ffffff;    border: 1px solid #e2e8f0;    border-radius: 8px;    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);    display: flex;    flex-direction: column;    min-width: 180px;    padding: 6px;    position: absolute;    right: 0;    top: calc(100% + 6px);    z-index: 1060;}.invoice-menu-panel button[b-2zq1n37j0a]{    background: transparent;    border: 0;    border-radius: 6px;    color: #1e293b;    font-size: 13px;    padding: 8px 10px;    text-align: left;}.invoice-menu-panel button:hover[b-2zq1n37j0a]{    background: #f1f5ff;    color: #5263ff;}.invoice-row-menu-btn[b-2zq1n37j0a]{    align-items: center;    background: #f8fafc;    border: 0;    border-radius: 8px;    display: inline-flex;    height: 34px;    justify-content: center;    width: 34px;}.invoice-row-menu-btn img[b-2zq1n37j0a]{    height: 18px;    width: 18px;}.invoice-row-menu-panel[b-2zq1n37j0a]{    border-radius: 18px;    box-shadow: 0 24px 42px rgba(15, 23, 42, .18);    gap: 4px;    min-width: 142px;    padding: 8px;    top: calc(100% + 8px);}.invoice-row-menu-panel button[b-2zq1n37j0a]{    align-items: center;    display: flex;    gap: 10px;    font-weight: 600;    min-height: 36px;}.invoice-row-menu-panel button:first-child[b-2zq1n37j0a]{    background: #eef0ff;    color: #334155;}.invoice-selected-bar[b-2zq1n37j0a]{    align-items: center;    border-top: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: 72px;    padding: 12px 20px;}.invoice-selected-count[b-2zq1n37j0a]{    align-items: center;    color: #64748b;    display: flex;    font-size: 15px;    font-weight: 700;    gap: 10px;}.invoice-selected-count button[b-2zq1n37j0a]{    background: transparent;    border: 0;    padding: 0;}@media (max-width: 900px){    .invoice-subcontractor-toolbar[b-2zq1n37j0a],    .invoice-subcontractor-card-header[b-2zq1n37j0a],    .invoice-selected-bar[b-2zq1n37j0a] {        align-items: stretch;        flex-direction: column;    }}

/* Billing-period tag ("Jan 2026") on dispatch-generated monthly invoices. */
.invoice-period-tag[b-2zq1n37j0a] {
    background: #f1f3f9;
    border-radius: 8px;
    color: #5a6070;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    white-space: nowrap;
    width: fit-content;
}

/* As-subcontractor specifics: rows open the received-invoice preview. */
.invoice-as-table tbody tr[b-2zq1n37j0a] {
    cursor: pointer;
}

/* This table is .invoice-as-table, not .invoice-subcontractor-table, so the row
   highlight above never applied here — rows stayed flat on hover unlike every
   other invoice list. */
.invoice-as-table tbody tr:hover[b-2zq1n37j0a],
.invoice-as-table tbody tr.selected[b-2zq1n37j0a] {
    background: #f5f7ff;
}

.invoice-select-column[b-2zq1n37j0a] {
    padding-left: 20px !important;
    padding-right: 4px !important;
    width: 44px;
}
/* /Pages/Invoices/SubcontractorInvoices/ForSubcontractor/Components/InvoiceForSubcontractorExportCsvModal.razor.rz.scp.css */
.invoice-export-csv-modal[b-5mcv7f6waj] {
    z-index: 1060;
}

.invoice-export-csv-modal .modal-dialog[b-5mcv7f6waj] {
    max-width: 920px;
    width: calc(100% - 32px);
}

.invoice-export-modal[b-5mcv7f6waj] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .03);
    border-radius: 20px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03), 0 20px 20px -12px rgba(30, 41, 59, .03), 0 32px 32px -16px rgba(30, 41, 59, .03);
    height: 600px;
    overflow: hidden;
}

.invoice-export-header[b-5mcv7f6waj] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding: 16px 20px;
    position: relative;
}

.invoice-export-header h5[b-5mcv7f6waj] {
    color: #1e293b;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-export-header p[b-5mcv7f6waj] {
    color: #64748b;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 20px;
    margin: 4px 0 0;
}

.invoice-export-close[b-5mcv7f6waj] {
    align-items: center;
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 32px;
}

.invoice-export-close img[b-5mcv7f6waj] {
    height: 18px;
    width: 18px;
}

.invoice-export-body[b-5mcv7f6waj] {
    display: grid;
    grid-template-columns: 420px minmax(0, 1fr);
    height: 520px;
}

.invoice-export-panel[b-5mcv7f6waj] {
    min-width: 0;
}

.invoice-export-generate[b-5mcv7f6waj] {
    border-right: 1px solid rgba(30, 41, 59, .09);
    display: grid;
    grid-template-rows: 48px 1fr 64px;
}

.invoice-export-panel h6[b-5mcv7f6waj] {
    align-items: center;
    border-bottom: 1px solid rgba(30, 41, 59, .09);
    color: #1e293b;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -.2px;
    line-height: 24px;
    margin: 0;
    padding: 12px 20px;
}

.invoice-export-generate > .invoice-export-field[b-5mcv7f6waj],
.invoice-export-toggle[b-5mcv7f6waj] {
    margin-left: 20px;
    margin-right: 20px;
}

.invoice-export-generate > .invoice-export-field:first-of-type[b-5mcv7f6waj] {
    margin-top: 16px;
}

.invoice-export-field[b-5mcv7f6waj] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
    position: relative;
}

.invoice-export-field label[b-5mcv7f6waj] {
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -.2px;
    line-height: 20px;
    padding: 0 2px;
}

.invoice-export-field label span[b-5mcv7f6waj] {
    color: #ef4444;
}

.invoice-export-input[b-5mcv7f6waj] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .12);
    border-radius: 10px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03), 0 3px 3px -1.5px rgba(30, 41, 59, .03);
    color: #1e293b;
    font-size: 13px;
    font-weight: 600;
    height: 40px;
    line-height: 24px;
    padding: 8px 10px;
    width: 100%;
}

.invoice-export-tag-input[b-5mcv7f6waj] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.invoice-export-tags[b-5mcv7f6waj] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
    min-width: 0;
    overflow: hidden;
}

.invoice-export-chip[b-5mcv7f6waj],
.invoice-export-more[b-5mcv7f6waj],
.invoice-export-history-tags span[b-5mcv7f6waj] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border-radius: 8px;
    color: #363af5;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 2px;
    height: 24px;
    letter-spacing: -.2px;
    line-height: 16px;
    max-width: 150px;
    padding: 4px 6px;
}

.invoice-export-chip button[b-5mcv7f6waj] {
    align-items: center;
    background: transparent;
    border: 0;
    display: flex;
    height: 14px;
    justify-content: center;
    padding: 0;
    width: 14px;
}

.invoice-export-chip img[b-5mcv7f6waj] {
    height: 14px;
    width: 14px;
}

.invoice-export-tag-input > img[b-5mcv7f6waj] {
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.invoice-export-picker[b-5mcv7f6waj] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .09);
    border-radius: 12px;
    box-shadow: 0 20px 30px -20px rgba(15, 23, 42, .25);
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 176px;
    overflow-y: auto;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 68px;
    z-index: 4;
}

.invoice-export-picker label[b-5mcv7f6waj] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    gap: 8px;
    min-height: 32px;
    padding: 6px 8px;
}

.invoice-export-picker label:hover[b-5mcv7f6waj] {
    background: #f8fafc;
}

.invoice-export-toggle[b-5mcv7f6waj] {
    align-items: center;
    color: #1e293b;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    line-height: 20px;
    margin-bottom: 18px;
}

.invoice-export-generate-btn[b-5mcv7f6waj] {
    align-self: end;
    background: #5263ff;
    border: 0;
    border-radius: 10px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    height: 40px;
    margin: 12px 20px 20px;
}

.invoice-export-generate-btn:disabled[b-5mcv7f6waj] {
    background: #94a3b8;
    cursor: not-allowed;
}

.invoice-export-history[b-5mcv7f6waj] {
    background: #f8fafc;
    display: flex;
    flex-direction: column;
}

.invoice-export-history-list[b-5mcv7f6waj] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding: 14px 20px 20px;
}

.invoice-export-history-card[b-5mcv7f6waj] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, .06);
    border-radius: 16px;
    box-shadow: 0 1px 1px -.5px rgba(30, 41, 59, .03);
    overflow: hidden;
}

.invoice-export-history-top[b-5mcv7f6waj] {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 48px;
    padding: 8px 12px;
}

.invoice-export-history-top strong[b-5mcv7f6waj] {
    color: #1e293b;
    flex: 1;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -.2px;
    line-height: 24px;
}

.invoice-export-generating[b-5mcv7f6waj] {
    align-items: center;
    color: #363af5;
    display: flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
}

.invoice-export-generating span[b-5mcv7f6waj] {
    border: 1.5px solid rgba(82, 99, 255, .3);
    border-radius: 50%;
    border-top-color: #363af5;
    height: 16px;
    width: 16px;
}

.invoice-export-note[b-5mcv7f6waj] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    line-height: 16px;
    margin: 0;
    padding: 8px 12px;
}

.invoice-export-note img[b-5mcv7f6waj],
.invoice-export-history-line img[b-5mcv7f6waj] {
    height: 16px;
    width: 16px;
}

.invoice-export-download[b-5mcv7f6waj] {
    align-items: center;
    background: rgba(82, 99, 255, .12);
    border: 0;
    border-radius: 8px;
    display: flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.invoice-export-download img[b-5mcv7f6waj] {
    height: 18px;
    width: 18px;
}

.invoice-export-history-line[b-5mcv7f6waj] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, .06);
    color: #475569;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    gap: 8px;
    height: 32px;
    padding: 6px 12px;
}

.invoice-export-history-tags[b-5mcv7f6waj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
}

.invoice-export-history-tags span[b-5mcv7f6waj] {
    background: rgba(241, 245, 249, .8);
    border: 1px solid rgba(30, 41, 59, .03);
    color: #1e293b;
}

.invoice-export-backdrop[b-5mcv7f6waj] {
    z-index: 1055;
}

@media (max-width: 900px) {
    .invoice-export-modal[b-5mcv7f6waj] {
        height: min(720px, calc(100vh - 32px));
    }

    .invoice-export-body[b-5mcv7f6waj] {
        grid-template-columns: 1fr;
        height: calc(100% - 80px);
        overflow-y: auto;
    }

    .invoice-export-generate[b-5mcv7f6waj] {
        border-right: 0;
    }

    .invoice-export-history[b-5mcv7f6waj] {
        min-height: 320px;
    }
}
/* /Pages/Invoices/SubcontractorInvoices/ForSubcontractor/Components/InvoiceForSubcontractorFilterPopup.razor.rz.scp.css */
.invoice-filter-popup .modal-dialog[b-uk4ueqark6] {
    max-width: 360px;
}

.invoice-filter-modal[b-uk4ueqark6] {
    border: 1px solid rgba(30, 41, 59, 0.09);
    border-radius: 20px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03),
        0 20px 20px -12px rgba(30, 41, 59, 0.03),
        0 32px 32px -16px rgba(30, 41, 59, 0.03);
    min-height: 308px;
}

.invoice-filter-popup .invoice-filter-modal[b-uk4ueqark6] {
    background: #ffffff;
    overflow: hidden;
}

.invoice-filter-popup .modal-header[b-uk4ueqark6] {
    align-items: flex-end;
    border-bottom: 1px solid rgba(30, 41, 59, 0.09);
    min-height: 40px;
    padding: 8px 16px;
}

.invoice-filter-popup .modal-title[b-uk4ueqark6] {
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
    margin: 0;
}

.invoice-filter-popup .modal-body[b-uk4ueqark6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: 212px;
    overflow-y: auto;
    padding: 16px;
}

.invoice-filter-popup label[b-uk4ueqark6] {
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    margin: 0 0 4px;
    padding: 0 2px;
}

.invoice-filter-field[b-uk4ueqark6] {
    display: flex;
    flex-direction: column;
}

.invoice-filter-select[b-uk4ueqark6],
.invoice-filter-clear[b-uk4ueqark6],
.invoice-filter-date-display[b-uk4ueqark6] {
    background: #ffffff;
    border: 1px solid rgba(30, 41, 59, 0.12);
    border-radius: 8px;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0 3px 3px -1.5px rgba(30, 41, 59, 0.03);
    color: #1e293b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
}

.invoice-filter-customer-field[b-uk4ueqark6],
.invoice-filter-date-display[b-uk4ueqark6] {
    align-items: center;
    display: flex;
    gap: 4px;
    padding: 8px;
}

.invoice-filter-customer-field input[b-uk4ueqark6] {
    border: 0;
    color: #1e293b;
    flex: 1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-width: 0;
    outline: 0;
}

.invoice-filter-customer-field img:first-child[b-uk4ueqark6] {
    height: 18px;
    width: 18px;
}

.invoice-filter-customer-field img:last-child[b-uk4ueqark6] {
    height: 14px;
    width: 14px;
}

.invoice-filter-season-row[b-uk4ueqark6] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 55px;
}

.invoice-filter-date-row[b-uk4ueqark6] {
    display: grid;
    grid-template-columns: 117px 211px;
}

.invoice-filter-select[b-uk4ueqark6] {
    appearance: none;
    background-image: url("img/icons/dark-down-arrow.svg");
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding: 8px 28px 8px 8px;
}

.invoice-filter-date-row .invoice-filter-select[b-uk4ueqark6] {
    border-radius: 10px 0 0 10px;
    min-height: 40px;
}

.invoice-filter-clear[b-uk4ueqark6] {
    background: rgba(241, 245, 249, 0.8);
    border-color: rgba(30, 41, 59, 0.06);
    box-shadow: none;
    color: #1e293b;
    padding: 4px 8px;
}

.invoice-filter-date-display[b-uk4ueqark6] {
    position: relative;
}

.invoice-filter-date-row .invoice-filter-date-display[b-uk4ueqark6] {
    border-left: 0;
    border-radius: 0 10px 10px 0;
    min-height: 40px;
    padding: 8px 10px;
}

.invoice-filter-calendar[b-uk4ueqark6] {
    background: url("img/icons/Calender.svg") center / contain no-repeat;
    display: inline-block;
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

.invoice-filter-date-display span:not(.invoice-filter-calendar)[b-uk4ueqark6] {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 24px;
    white-space: nowrap;
}

.invoice-filter-date-display input[b-uk4ueqark6] {
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 50%;
}

.invoice-filter-date-display input:first-of-type[b-uk4ueqark6] {
    left: 0;
}

.invoice-filter-date-display input:last-of-type[b-uk4ueqark6] {
    right: 0;
}

.invoice-filter-popup .modal-footer[b-uk4ueqark6] {
    align-items: center;
    border-top: 1px solid rgba(30, 41, 59, 0.09);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    min-height: 56px;
    padding: 12px 16px;
}

.invoice-filter-popup .modal-footer .btn[b-uk4ueqark6] {
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 16px;
    min-height: 32px;
    padding: 4px 8px;
}

.invoice-filter-popup .reset-btn[b-uk4ueqark6] {
    background: transparent;
    border: 0;
    color: #475467;
    margin-right: auto;
    padding-left: 0;
}

.invoice-filter-popup .cancel-btn[b-uk4ueqark6] {
    background: rgba(241, 245, 249, 0.8);
    border: 1px solid rgba(30, 41, 59, 0.06);
    color: #1e293b;
    min-width: 64px;
}

.invoice-filter-popup .apply-btn[b-uk4ueqark6] {
    background: #5263ff;
    border: 1px solid #5263ff;
    box-shadow: 0 1px 1px -0.5px rgba(30, 41, 59, 0.03), inset 0 3px 3px rgba(255, 255, 255, 0.12);
    color: #ffffff;
    min-width: 91px;
}
/* /Pages/Invoices/SubcontractorInvoices/ForSubcontractor/Components/InvoiceForSubcontractorTable.razor.rz.scp.css */
.invoice-for-subcontractor-workspace[b-q0pkh02o67]{    display: flex;    flex-direction: column;    gap: var(--wm-card-gap);}.invoice-subcontractor-toolbar[b-q0pkh02o67], .invoice-subcontractor-card[b-q0pkh02o67]{    background: var(--wm-card-bg);    border: 1px solid var(--wm-card-border-color);    border-radius: var(--wm-card-radius);    box-shadow: var(--wm-card-shadow);}.invoice-subcontractor-toolbar[b-q0pkh02o67]{    align-items: center;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: var(--wm-header-row-height);    padding: var(--wm-card-padding);}.invoice-subcontractor-toolbar-actions[b-q0pkh02o67], .invoice-status-pills[b-q0pkh02o67], .invoice-subcontractor-filter-actions[b-q0pkh02o67], .invoice-selected-actions[b-q0pkh02o67]{    align-items: center;    display: flex;    flex-wrap: wrap;    gap: 10px;}.invoice-subcontractor-toolbar-actions[b-q0pkh02o67], .invoice-subcontractor-filter-actions[b-q0pkh02o67], .invoice-selected-actions[b-q0pkh02o67]{    justify-content: flex-end;}.normal-btn[b-q0pkh02o67], .invoice-create-btn[b-q0pkh02o67], .invoice-send-economic[b-q0pkh02o67]{    align-items: center;    border-radius: 8px;    display: inline-flex;    font-size: 12px;    font-weight: 600;    gap: 6px;    height: 32px;    justify-content: center;    padding: 4px 8px;}.normal-btn[b-q0pkh02o67]{    background: #f8fafc;    border: 1px solid #e5e7eb;    color: #334155;}.invoice-create-btn img[b-q0pkh02o67]{    height: 16px;    width: 16px;}.invoice-create-btn[b-q0pkh02o67], .invoice-send-economic[b-q0pkh02o67]{    background: #5263ff;    border: 1px solid #5263ff;    color: #ffffff;}.invoice-subcontractor-card[b-q0pkh02o67]{    overflow: visible;    position: relative;    z-index: 1;}.invoice-subcontractor-card-header[b-q0pkh02o67]{    align-items: center;    border-bottom: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: var(--wm-header-row-height);    padding: var(--wm-card-padding);}.invoice-status-pills button[b-q0pkh02o67]{    background: var(--wm-control-bg);    border: 0;    border-radius: var(--wm-control-radius);    color: var(--wm-text-strong);    font-size: var(--wm-font-sm);    font-weight: var(--wm-weight-strong);    min-height: var(--wm-control-height);    padding: var(--wm-control-padding);}.invoice-status-pills button.active[b-q0pkh02o67]{    background: #eef0ff;    color: #5263ff;}.close-txt[b-q0pkh02o67]{    background: #eef0ff;    border: 0;    border-radius: 8px;    color: #5263ff;    font-size: 14px;    font-weight: 700;    gap: 8px;    height: 40px;    padding: 0 14px;}.close-txt img[b-q0pkh02o67]{    height: 14px;    width: 14px;}.invoice-loading[b-q0pkh02o67], .invoice-empty[b-q0pkh02o67]{    align-items: center;    color: #5263ff;    display: flex;    height: 300px;    justify-content: center;}.invoice-empty[b-q0pkh02o67]{    color: #64748b;}.invoice-table-scroll[b-q0pkh02o67]{    overflow: visible;    position: relative;    z-index: 2;    width: 100%;}.invoice-table[b-q0pkh02o67]{    border-collapse: collapse;    width: 100%;    min-width: 1000px;
}.invoice-subcontractor-table tbody tr[b-q0pkh02o67] {
    cursor: pointer;
}
.invoice-subcontractor-table tbody tr.selected[b-q0pkh02o67]{    background: #eef0ff;}.invoice-subcontractor-table tbody tr:hover[b-q0pkh02o67]{    background: #f4f6ff;}.invoice-primary-cell[b-q0pkh02o67]{    display: flex;    flex-direction: column;    min-width: 220px;}.invoice-primary-cell strong[b-q0pkh02o67]{    color: #1e293b;    font-size: 15px;}.invoice-check[b-q0pkh02o67]{    align-items: center;    background: #ffffff;    border: 2px solid #dbe3ef;    border-radius: 6px;    display: inline-flex;    height: 24px;    justify-content: center;    width: 24px;}.invoice-check.checked[b-q0pkh02o67]{    background: #5263ff;    border-color: #5263ff;}.invoice-check.checked[b-q0pkh02o67]::after{    border: solid #ffffff;    border-width: 0 2px 2px 0;    content: "";    height: 12px;    margin-top: -2px;    transform: rotate(45deg);    width: 6px;}.invoice-status[b-q0pkh02o67]{    align-items: center;    border-radius: 8px;    display: inline-flex;    font-size: 14px;    font-weight: 700;    gap: 6px;    min-height: 34px;    padding: 6px 10px;}.invoice-status[b-q0pkh02o67]::before{    background: currentColor;    border-radius: 999px;    content: "";    height: 8px;    width: 8px;}.invoice-status.draft[b-q0pkh02o67]{    background: #eef2ff;    color: #5263ff;}.invoice-status.sent[b-q0pkh02o67]{    background: #ecfdf5;    color: #16a34a;}.invoice-status.error[b-q0pkh02o67]{    background: #fee2e2;    color: #ef4444;}.invoice-status.archived[b-q0pkh02o67]{    background: #fef3c7;    color: #d97706;}.invoice-status.draft[b-q0pkh02o67]::before, .invoice-status.archived[b-q0pkh02o67]::before{    border-radius: 2px;}.invoice-action-menu[b-q0pkh02o67]{    position: relative;}.invoice-menu-panel[b-q0pkh02o67]{    background: #ffffff;    border: 1px solid #e2e8f0;    border-radius: 8px;    box-shadow: 0 16px 32px rgba(15, 23, 42, .14);    display: flex;    flex-direction: column;    min-width: 180px;    padding: 6px;    position: absolute;    right: 0;    top: calc(100% + 6px);    z-index: 1060;}.invoice-menu-panel button[b-q0pkh02o67]{    background: transparent;    border: 0;    border-radius: 6px;    color: #1e293b;    font-size: 13px;    padding: 8px 10px;    text-align: left;}.invoice-menu-panel button:hover[b-q0pkh02o67]{    background: #f1f5ff;    color: #5263ff;}.invoice-row-menu-btn[b-q0pkh02o67]{    align-items: center;    background: #f8fafc;    border: 0;    border-radius: 8px;    display: inline-flex;    height: 34px;    justify-content: center;    width: 34px;}.invoice-row-menu-btn img[b-q0pkh02o67]{    height: 18px;    width: 18px;}.invoice-row-menu-panel[b-q0pkh02o67]{    border-radius: 18px;    box-shadow: 0 24px 42px rgba(15, 23, 42, .18);    gap: 4px;    min-width: 142px;    padding: 8px;    top: calc(100% + 8px);}.invoice-row-menu-panel button[b-q0pkh02o67]{    align-items: center;    display: flex;    gap: 10px;    font-weight: 600;    min-height: 36px;}.invoice-row-menu-panel button:first-child[b-q0pkh02o67]{    background: #eef0ff;    color: #334155;}.invoice-selected-bar[b-q0pkh02o67]{    align-items: center;    border-top: 1px solid #e5e7eb;    display: flex;    gap: 16px;    justify-content: space-between;    min-height: 72px;    padding: 12px 20px;}.invoice-selected-count[b-q0pkh02o67]{    align-items: center;    color: #64748b;    display: flex;    font-size: 15px;    font-weight: 700;    gap: 10px;}.invoice-selected-count button[b-q0pkh02o67]{    background: transparent;    border: 0;    padding: 0;}@media (max-width: 900px){    .invoice-subcontractor-toolbar[b-q0pkh02o67],    .invoice-subcontractor-card-header[b-q0pkh02o67],    .invoice-selected-bar[b-q0pkh02o67] {        align-items: stretch;        flex-direction: column;    }}

/* Billing-period tag ("Jan 2026") on dispatch-generated monthly invoices. */
.invoice-period-tag[b-q0pkh02o67] {
    background: #f1f3f9;
    border-radius: 8px;
    color: #5a6070;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 8px;
    white-space: nowrap;
    width: fit-content;
}
/* /Pages/Locations/Complaints.razor.rz.scp.css */
/* The card, its inset, the scrolling and the row contents all come from `wm-fixed-page` and
   the ComplaintsTable component; the page itself only owns the title bar. */
/* /Pages/Locations/Components/AddLocationsToLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.lgp-modal-content[b-wp87b5edxu] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgp-modal-header[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.lgp-modal-title[b-wp87b5edxu] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.lgp-close-btn[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.lgp-close-btn:hover[b-wp87b5edxu] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgp-body[b-wp87b5edxu] {
  background: #f1f5f9;
  padding: 0 !important;
  margin: 0 -1.5rem 0;
}

.lgp-loading-state[b-wp87b5edxu] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}

/* ── Group name section (white band, full width) ─────────────────────────── */
.lgp-name-section[b-wp87b5edxu] {
  background: #fff;
  padding: 16px 20px 20px;
  border-bottom: 1px solid #f1f5f9;
  margin: 0 -1.5rem;
}

.lgp-field-label[b-wp87b5edxu] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.lgp-name-input[b-wp87b5edxu] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lgp-name-input:focus[b-wp87b5edxu] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.lgp-name-input[b-wp87b5edxu]::placeholder {
  color: #cccccc;
}

/* ── Section header (label + count) ─────────────────────────────────────── */
.lgp-section-header[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}

.lgp-list-label[b-wp87b5edxu] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

.lgp-selected-count[b-wp87b5edxu] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

/* ── Scrollable card list ────────────────────────────────────────────────── */
.lgp-list-scroll[b-wp87b5edxu] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 260px;
  overflow-y: auto;
  padding: 0 16px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.lgp-list-scroll[b-wp87b5edxu]::-webkit-scrollbar {
  display: none;
}

.lgp-list-empty[b-wp87b5edxu] {
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
  text-align: center;
  height: 100px;
  align-content: center;
  vertical-align: middle;
}

/* ── Location card ───────────────────────────────────────────────────────── */
.lgp-list-item[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 3px solid #1e293b17;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  transition:
    border-color 0.12s,
    background 0.12s;
  margin: 0;
}

.lgp-list-item:hover[b-wp87b5edxu] {
  border-color: #c7d2fe;
}

.lgp-list-item--checked[b-wp87b5edxu] {
  border-width: 3px;
  border-color: #5263ff66 !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */
.lgp-checkbox[b-wp87b5edxu] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.lgp-checkbox.checked[b-wp87b5edxu] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.lgp-checkbox-icon[b-wp87b5edxu] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── Location details ────────────────────────────────────────────────────── */
.lgp-loc-detail[b-wp87b5edxu] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lgp-loc-top[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
}

.lgp-loc-name[b-wp87b5edxu] {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lgp-customer-badge[b-wp87b5edxu] {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #5263ff;
  background: #eaecff;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.lgp-loc-addr[b-wp87b5edxu] {
  font-size: 12px;
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.lgp-modal-footer[b-wp87b5edxu] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.lgp-btn-cancel[b-wp87b5edxu] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.lgp-btn-action[b-wp87b5edxu] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.lgp-btn-action:disabled[b-wp87b5edxu] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Components/BulkLocationImportPopup.razor.rz.scp.css */
/* START bulk-location-import-popup */

.bulk-location-import-popup .modal-dialog[b-nfzj9jgt5c] {
    min-width: 1100px;
}

.bulk-location-import-popup .modal-content[b-nfzj9jgt5c] {
    padding: 0 !important;
}

.bulk-location-import-popup .modal-header[b-nfzj9jgt5c] {
    padding: 16px 20px;
    border-bottom: 1px #dee2e6 solid !important;
}

    .bulk-location-import-popup .modal-header h6[b-nfzj9jgt5c] {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

.bulk-location-import-popup .modal-body[b-nfzj9jgt5c] {
    background-color: #F1F5F9;
}

    .bulk-location-import-popup .modal-body .two-box .box[b-nfzj9jgt5c] {
        padding: 24px;
        background-color: var(--white);
        border: #1E293B0F solid;
        border-radius: 24px;
        box-shadow: 0px 3px 3px -1.5px #1E293B08;
    }

        .bulk-location-import-popup .modal-body .two-box .box h6[b-nfzj9jgt5c] {
            font-size: 18px;
            font-weight: 800;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        .bulk-location-import-popup .modal-body .two-box .box button[b-nfzj9jgt5c] {
            height: 40px;
            border: none;
            outline: none;
            border-radius: 10px;
            width: 100%;
        }

        .bulk-location-import-popup .modal-body .two-box .box p[b-nfzj9jgt5c] {
            font-size: 15px;
            font-weight: 500;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--gray-txt);
        }

            .bulk-location-import-popup .modal-body .two-box .box p b[b-nfzj9jgt5c] {
                font-weight: 800;
            }

    .bulk-location-import-popup .modal-body .upload-box[b-nfzj9jgt5c] {
        height: 404px;
        background-color: var(--white);
        border: 2px var(--purple) dashed;
        border-radius: 24px;
        box-shadow: 0px 3px 3px -0.5px #1E293B08;
    }

    .bulk-location-import-popup .modal-body .data-preview-box h6[b-nfzj9jgt5c] {
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .bulk-location-import-popup .modal-body .data-preview-box .top-header span.bagge[b-nfzj9jgt5c] {
        padding: 6px 10px;
        background-color: var(--white);
        border: 1px #1E293B17 solid;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--gray-txt);
        box-shadow: 0px 2px 1.5px -0.5px #1E293B08;
    }

    .bulk-location-import-popup .modal-body .data-preview-box .top-header div p[b-nfzj9jgt5c] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .bulk-location-import-popup .modal-body .data-preview-box table[b-nfzj9jgt5c] {
        border: 1px #1E293B0F solid;
        border-radius: 16px;
        border-collapse: separate;
    }

        .bulk-location-import-popup .modal-body .data-preview-box table th[b-nfzj9jgt5c] {
            padding: 12px 16px;
            background-color: #F1F5F9;
            font-size: 13px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        .bulk-location-import-popup .modal-body .data-preview-box table td[b-nfzj9jgt5c] {
            background-color: var(--white);
            padding: 18px 16px;
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
            cursor: pointer;
        }

            .bulk-location-import-popup .modal-body .data-preview-box table td:hover[b-nfzj9jgt5c] {
                background-color: #5263FF1F;
            }

            .bulk-location-import-popup .modal-body .data-preview-box table td img[b-nfzj9jgt5c] {
                height: 24px;
            }

        .bulk-location-import-popup .modal-body .data-preview-box table tr:last-child td:first-child[b-nfzj9jgt5c] {
            border-radius: 0 0 0 16px;
        }

        .bulk-location-import-popup .modal-body .data-preview-box table tr:last-child td:last-child[b-nfzj9jgt5c] {
            border-radius: 0 0 16px 0;
        }

        .bulk-location-import-popup .modal-body .data-preview-box table tr:nth-child(2) td:first-child[b-nfzj9jgt5c] {
            border-left: 2px var(--badge-orange) solid;
        }

    .bulk-location-import-popup .modal-body .validation-results .title h6[b-nfzj9jgt5c] {
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .bulk-location-import-popup .modal-body .validation-results .title .badgee[b-nfzj9jgt5c] {
        background-color: #ED40301F;
        padding: 6px;
        border-radius: 8px;
        gap: 2px;
    }

    .bulk-location-import-popup .modal-body .validation-results .title .badgee-green[b-nfzj9jgt5c] {
        background-color: #409B3F1F;
        color: var(--green);
        padding: 6px;
        border-radius: 8px;
        gap: 2px;
    }

        .bulk-location-import-popup .modal-body .validation-results .title .badgee img[b-nfzj9jgt5c] {
            height: 16px;
        }

        .bulk-location-import-popup .modal-body .validation-results .title .badgee-green img[b-nfzj9jgt5c] {
            height: 16px;
        }

        .bulk-location-import-popup .modal-body .validation-results .title .badgee p[b-nfzj9jgt5c] {
            padding: 0 4px;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: -0.2px;
            color: var(--orange);
        }

        .bulk-location-import-popup .modal-body .validation-results .title .badgee-green p[b-nfzj9jgt5c] {
            padding: 0 4px;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: -0.2px;
            color: var(--green);
        }

    .bulk-location-import-popup .modal-body .validation-results .error[b-nfzj9jgt5c] {
        background-color: #ED40301F;
        border-left: 4px #ED403066 solid;
        padding: 16px;
        border-radius: 16px;
    }

        .bulk-location-import-popup .modal-body .validation-results .error p[b-nfzj9jgt5c] {
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: #BA1E0F;
        }

            .bulk-location-import-popup .modal-body .validation-results .error p span[b-nfzj9jgt5c] {
                font-weight: 500;
            }

.bulk-location-import-popup .modal-footer[b-nfzj9jgt5c] {
    padding: 16px 20px;
}

    .bulk-location-import-popup .modal-footer button[b-nfzj9jgt5c] {
        width: 214px;
    }

.slider[b-nfzj9jgt5c]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

/*Dropzone*/
.bulk-location-import-popup .upload-box[b-nfzj9jgt5c] {
    height: 404px;
    background-color: var(--white);
    border: 2px var(--purple) dashed;
    border-radius: 24px;
    box-shadow: 0px 3px 3px -0.5px #1E293B08;
}

    .bulk-location-import-popup .upload-box img[b-nfzj9jgt5c] {
        height: 32px;
    }

    .bulk-location-import-popup .upload-box h6[b-nfzj9jgt5c] {
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .bulk-location-import-popup .upload-box span[b-nfzj9jgt5c] {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--gray-txt-2);
    }

    .bulk-location-import-popup .upload-box label[b-nfzj9jgt5c] {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 2px;
        padding: 8px 10px;
        border: none;
        border-radius: 10px;
        outline: none;
        height: 40px;
        width: max-content;
        background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
        backdrop-filter: blur(24px);
        box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
    }

        .bulk-location-import-popup .upload-box label img[b-nfzj9jgt5c] {
            height: 18px;
        }

        .bulk-location-import-popup .upload-box label p[b-nfzj9jgt5c] {
            font-size: 13px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--white);
            padding: 0 4px;
        }

        .bulk-location-import-popup .upload-box label:hover[b-nfzj9jgt5c] {
            opacity: 0.9;
        }

        .bulk-location-import-popup .upload-box label input[b-nfzj9jgt5c] {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            height: 40px;
            width: 170px;
            opacity: 0;
        }

    .bulk-location-import-popup .upload-box.dragging[b-nfzj9jgt5c] {
        border-color: var(--purple);
        background-color: #f5f3ff;
        transform: scale(1.01);
        transition: all 0.2s ease;
    }
/*Dropzone*/


@media (max-width:1240px) {
    .bulk-location-import-popup .modal-dialog[b-nfzj9jgt5c] {
        min-width: 95%;
    }
}

/* END bulk-location-import-popup */
/* /Pages/Locations/Components/CreateOrEditRulePopup.razor.rz.scp.css */
.rule-modal-body[b-ds54x5dna6] {
    padding: 16px 20px !important;
    background-color: #F1F5F9 !important;
    max-height: 600px;
    overflow-y: scroll;
    scrollbar-width: none;
}

.day-btn[b-ds54x5dna6] {
    height: 40px;
    padding: 6px 14px;
    border-radius: 1000px;
    border: none;
    background: var(--white);
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    cursor: pointer;
    transition: all 0.15s;
}

    .day-btn:hover:not(.active)[b-ds54x5dna6] {
        background: #aab2ff1f;
        color: var(--purple-2);
    }

    .day-btn.active[b-ds54x5dna6] {
        background: #5263FF1F;
        color: var(--purple-2);
    }

.slider[b-ds54x5dna6]:before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 2px;
    top: 2px;
    border-radius: 1000px;
    background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
    border: 3.5px solid #f9fbfc;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    transition: 0.3s;
}

.multi-tabs[b-ds54x5dna6] {
    padding: 4px;
    background-color: #F1F5F9CC;
    border: 1px #1E293B08 solid;
    border-radius: 12px;
    width: max-content;
}

.multi-tabs button.tab[b-ds54x5dna6] {
    padding: 6px;
    background-color: transparent;
    border: 1px transparent solid;
    border-radius: 10px;
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    width: 100%;
    transition: background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform, box-shadow, background-color, border-color, color;
}

.multi-tabs button.tab.active[b-ds54x5dna6] {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 250, 252, 1));
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 1px 1px rgba(15, 23, 42, 0.03), 0 4px 10px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    color: var(--dark-txt);
    transform: scale(1.015);
}

.time-label[b-ds54x5dna6] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
}

.time-input-box[b-ds54x5dna6] {
    background: var(--white);
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 13px;
    color: var(--dark-txt);
}

    .time-input-box i[b-ds54x5dna6] {
        font-size: 16px;
        color: #94A3B8;
    }

.time-input[b-ds54x5dna6] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    width: 80px;
}

.time-separator[b-ds54x5dna6] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    flex-shrink: 0;
}

.day-label[b-ds54x5dna6] {
    font-size: 13px;
    font-weight: 700;
    color: var(--dark-txt);
    min-width: 100px;
}

.day-select[b-ds54x5dna6] {
    background: var(--white);
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    cursor: pointer;
}

/* START new-rule-popup */

.modal-dialog[b-ds54x5dna6] {
    min-width: 600px;
}

.modal-content[b-ds54x5dna6] {
    padding: 0 !important;
}

.modal-header[b-ds54x5dna6] {
    padding: 16px 20px;
    border-bottom: 1px #dee2e6 solid !important;
}

    .modal-header .modal-title[b-ds54x5dna6] {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

.modal-header button.btn-close[b-ds54x5dna6] {
    height: 32px;
    width: 32px;
    background-size: 13px;
}

.modal-body[b-ds54x5dna6] {
    padding: 16px 20px;
    background-color: #F1F5F9;
    max-height: 668px;
    overflow: scroll;
    scrollbar-width: none;
}

    h6[b-ds54x5dna6] {
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    input[b-ds54x5dna6] {
        height: 40px;
        background-color: var(--white);
        border: 1px #1E293B1F solid;
        border-radius: 10px;
        outline: none;
        box-shadow: 0 1px 1px -0.5px #1E293B08;
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .select-wrapper[b-ds54x5dna6] {
        position: relative;
    }

    .route-popup[b-ds54x5dna6] {
        position: absolute;
        top: 100%;
        left: 0%;
        width: 330px;
        max-height: 224px;
        overflow-y: scroll;
        scrollbar-width: none;
        background-color: var(--white);
        border: 1px #1E293B17 solid;
        border-radius: 20px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
        padding: 4px;
        display: none;
        overflow-y: auto;
        z-index: 100;
    }

    .route-option[b-ds54x5dna6] {
        padding: 8px 10px;
        border-radius: 10px;
        cursor: pointer;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        color: var(--gray-txt);
        margin-bottom: 4px;
        display: flex;
    }

    .route-hidden[b-ds54x5dna6] {
        display: none !important;
    }

    .route-option:hover[b-ds54x5dna6] {
        background: #5263FF1F;
        color: var(--purple-2);
    }

    .route-option img[b-ds54x5dna6] {
        height: 18px;
    }

    .route-option.added-active[b-ds54x5dna6] {
        background-color: #5263FF1F;
        color: var(--purple-2);
    }

    .selected-name[b-ds54x5dna6] {
        background: #e8ecff;
        padding: 6px 10px;
        border-radius: 8px;
    }


    .box[b-ds54x5dna6] {
        background-color: var(--white);
        padding: 10px;
        border: 1px #1E293B1F solid;
        border-radius: 10px;
        box-shadow: 0px 3px 3px -1.5px #1E293B08;
        outline: none;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url("../img/icons/gray-arrow.png");
        background-repeat: no-repeat;
        background-position: right 8px center;
        background-size: 18px;
        cursor: pointer;
    }

        .box .selected-name[b-ds54x5dna6] {
            padding: 4px 6px 4px 8px;
            background-color: #5263FF1F;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 600;
            line-height: 16px;
            letter-spacing: -0.2px;
            color: var(--purple-2);
            white-space: nowrap;
        }

        .box input[b-ds54x5dna6] {
            height: 100%;
            width: 95% !important;
            border: none;
            outline: none;
            font-size: 13px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--gray-txt-2);
            padding-left: 4px;
        }

    .week-days span.p-head[b-ds54x5dna6] {
        font-size: 15px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .week-days .week p[b-ds54x5dna6] {
        padding: 8px 14px;
        background-color: var(--white);
        border-radius: 50px;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
        cursor: pointer;
    }

        .week-days .week p.active[b-ds54x5dna6] {
            background-color: #5263FF1F;
            color: var(--purple-2);
        }

    .restrict[b-ds54x5dna6] {
        padding: 16px;
        background-color: var(--white);
        border: none;
        box-shadow: 
            0px 20px 20px -12px #1E293B08,
            0px 3px 3px -1.5px #1E293B08,
            0px 1px 1px -0.5px #1E293B08;
        border-radius: 20px;
    }

        .restrict .title p[b-ds54x5dna6] {
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        .restrict .tabs[b-ds54x5dna6] {
            padding: 4px;
            background-color: #F1F5F9CC;
            border: 1px #1E293B08 solid;
            border-radius: 12px;
            width: max-content;
        }

            .restrict .tabs p[b-ds54x5dna6] {
                padding: 8px 12px;
                background-color: transparent;
                border: 1px transparent solid;
                border-radius: 8px;
                font-size: 12px;
                font-weight: 600;
                line-height: 16px;
                letter-spacing: -0.2px;
                color: var(--gray-txt);
                cursor: pointer;
            }

                .restrict .tabs p.active[b-ds54x5dna6] {
                    background-color: var(--white);
                    border-color: #1E293B0F;
                    box-shadow: 0 3px 3px -1.5px #1E293B08;
                    color: var(--dark-txt);
                }

        .restrict .date-select label[b-ds54x5dna6] {
            padding-left: 2px;
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: var(--gray-txt);
        }

        .restrict .date-select p[b-ds54x5dna6] {
            padding-bottom: 10px;
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--gray-txt);
        }

        .restrict .date-select input[b-ds54x5dna6] {
            background-image: url(../img/icons/clock-gray-2.svg);
            background-size: 17px;
            background-repeat: no-repeat;
            background-position: center left 10px;
            padding-left: 34px;
        }

            .restrict .date-select input[type="time"][b-ds54x5dna6]::-webkit-calendar-picker-indicator {
                opacity: 0;
                display: none;
            }

    .table-wrapper[b-ds54x5dna6] {
        border: 1px solid #1E293B0F;
        box-shadow: 
            0px 20px 20px -12px #1E293B08,
            0px 3px 3px -1.5px #1E293B08,
            0px 1px 1px -0.5px #1E293B08;
        border-radius: 16px;
        overflow: hidden;
    }
    
    table[b-ds54x5dna6] {
        border: none;
        box-shadow: none;
        border-radius: 16px;
        /* border-collapse: separate; */
        overflow: hidden;
    }

        table thead tr[b-ds54x5dna6] {
            background: #F1F5F9 !important;
        }

        table th[b-ds54x5dna6] {
            padding: 12px 12px 12px 0;
        }

        table td[b-ds54x5dna6] {
            padding: 8px 16px 8px 0;
        }

        table th p[b-ds54x5dna6] {
            font-size: 13px;
            font-weight: 700;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        table td p[b-ds54x5dna6] {
            font-size: 13px;
            font-weight: 600;
            line-height: 20px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        table tr:nth-child(odd)[b-ds54x5dna6] {
            background-color: var(--white);
        }
        
        table tr:nth-child(even)[b-ds54x5dna6] {
            background-color: #F8FAFC;
        }

        table tr:last-child td:first-child[b-ds54x5dna6] {
            border-radius: 0 0 0 14px;
        }

        table tr:last-child td:last-child[b-ds54x5dna6] {
            border-radius: 0 0 14px 0;
        }

    .accordion .accordion-item[b-ds54x5dna6] {
        border: none;
        box-shadow: 
            0px 20px 20px -12px #1E293B08,
            0px 3px 3px -1.5px #1E293B08,
            0px 1px 1px -0.5px #1E293B08;
        border-radius: 20px;
    }

    .accordion .accordion-header button[b-ds54x5dna6] {
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
        letter-spacing: -0.2px;
        padding: 16px;
        box-shadow: none;
        border-radius: 20px !important;
        background-color: var(--white);
    }

    .accordion .accordion-collapse .accordion-body label[b-ds54x5dna6] {
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--gray-txt);
        margin-left: 2px;
    }

    .accordion .accordion-collapse .accordion-body span[b-ds54x5dna6] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--gray-txt-2);
    }

    .accordion .accordion-collapse .accordion-body textarea[b-ds54x5dna6] {
        height: 100px;
        padding: 8px 10px;
        background-color: var(--white);
        border: 1px #1E293B1F solid;
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        outline: none;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
    }

    .accordion .accordion-collapse .accordion-body textarea[b-ds54x5dna6]::placeholder {
        color: #cccccc;
    }

    .accordion .accordion-collapse .accordion-body textarea:focus[b-ds54x5dna6] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

    .accordion .accordion-collapse .accordion-body textarea:disabled[b-ds54x5dna6] {
        background: transparent;
        box-shadow: initial;
        cursor: not-allowed;
    }

    .accordion .accordion-collapse .accordion-body button.add-img[b-ds54x5dna6] {
        gap: 2px;
        background-color: #F1F5F9CC;
        border: 1px #1E293B0F solid;
        border-radius: 10px;
        padding: 8px;
        outline: none;
        position: relative;
        cursor: pointer !important;
    }

        .accordion .accordion-collapse .accordion-body button.add-img img[b-ds54x5dna6] {
            height: 18px;
        }

        .accordion .accordion-collapse .accordion-body button.add-img p[b-ds54x5dna6] {
            font-size: 13px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
            padding: 0 4px;
        }

        .accordion .accordion-collapse .accordion-body button.add-img input[b-ds54x5dna6] {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 99;
            width: 100%;
        }

.modal-footer[b-ds54x5dna6] {
    padding: 16px 20px;
}

    .modal-footer button[b-ds54x5dna6] {
        padding: 8px;
        background-color: transparent;
        border: 1px transparent solid;
        border-radius: 10px;
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
    }

        .modal-footer button.close-btn[b-ds54x5dna6] {
            background-color: #F1F5F9CC;
            border-color: #1E293B0F;
            color: var(--dark-txt);
        }

        .modal-footer button.create-btn[b-ds54x5dna6] {
            background-color: var(--purple);
            border-color: #1E293B17;
            color: var(--white);
        }

.optional-label[b-ds54x5dna6] {
    font-size: 12px;
    font-weight: 400;
    color: #94A3B8;
}

.desc-textarea[b-ds54x5dna6] {
    width: 100%;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--dark-txt);
    outline: none;
    resize: vertical;
    min-height: 100px;
    background: var(--white);
}

    .desc-textarea:focus[b-ds54x5dna6] {
        border-color: var(--purple);
    }

.add-img[b-ds54x5dna6] {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px;
    gap: 8px;
    transition: all 0.15s;
}

    .add-img:hover[b-ds54x5dna6] {
        background-color: #e2e8f0 !important;
    }

    .add-img p[b-ds54x5dna6] {
        font-size: 13px;
        font-weight: 600;
        color: var(--dark-txt);
    }

    .add-img img[b-ds54x5dna6] {
        height: 18px;
    }

.det-img-strip-outer[b-ds54x5dna6] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: relative;
}

.det-img-strip[b-ds54x5dna6] {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    flex: 1;
}

    .det-img-strip[b-ds54x5dna6]::-webkit-scrollbar {
        display: none;
    }

.det-img-thumb[b-ds54x5dna6] {
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    background: #E2E8F0;
}

    .det-img-thumb img[b-ds54x5dna6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.det-img-placeholder[b-ds54x5dna6] {
    width: 100%;
    height: 100%;
    background: #E2E8F0;
}

.det-img-thumb-delete[b-ds54x5dna6] {
    position: absolute;
    top: 6px;
    right: 6px;
}

    .det-img-thumb-delete button[b-ds54x5dna6] {
        background: #EF4444;
        border: none;
        border-radius: 8px;
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .det-img-thumb-delete button img[b-ds54x5dna6] {
            height: 18px;
            width: 18px;
        }

    .det-img-thumb-delete button:hover:not(:disabled)[b-ds54x5dna6] {
        background: #F44A3B;
    }

.det-img-nav[b-ds54x5dna6] {
    flex-shrink: 0;
    width: 28px;
    height: stretch;
    background-color: #f1f5f9cc;
    border: 1px solid #1e293b17;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-txt);
    cursor: pointer;
    transition: background-color 0.12s;
    line-height: 1;
}

    .det-img-nav:hover[b-ds54x5dna6] {
        background-color: #e2e8f0;
    }

    .det-img-nav img[b-ds54x5dna6] {
        height: 18px;
    }
    
.day-select-merged[b-ds54x5dna6] {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.range-group[b-ds54x5dna6] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    background: #fff;
    background-color: var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.range-group:focus[b-ds54x5dna6],
.range-group:focus-within[b-ds54x5dna6] {
    box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.range-group:hover:not(.disabled)[b-ds54x5dna6] {
    border-color: #eaecff !important;
}

.range-group.disabled[b-ds54x5dna6] {
    background: transparent !important;
    box-shadow: initial !important;
    cursor: not-allowed !important;
}

.range-group-divider[b-ds54x5dna6] {
    width: 1px;
    align-self: stretch;
    background-color: #1E293B1F;
    flex-shrink: 0;
}

[b-ds54x5dna6] .dropdown:has(> .range-day-merged) {
    width: fit-content !important;
}

[b-ds54x5dna6] .range-day-merged {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 40px !important;
    width: 145px !important;
    white-space: nowrap;
    outline: none !important;
}

[b-ds54x5dna6] .range-day-merged:focus {
    box-shadow: none !important;
}

[b-ds54x5dna6] .wm-time-container.range-time-merged {
    width: fit-content !important;
}

[b-ds54x5dna6] .range-time-merged .wm-time-input {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 40px !important;
    width: 91px !important;
    white-space: nowrap;
    outline: none !important;
}

[b-ds54x5dna6] .range-time-merged .wm-time-input:focus {
    box-shadow: none !important;
}

@media (max-width:767px) {
    .modal-dialog[b-ds54x5dna6] {
        min-width: 95%;
    }
}

/* END new-rule-popup */
/* /Pages/Locations/Components/DrawingConfiguratorModal.razor.rz.scp.css */
/* ── Modal body ──────────────────────────────────────────────────────────── */

.dcm-body[b-sm62zfzdla] {
	padding: 5px 20px 20px 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dcm-subtitle[b-sm62zfzdla] {
	font-size: 13px;
	color: #64748B;
	margin: 0;
}

/* ── Config list ─────────────────────────────────────────────────────────── */

.dcm-list[b-sm62zfzdla] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-height: 400px;
	overflow: auto;
	scrollbar-width: none;
}

/* Neutralize the global `.new-location .modal-body form` styles that leak onto
   the EditForm-rendered <form>. `::deep` is required because the <form> is
   rendered by the child EditForm component and never receives this component's
   scope attribute. */
.dcm-form-row[b-sm62zfzdla]  form {
	padding: 0 !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ── Display row ─────────────────────────────────────────────────────────── */
.dcm-config-row[b-sm62zfzdla] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 16px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
}

.dcm-color-dot[b-sm62zfzdla] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	flex-shrink: 0;
}

.dcm-config-name[b-sm62zfzdla] {
	flex: 1;
	font-size: 15px;
	font-weight: 700;
	color: #1E293B;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -0.2px;
	line-height: 24px;
}

.dcm-type-badge[b-sm62zfzdla] {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.02px;
	color: #475569;
	background: #FFFFFF;
	border: 1px solid #1E293B17;
	border-radius: 8px;
	padding: 4px 6px;
	white-space: nowrap;
	flex-shrink: 0;
	backdrop-filter: blur(24px);
	box-shadow: 0px 2px 1.5px -0.5px #1E293B08;
	box-shadow: 0px 2px 3px 0px #FFFFFF08 inset;
}

.dcm-row-actions[b-sm62zfzdla] {
	display: flex;
	gap: 4px;
	flex-shrink: 0;
}

.dcm-icon-btn[b-sm62zfzdla] {
	width: 24px;
	height: 24px;
	border: none;
	background: none;
	border-radius: 6px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}


/* ── Inline form row ─────────────────────────────────────────────────────── */

.dcm-form-row[b-sm62zfzdla] {
	padding: 14px 15px;
	background: #F8FAFC;
	border: 1.5px solid #E2E8F0;
	border-radius: 12px;
}

.dcm-form-fields[b-sm62zfzdla] {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	flex-wrap: wrap;
}

.dcm-field[b-sm62zfzdla] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	flex: 1;
	min-width: 120px;
}

.dcm-field-type[b-sm62zfzdla] {
	min-width: 140px;
	max-width: 160px;
}

.dcm-label[b-sm62zfzdla] {
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	letter-spacing:-0.2px;
	line-height:20px;
}

.dcm-input[b-sm62zfzdla] {
	height: 40px;
	padding: 8px 10px;
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	font-size: 13px;
	color: #1E293B;
	background: white;
	outline: none;
	transition: border-color .15s;
	font-family: inherit;
	gap:4px;
}

	.dcm-input:focus[b-sm62zfzdla] {
		box-shadow: 0px 0px 0px 3px #5263FF33;
	}

/* ── Inline color picker (WMColorPicker) ─────────────────────────────────── */

.dcm-color-field[b-sm62zfzdla] {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

/* ── Save button in inline form ──────────────────────────────────────────── */

.dcm-save-btn[b-sm62zfzdla] {
	height: 36px;
	padding: 0 16px;
	flex-shrink: 0;
	align-self: flex-end;
}

/* ── Add new button ──────────────────────────────────────────────────────── */

.dcm-add-btn[b-sm62zfzdla] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: 1.5px dashed #CBD5E1;
	border-radius: 10px;
	background: transparent;
	color: #3B82F6;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color .15s, background .15s;
	align-self: flex-start;
}

	.dcm-add-btn:hover[b-sm62zfzdla] {
		border-color: #3B82F6;
		background: #EFF6FF;
	}

/* ── Footer ──────────────────────────────────────────────────────────────── */

.dcm-footer[b-sm62zfzdla] {
	display: flex;
	justify-content: flex-end;
	padding-top: 4px;
}
/* /Pages/Locations/Components/DrawingToolModal.razor.rz.scp.css */
/* ── Outer layout ────────────────────────────────────────────────────────── */

.dtm-body[b-4ow67icljq] {
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Map area stretches to fill all remaining height between header and footer */
.dtm-map-area[b-4ow67icljq] {
	flex: 1;
	position: relative;
	min-height: 0;
}

	/* Cascade 100% height into the WMMap wrapper chain */
	.dtm-map-area[b-4ow67icljq]  .wm-map-wrapper,
	.dtm-map-area[b-4ow67icljq]  .wm-map-wrapper > div {
		height: 100%;
	}

/* ── Work type row ───────────────────────────────────────────────────────── */

.dtm-worktype-row[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 0 20px;
}

.dtm-worktype-label[b-4ow67icljq] {
	font-size: 13px;
	font-weight: 600;
	color: #475569;
	white-space: nowrap;
	flex-shrink: 0;
}

.dtm-wt-tags[b-4ow67icljq] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.dtm-wt-tag[b-4ow67icljq] {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	background: #F1F5F9;
	border: 1px solid #E2E8F0;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #1E293B;
}

/* ── Sub-header: legend chips + hint ────────────────────────────────────── */

.dtm-subheader[b-4ow67icljq] {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	z-index: 4;
	/* Spans the map width so the toolbar can shrink; let empty space pass clicks to the map */
	pointer-events: none;
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: flex-start;
	box-shadow: 0px 56px 56px -28px #1E293B08;
	box-shadow: 0px 32px 32px -16px #1E293B08;
	box-shadow: 0px 20px 20px -12px #1E293B08;
	box-shadow: 0px 3px 3px -1.5px #1E293B08;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	box-shadow: 0px 72px 72px -36px #1E293B08;
}

	.dtm-subheader > *[b-4ow67icljq] {
		pointer-events: auto;
	}

.dtm-legend[b-4ow67icljq] {
	display: flex;
	flex-wrap: wrap;
	padding: 6px;
	background: #ffffff;
	border-radius: 12px;
	width: fit-content;
	max-height: 110px;
	overflow-y: auto;
/*	scrollbar-width: none;*/
	gap: 8px;
	border: 1px solid #1E293B17;
	align-items: flex-start;
	box-shadow: 0px 1px 4px rgba(30,41,59,0.10);
}

	.dtm-legend[b-4ow67icljq]::-webkit-scrollbar {
		display: none;
	}

/* ── Drawing type toolbar (edit/new mode) ────────────────────────────────── */

.dtm-draw-toolbar[b-4ow67icljq] {
	display: flex;
	flex-wrap: nowrap;
	padding: 6px;
	background: #ffffff;
	border-radius: 12px;
	max-width: min(1100px, 100%);
	gap: 8px;
	align-items: center;
	box-shadow: 0px 1px 4px rgba(30,41,59,0.10);
}

/* Scrollable tools section — select/undo/redo stay fixed to its left */
.dtm-toolbar-tools[b-4ow67icljq] {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	align-items: center;
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: thin;
}

	.dtm-toolbar-tools[b-4ow67icljq]::-webkit-scrollbar {
		display: none;
	}

/* ── Toolbar buttons (arrow, undo, redo, add) ────────────────────────────── */

.dtm-tool-btn[b-4ow67icljq] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex-shrink: 0;
	border-radius: 8px;
	background: transparent;
	border: 1px solid transparent;
	color: #475569;
	cursor: pointer;
	transition: background .15s, border-color .15s, box-shadow .15s, color .15s;
}

	.dtm-tool-btn:hover:not(:disabled)[b-4ow67icljq] {
		background: #F1F5F9;
		border-color: #E2E8F0;
	}

	.dtm-tool-btn:disabled[b-4ow67icljq] {
		color: #CBD5E1;
		cursor: not-allowed;
	}

	.dtm-tool-btn.dtm-tool-btn-active[b-4ow67icljq] {
		background: #5263FF1F;
		box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
		color: #363AF5;
		border-color: #C7CBFF;
	}

.dtm-tool-btn-add[b-4ow67icljq] {
	color: #363AF5;
}

.dtm-toolbar-divider[b-4ow67icljq] {
	width: 1px;
	height: 24px;
	flex-shrink: 0;
	background: #E2E8F0;
}

/* ── Config chips (clickable, drive drawing mode) ────────────────────────── */

.dtm-chip-wrap[b-4ow67icljq] {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	border-radius: 8px;
	background: #F1F5F9CC;
	border: 1px solid;
	border-image-source: linear-gradient(180deg, rgba(30, 41, 59, 0.06) 48%, rgba(30, 41, 59, 0.12) 100%);
	transition: background .15s, box-shadow .15s;
}

	.dtm-chip-wrap:hover[b-4ow67icljq] {
		background: #F1F5F9;
	}

	.dtm-chip-wrap.dtm-chip-wrap-active[b-4ow67icljq] {
		background: #5263FF1F;
		box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
		border-color: #C7CBFF;
	}

	.dtm-chip-wrap.dtm-chip-wrap-active .dtm-config-chip[b-4ow67icljq] {
		color: #363AF5;
	}

.dtm-config-chip[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px 6px 7px 10px;
	border: none;
	background: transparent;
	border-radius: 8px 0 0 8px;
	font-size: 13px;
	color: #1E293B;
	font-weight: 600;
	cursor: pointer;
	user-select: none;
	letter-spacing: -0.2px;
	line-height: 18px;
}

/* Pencil stays out of the way until the chip is hovered or focused. */
.dtm-chip-edit[b-4ow67icljq] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 32px;
	padding: 0 8px 0 2px;
	border: none;
	background: transparent;
	border-radius: 0 8px 8px 0;
	color: #94A3B8;
	cursor: pointer;
	opacity: 0;
	transition: opacity .15s, color .15s;
}

/* Also shown while the chip is armed — hover doesn't exist on touch devices,
   so tapping the chip is the path that reveals its edit affordance. */
.dtm-chip-wrap:hover .dtm-chip-edit[b-4ow67icljq],
.dtm-chip-wrap.dtm-chip-wrap-active .dtm-chip-edit[b-4ow67icljq],
.dtm-chip-edit:focus-visible[b-4ow67icljq] {
	opacity: 1;
}

	.dtm-chip-edit:hover[b-4ow67icljq] {
		color: #1E293B;
	}

/* ── Add / edit tool popover ─────────────────────────────────────────────── */

.dtm-tool-form[b-4ow67icljq] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 320px;
	padding: 16px;
	background: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(30,41,59,0.16);
}

.dtm-tool-form-title[b-4ow67icljq] {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.6px;
	text-transform: uppercase;
	color: #64748B;
}

.dtm-tool-input[b-4ow67icljq] {
	height: 40px;
	padding: 0 12px;
	border-radius: 8px;
	border: 1.5px solid #5263FF;
	font-size: 14px;
	color: #1E293B;
	outline: none;
}

.dtm-tool-form-row[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dtm-type-segmented[b-4ow67icljq] {
	display: flex;
	flex: 1;
	padding: 3px;
	gap: 2px;
	border-radius: 8px;
	border: 1px solid #E2E8F0;
	background: #F8FAFC;
}

.dtm-type-option[b-4ow67icljq] {
	flex: 1;
	padding: 6px 4px;
	border: none;
	border-radius: 6px;
	background: transparent;
	font-size: 13px;
	font-weight: 600;
	color: #64748B;
	cursor: pointer;
	transition: background .15s, color .15s;
}

	.dtm-type-option:hover[b-4ow67icljq] {
		color: #1E293B;
	}

	.dtm-type-option.dtm-type-option-active[b-4ow67icljq] {
		background: #FFFFFF;
		color: #363AF5;
		box-shadow: 0 1px 2px rgba(30,41,59,0.10);
	}

.dtm-tool-form-actions[b-4ow67icljq] {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
}

.dtm-tool-delete[b-4ow67icljq] {
	margin-right: auto;
}

/* ── Autosave status chip (popup header) ─────────────────────────────────── */

.dtm-autosave-chip[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 5px 10px;
	margin-right: 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.dtm-autosave-saving[b-4ow67icljq] {
	background: #F1F5F9;
	color: #475569;
}

.dtm-autosave-saved[b-4ow67icljq] {
	background: #ECFDF5;
	color: #047857;
}

.dtm-autosave-failed[b-4ow67icljq] {
	background: #FEF2F2;
	color: #B91C1C;
}

/* ── Read-only legend chips ──────────────────────────────────────────────── */

.dtm-legend-chip[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	border-radius: 20px;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
	font-size: 13px;
	color: #1E293B;
	font-weight: 500;
}

.dtm-legend-dot[b-4ow67icljq] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.dtm-legend-label[b-4ow67icljq] {
	white-space: nowrap;
}

.dtm-hint[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #3B82F6;
	font-weight: 500;
	white-space: nowrap;
	flex-shrink: 0;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */

.dtm-footer[b-4ow67icljq] {
	display: flex;
	justify-content: center;
	gap: 16px;
	padding-top: 16px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 16px;
}

.dtm-stats[b-4ow67icljq] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	align-items: center;
}

.dtm-stat-item[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 4px;
	border-radius: 8px;
	font-size: 14px;
	color: #475569;
	background: #F1F5F9CC;
	border: 1px solid #1E293B08;
	padding: 6px 10px;
	line-height: 20px;
	letter-spacing: -0.02px;
	border: 1px solid #1E293B08;
	height: 32px;
}

.dtm-stat-dot[b-4ow67icljq] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	flex-shrink: 0;
}

.dtm-stat-name[b-4ow67icljq] {
	font-weight: 600;
	color: #1E293B;
}

.dtm-stat-value[b-4ow67icljq] {
	font-weight: 500;
	color: #64748B;
}


/* ── Hide GL Draw's own toolbar (we replace it with dtm-draw-controls) ───── */

[b-4ow67icljq] .mapboxgl-ctrl-top-left .mapboxgl-ctrl-group {
	display: none;
}


.dtm-info-overlay[b-4ow67icljq] {
	position: absolute;
	z-index: 4;
	top: 10px;
	right: 10px;
}

.dtm-info-banner[b-4ow67icljq] {
	display: flex;
	align-items: center;
	gap: 6px;
	background: #FFFFFF;
	border-radius: 12px;
	padding: 6px 10px;
	height: 36px;
	font-size: 13px;
	color: #363AF5;
	line-height: 24px;
	letter-spacing: -0.2px;
	white-space: nowrap;
	border-radius: 12px;
	border: 1px solid #1E293B17;
	box-shadow: 0px 56px 56px -28px #1E293B08;
	box-shadow: 0px 32px 32px -16px #1E293B08;
	box-shadow: 0px 20px 20px -12px #1E293B08;
	box-shadow: 0px 3px 3px -1.5px #1E293B08;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	box-shadow: 0px 72px 72px -36px #1E293B08;
}
/* /Pages/Locations/Components/ExportLocationsPopup.razor.rz.scp.css */
.export-locations-popup[b-uh8dkospvf] {
    background: #f8fafc;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.export-loading[b-uh8dkospvf] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 280px;
    color: var(--purple);
}

.export-field[b-uh8dkospvf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.export-field label[b-uh8dkospvf] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

/* Dropdown styling overrides using ::deep to propagate inside child component */
[b-uh8dkospvf] .export-popup .custom-select-button {
    width: 100% !important;
    height: 48px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    padding: 0 16px !important;
}

[b-uh8dkospvf] .export-popup .custom-select-button.chips-mode {
    height: auto !important;
    min-height: 48px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

[b-uh8dkospvf] .export-popup .custom-select-button-text {
    color: #0f172a !important;
    font-weight: 500 !important;
}

[b-uh8dkospvf] .export-popup .custom-select-button-label {
    max-width: 90% !important;
}

[b-uh8dkospvf] .export-popup .custom-select-button.chips-mode .custom-select-button-label {
    gap: 8px !important;
    row-gap: 8px !important;
}

[b-uh8dkospvf] .export-popup .custom-select-selected-chip {
    padding: 6px 12px !important;
    border-radius: 10px !important;
    background: #eef0ff !important;
    color: var(--purple-2) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

[b-uh8dkospvf] .export-popup .custom-select-button .bi {
    color: #64748b !important;
    font-size: 14px !important;
}

/* WMPopup structural overrides to remove padding/borders and style backgrounds */
[b-uh8dkospvf] .export-popup .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 24px !important;
    background: #ffffff;
    overflow: hidden;
}

[b-uh8dkospvf] .export-popup .modal-header {
    padding: 24px 24px 16px !important;
    background: #ffffff !important;
    border-bottom: none !important;
}

[b-uh8dkospvf] .export-popup .modal-header h5.modal-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

[b-uh8dkospvf] .export-popup .modal-header button.btn-close {
    margin: 0 !important;
}

[b-uh8dkospvf] .export-popup .modal-body {
    background: #f8fafc !important;
    border-top: none !important;
    padding: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

[b-uh8dkospvf] .export-popup .wm-popup-modal-footer {
    background: #ffffff !important;
    border-top: none !important;
    padding: 16px 24px 24px !important;
}

/* Status selection pills styling */
.export-status-options[b-uh8dkospvf] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.status-pill[b-uh8dkospvf] {
    border: 1px solid #f1f5f9;
    border-radius: 999px;
    background: #ffffff;
    color: #0f172a;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
    cursor: pointer;
}

.status-pill:hover:not(:disabled)[b-uh8dkospvf] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.status-pill.active[b-uh8dkospvf] {
    border-color: #e0e7ff;
    background: #e0e7ff;
    color: var(--purple-2) !important;
}

/* Footer buttons styling */
.export-btn[b-uh8dkospvf] {
    flex: 1;
    min-height: 48px;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.export-btn-secondary[b-uh8dkospvf] {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.export-btn-secondary:hover:not(:disabled)[b-uh8dkospvf] {
    background: #e2e8f0 !important;
}

.export-btn-primary[b-uh8dkospvf] {
    background: var(--purple) !important;
    color: #ffffff !important;
}

.export-btn-primary:hover:not(:disabled)[b-uh8dkospvf] {
    opacity: 0.9 !important;
}
/* /Pages/Locations/Components/LocationDetailsModal.razor.rz.scp.css */
.z-index-lower[b-r6f5oocbn2] {
  z-index: 1049 !important;
}

/* ── Location operations ───────────────────────────────────────────────── */
.location-operations-loading[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
  color: var(--purple);
}

.location-operations-section[b-r6f5oocbn2],
.location-dispatch-history[b-r6f5oocbn2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.location-dispatch-history[b-r6f5oocbn2] {
  margin-top: 28px;
}

.location-operations-heading[b-r6f5oocbn2],
.location-dispatch-history-header[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.location-operations-heading h6[b-r6f5oocbn2],
.location-dispatch-history-header h6[b-r6f5oocbn2] {
  margin: 0;
  color: var(--dark-txt);
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.location-operations-date[b-r6f5oocbn2] {
  width: min(520px, 100%);
}

.location-dispatch-export img[b-r6f5oocbn2] {
  width: 16px;
  height: 16px;
}

.location-operations-cards[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.location-operations-card[b-r6f5oocbn2],
.location-operations-chart[b-r6f5oocbn2] {
  padding: 16px;
  background: #f8fafc;
  border: 1px solid #1e293b08;
  border-radius: 20px;
}

.location-operations-card-label[b-r6f5oocbn2],
.location-operations-chart-title[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--gray-txt);
  font-size: 15px;
  font-weight: 600;
}

.location-operations-icon[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
}

.location-operations-icon img[b-r6f5oocbn2] { width: 22px; height: 22px; }
.location-operations-icon.cost[b-r6f5oocbn2] { background: #ffc30a33; }
.location-operations-icon.revenue[b-r6f5oocbn2] { background: #409b3f33; }
.location-operations-icon.chart[b-r6f5oocbn2] { background: var(--l-sky); }

.location-operations-card p[b-r6f5oocbn2] {
  margin: 20px 0 2px;
  color: var(--dark-txt);
  font-size: 25px;
  font-weight: 700;
  line-height: 32px;
}

.location-operations-card small[b-r6f5oocbn2] {
  color: var(--gray-txt);
  font-size: 13px;
  font-weight: 600;
}

.location-operations-work-types[b-r6f5oocbn2],
.location-dispatch-history-table-wrap[b-r6f5oocbn2] {
  overflow: hidden;
  border: 1px solid #1e293b0f;
  border-radius: 16px;
}

.location-operations-work-type-row[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 8px 16px;
  color: var(--dark-txt);
  font-size: 13px;
  font-weight: 600;
}

.location-operations-work-type-row:nth-child(odd)[b-r6f5oocbn2] { background: #f8fafc; }
.location-operations-work-type-row.header[b-r6f5oocbn2] {
  padding: 12px 16px;
  background: #f1f5f9;
  font-weight: 700;
}
.location-operations-work-type-row.empty[b-r6f5oocbn2] { color: var(--gray-txt); }

.location-operations-chart-canvas[b-r6f5oocbn2] {
  position: relative;
  height: 300px;
  margin-top: 14px;
}

.location-operations-chart-canvas canvas[b-r6f5oocbn2] {
  width: 100% !important;
  height: 100% !important;
}

.location-dispatch-export[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  color: var(--dark-txt);
  font-size: 12px;
  font-weight: 600;
  background: #f1f5f9cc;
  border: 1px solid #1e293b0f;
  border-radius: 8px;
}

.location-dispatch-export:disabled[b-r6f5oocbn2] { cursor: not-allowed; opacity: .55; }

.location-dispatch-history-table[b-r6f5oocbn2] {
  width: 100%;
  border-collapse: collapse;
}

.location-dispatch-history-table th[b-r6f5oocbn2],
.location-dispatch-history-table td[b-r6f5oocbn2] {
  padding: 10px 14px;
  color: var(--dark-txt);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  border-right: 1px solid #1e293b0f;
  vertical-align: middle;
}

.location-dispatch-history-table th[b-r6f5oocbn2] {
  background: #f1f5f9;
  font-size: 13px;
  font-weight: 700;
}

.location-dispatch-history-table td:last-child[b-r6f5oocbn2],
.location-dispatch-history-table th:last-child[b-r6f5oocbn2] { border-right: 0; }
.location-dispatch-history-table tbody tr:nth-child(even)[b-r6f5oocbn2] { background: #f8fafc; }
.location-dispatch-history-row[b-r6f5oocbn2] { cursor: pointer; }
.location-dispatch-history-row:hover[b-r6f5oocbn2] { background: #eef2ff !important; }

.location-dispatch-history-empty[b-r6f5oocbn2] {
  padding: 24px !important;
  color: var(--gray-txt) !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.location-dispatch-status[b-r6f5oocbn2] {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.location-dispatch-manual-tag[b-r6f5oocbn2] {
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  color: #6d28d9;
  background: #ede9fe;
}
.location-dispatch-status.completed[b-r6f5oocbn2] { color: #338732; background: #dff4df; }
.location-dispatch-status.in-progress[b-r6f5oocbn2] { color: #363af5; background: #eaecff; }
.location-dispatch-status.planned[b-r6f5oocbn2] { color: #a16207; background: #fef3c7; }
.location-dispatch-status.cancelled[b-r6f5oocbn2] { color: #475569; background: #e2e8f0; }

@media (max-width: 600px) {
  .location-operations-heading[b-r6f5oocbn2],
  .location-dispatch-history-header[b-r6f5oocbn2] { align-items: flex-start; flex-direction: column; }
  .location-operations-date[b-r6f5oocbn2] { width: 100%; }
  .location-operations-cards[b-r6f5oocbn2] { grid-template-columns: 1fr; }
  .location-dispatch-history-table-wrap[b-r6f5oocbn2] { overflow-x: auto; }
  .location-dispatch-history-table[b-r6f5oocbn2] { min-width: 650px; }
}

/* ── Carousel work type badges ───────────────────────────────────────────── */
.map-badges[b-r6f5oocbn2] {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 5;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.map-badge[b-r6f5oocbn2] {
    background: var(--white);
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--dark-txt);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}

/* ── Drawing stats bar + button ──────────────────────────────────────────── */

.ldm-drawing-bar[b-r6f5oocbn2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    padding: 6px 0;
    min-height: 40px;
}

.ldm-drawing-stats[b-r6f5oocbn2] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    -ms-overflow-style: none;
    flex: 1;
    min-width: 0;
}

    .ldm-drawing-stats[b-r6f5oocbn2]::-webkit-scrollbar {
        display: none;
    }

.ldm-drawing-stat-chip[b-r6f5oocbn2] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    background: #F1F5F9CC;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px #1E293B08;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid #1E293B08;
    height: 24px;
}

.ldm-drawing-stat-dot[b-r6f5oocbn2] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ldm-drawing-stat-name[b-r6f5oocbn2] {
    font-size: 12px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.ldm-drawing-stat-value[b-r6f5oocbn2] {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.ldm-drawing-btn[b-r6f5oocbn2] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: 10px;
    background: #5263FF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .15s;
}

    .ldm-drawing-btn:hover[b-r6f5oocbn2] {
        background: #4152EE;
    }

    .ldm-drawing-btn img[b-r6f5oocbn2] {
        filter: brightness(0) invert(1);
    }

.address-nickname-popup .modal-header button.discard-btn[b-r6f5oocbn2] {
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid #1e293b0f;
  /* border: none; */
  border-radius: 10px;
  outline: none;
  height: 40px;
  background: #f1f5f9cc;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.address-nickname-popup .modal-header button.discard-btn:hover[b-r6f5oocbn2] {
  opacity: 0.8;
}
.address-nickname-popup .modal-header button.discard-btn img[b-r6f5oocbn2] {
  height: 18px;
}

.address-nickname-popup .modal-header button.discard-btn p[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  padding: 0 4px;
}

/* ── 2-column grid (mirrors existing 50% flex layout but as a proper grid) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-2col[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}

/* ── Shared field wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-edit-field[b-r6f5oocbn2] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* ── Label ── */
.address-nickname-popup .modal-body .details-tab .det-edit-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin: 0;
}

.address-nickname-popup .modal-body .details-tab .det-edit-required[b-r6f5oocbn2] {
  color: var(--orange);
}

/* ── Validation message ── */
.address-nickname-popup .modal-body .details-tab .det-edit-validation[b-r6f5oocbn2] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange);
  margin-top: -2px;
}

/* ── Text / number input ── */
.address-nickname-popup .modal-body .details-tab .det-edit-input[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-input:focus[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

.address-nickname-popup .modal-body .details-tab .det-edit-input[b-r6f5oocbn2]::placeholder {
  color: #cbd5e1;
  font-weight: 500;
}

/* hide number spinners */
.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-input[type="number"][b-r6f5oocbn2]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-input[type="number"][b-r6f5oocbn2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-edit-select[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 28px 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-select:focus[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-edit-textarea[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  resize: vertical;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-textarea:focus[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Section divider ── */
.address-nickname-popup .modal-body .details-tab .det-edit-divider[b-r6f5oocbn2] {
  border: 1px solid #1e293b17;
  margin: 20px 0;
}

/* ── Contractor row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-contractor-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-contractor-name[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: var(--dark-txt);
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge[b-r6f5oocbn2] {
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge-blue[b-r6f5oocbn2] {
  background-color: #eaecff;
  color: var(--purple-2);
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-contractor-change-btn[b-r6f5oocbn2] {
  margin-left: auto;
  background: transparent;
  border: 1px solid #1e293b1f;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-contractor-change-btn:hover[b-r6f5oocbn2] {
  background-color: #f1f5f9;
}

/* Assign contractor button (when no contractor set) */
.address-nickname-popup .modal-body .details-tab .det-edit-assign-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 1px dashed #5263ff66;
  border-radius: 10px;
  padding: 8px 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  transition: background-color 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-assign-btn:hover[b-r6f5oocbn2] {
  background-color: var(--l-purple);
}

/* ── Link-style button (e.g. Create new customer) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-link-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.15s;
  width: fit-content;
}

.address-nickname-popup .modal-body .details-tab .det-edit-link-btn:hover[b-r6f5oocbn2] {
  opacity: 0.75;
}

/* ── Activation toggle row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-activation-row[b-r6f5oocbn2] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch[b-r6f5oocbn2] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch input[b-r6f5oocbn2] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-slider[b-r6f5oocbn2] {
  position: absolute;
  inset: 0;
  background-color: #cbd5e1;
  border-radius: 22px;
  transition: background-color 0.2s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-slider[b-r6f5oocbn2]::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  top: 3px;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-switch
  input:checked
  + .det-edit-toggle-slider[b-r6f5oocbn2] {
  background-color: var(--green-2);
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-switch
  input:checked
  + .det-edit-toggle-slider[b-r6f5oocbn2]::before {
  transform: translateX(18px);
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* Make inactive button */
.address-nickname-popup .modal-body .details-tab .det-edit-make-inactive-btn[b-r6f5oocbn2] {
  padding: 8px 16px;
  background-color: var(--l-orange);
  border: 1px solid #ed403033;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  cursor: pointer;
  transition: background-color 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-make-inactive-btn:hover[b-r6f5oocbn2] {
  background-color: #ed403044;
}

/* ── Date picker wrap ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-r6f5oocbn2],
.det-datepicker-wrap[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  padding: 0 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-datepicker-wrap:focus-within[b-r6f5oocbn2],
.det-datepicker-wrap:focus-within[b-r6f5oocbn2] {
  box-shadow: 0 0 0 3px #5263ff22;
}

.address-nickname-popup .modal-body .details-tab .det-datepicker-icon[b-r6f5oocbn2] {
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-r6f5oocbn2],
.det-datepicker-input[b-r6f5oocbn2] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}

/* ════════════════════════════════════════════
   SUB-MODALS (Make inactive + Agreement)
   These float over the main modal
════════════════════════════════════════════ */

.det-submodal-backdrop[b-r6f5oocbn2] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  border-radius: inherit;
}

.det-submodal[b-r6f5oocbn2] {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
  animation: submodalIn-b-r6f5oocbn2 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes submodalIn-b-r6f5oocbn2 {
  from {
    transform: scale(0.94) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* ── Sub-modal header ── */
.det-submodal-header[b-r6f5oocbn2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 16px;
  gap: 12px;
}

.det-submodal-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 6px;
  line-height: 1.3;
}

.det-submodal-subtitle[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0 0 6px;
}

.det-submodal-warning[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1.5;
  margin: 0;
}

.det-submodal-close[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-close:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}

.det-submodal-close img[b-r6f5oocbn2] {
  height: 14px;
}

/* ── Sub-modal body ── */
.det-submodal-body[b-r6f5oocbn2] {
  /* padding: 0 24px 8px; */
  background-color: #f1f5f9cc;
}

/* reuse det-edit-field / det-edit-label / det-edit-input / det-edit-textarea inside sub-modal body */
.det-submodal-body .det-edit-field[b-r6f5oocbn2] {
  padding-top: 16px;
  padding-bottom: 4px;
}

/* ── Sub-modal divider (agreement modal) ── */
.det-submodal-divider[b-r6f5oocbn2] {
  border: 1px solid #1e293b17;
  margin: 0;
}

/* ── Sub-modal footer ── */
.det-submodal-footer[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}

.det-submodal-footer-agreement[b-r6f5oocbn2] {
  background-color: var(--white);
}

/* Cancel / secondary button */
.det-submodal-cancel-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-cancel-btn:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}

/* Assign now button (agreement modal — ghost purple) */
.det-submodal-assign-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background-color: var(--l-purple);
  border: 1px solid #5263ff22;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--purple-2);
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-assign-btn:hover[b-r6f5oocbn2] {
  background-color: #dce0ff;
}

/* Confirm / Invite button (solid purple) */
.det-submodal-confirm-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 14px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}

.det-submodal-confirm-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── Shared section wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-section[b-r6f5oocbn2] {
  margin-top: 24px;
}

.address-nickname-popup .modal-body .prices-tab .prices-section:first-child[b-r6f5oocbn2] {
  margin-top: 0;
}

/* ── Section header row ── */
.address-nickname-popup .modal-body .prices-tab .prices-section-header[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--dark-txt);
  margin: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-subtitle[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

/* ── Info icon circle ── */
.address-nickname-popup .modal-body .prices-tab .prices-info-icon[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #94a3b8;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    border-color 0.15s,
    color 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-info-icon:hover[b-r6f5oocbn2] {
  border-color: var(--gray-txt);
  color: var(--gray-txt);
}

.address-nickname-popup .modal-body .prices-tab .prices-info-icon-sm[b-r6f5oocbn2] {
  width: 14px;
  height: 14px;
  font-size: 8px;
}

/* ── View-mode table wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-table-wrap[b-r6f5oocbn2] {
  border: 1px solid #1e293b0f;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
  border-radius: 16px;
  overflow: hidden;
}

/* ── View-mode table ── */
.address-nickname-popup .modal-body .prices-tab .prices-table[b-r6f5oocbn2] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.address-nickname-popup .modal-body .prices-tab .prices-table thead tr[b-r6f5oocbn2] {
  background-color: #f1f5f9;
  /* border-bottom: 1px solid #1e293b1a; */
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table th[b-r6f5oocbn2] {
  padding: 11px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: var(--gray-txt);
  white-space: nowrap;
  /* border-right: 1px solid #1e293b0f; */
  border-right: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table th:last-child[b-r6f5oocbn2] {
  border-right: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table .th-with-info[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.address-nickname-popup .modal-body .prices-tab .prices-table td[b-r6f5oocbn2] {
  padding: 11px 14px;
  color: var(--dark-txt);
  font-size: 13px;
  font-weight: 500;
  /* border-bottom: 1px solid #1e293b0f;
  border-right: 1px solid #1e293b0f; */
  border-bottom: none;
  border-right: none;
  vertical-align: middle;
}

.address-nickname-popup .modal-body .prices-tab .prices-table td:last-child[b-r6f5oocbn2] {
  border-right: none;
}

.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-table
  tbody
  tr:last-child
  td[b-r6f5oocbn2] {
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table tbody tr[b-r6f5oocbn2] {
  transition: background-color 0.12s;
}

.address-nickname-popup .modal-body .prices-tab .prices-table tbody tr:hover[b-r6f5oocbn2] {
  background-color: #f8faff;
}

.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-table
  tbody
  tr:nth-child(even)[b-r6f5oocbn2] {
  background-color: #f8fafc;
}

/* Price value in green */
.address-nickname-popup .modal-body .prices-tab .price-value[b-r6f5oocbn2] {
  color: var(--green-2);
  font-weight: 700;
}

/* Rule name link */
.address-nickname-popup .modal-body .prices-tab .prices-rule-link[b-r6f5oocbn2] {
  color: var(--purple-2);
  font-weight: 600;
  cursor: pointer;
}

.address-nickname-popup .modal-body .prices-tab .prices-rule-link:hover[b-r6f5oocbn2] {
  text-decoration: underline;
}

/* Days cell multi-line */
.address-nickname-popup .modal-body .prices-tab .prices-day-line[b-r6f5oocbn2] {
  display: block;
  line-height: 1.5;
  font-weight: 500;
  color: var(--dark-txt);
}

.address-nickname-popup .modal-body .prices-tab .prices-day-sub[b-r6f5oocbn2] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--gray-txt-2);
  margin-top: 1px;
}

/* Empty state row */
.address-nickname-popup .modal-body .prices-tab .prices-empty-row[b-r6f5oocbn2] {
  text-align: center;
  color: var(--gray-txt-2);
  font-size: 13px;
  font-weight: 500;
  padding: 20px 14px !important;
}

/* ── Edit mode: outer card ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-card[b-r6f5oocbn2] {
  background-color: #ffffff;
  border: 1px solid #1e293b17;
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-card-inner[b-r6f5oocbn2] {
  padding: 16px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-label[b-r6f5oocbn2] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  margin-bottom: 6px;
  letter-spacing: -0.1px;
}

/* ── Select wrapper (custom arrow) ── */
.address-nickname-popup .modal-body .prices-tab .prices-select-wrap[b-r6f5oocbn2] {
  position: relative;
}

.address-nickname-popup .modal-body .prices-tab .prices-select[b-r6f5oocbn2] {
  width: 100%;
  padding: 7px 28px 7px 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-select:focus[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Edit grid: column layout ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-r6f5oocbn2],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 88px 88px 88px 88px 36px;
  gap: 8px;
  padding: 10px 16px;
  align-items: center;
}

/* Material-ID and Positions-ID are opt-in per business, so the grid has to work with and
   without them, and with or without the per-work-type price type on top. */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header.no-material-position[b-r6f5oocbn2],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.no-material-position[b-r6f5oocbn2] {
  grid-template-columns: 1fr 88px 88px 36px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header.with-price-type.no-material-position[b-r6f5oocbn2],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.with-price-type.no-material-position[b-r6f5oocbn2] {
  grid-template-columns: minmax(140px, 1fr) 140px 88px 88px 36px;
}

/* With a per-work-type price type, each row carries its own type dropdown between the work
   type and the amounts. The extra column does not fit the panel at the default widths, so the
   amounts give up a little room and the work type falls back to a minimum rather than 1fr —
   otherwise Position and the delete button are pushed outside the card. */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header.with-price-type[b-r6f5oocbn2],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.with-price-type[b-r6f5oocbn2] {
  grid-template-columns: minmax(120px, 1fr) 116px 76px 76px 72px 72px 36px;
  gap: 6px;
}

/* Grid items default to min-width:auto and so refuse to shrink below their content, which is
   what let the dropdowns spill across the columns beside them. The dropdowns themselves are
   switched to width:100% in the markup — their width is set inline, out of reach from here. */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.with-price-type > *[b-r6f5oocbn2] {
  min-width: 0;
}

/* The headers carry an info tooltip next to the label; in the narrower columns the pair has to
   be allowed to wrap instead of running into the next heading. */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header.with-price-type > span[b-r6f5oocbn2] {
  min-width: 0;
  font-size: 11px;
  flex-wrap: wrap;
  row-gap: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-r6f5oocbn2] {
  background-color: #f1f5f9;
  /* border-top: 1px solid #1e293b1a; */
  border-top: none;
  border-bottom: 1px solid #1e293b1a;
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header span[b-r6f5oocbn2] {
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: -0.1px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-r6f5oocbn2] {
  background-color: var(--white);
  /* border-bottom: 1px solid #1e293b0a; */
  border-bottom: none;
}
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.alt-row[b-r6f5oocbn2] {
  background-color: #f8fafc;
}
/* Seasonal pricing columns */
.address-nickname-popup .modal-body .prices-tab .prices-seasonal-cols[b-r6f5oocbn2] {
  grid-template-columns: 202px 202px 202px;
}
/* Extra fees columns */
.address-nickname-popup .modal-body .prices-tab .prices-fees-cols[b-r6f5oocbn2] {
  grid-template-columns: 209px 176px 176px 36px;
}

/* ── Divider before fees sub-section ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-fees-divider[b-r6f5oocbn2] {
  /* border-top: 2px solid #1e293b1a; */
  border-top: none;
}

/* ── Text / number input inside edit grid ── */
.address-nickname-popup .modal-body .prices-tab .prices-input[b-r6f5oocbn2] {
  width: 100%;
  height: 40px;
  margin-bottom: auto;
  padding: 6px 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-input:focus[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup .modal-body .prices-tab .prices-input[b-r6f5oocbn2]::placeholder {
  color: #cccccc;
}

/* Hide number spinners */
.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-input[type="number"][b-r6f5oocbn2]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-input[type="number"][b-r6f5oocbn2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Delete row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-row-delete[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.12s;
  padding: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-row-delete img[b-r6f5oocbn2] {
  height: 18px;
  margin-left: 1px;
}

.address-nickname-popup .modal-body .prices-tab .prices-row-delete:hover[b-r6f5oocbn2] {
  background-color: #fef2f2;
}

/* ── Add row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-add-row-btn[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6.5px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  background-color: #eaecff;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s;
  /* border-top: 1px solid #5263ff22; */
  border-top: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-add-row-btn:hover[b-r6f5oocbn2] {
  background-color: #dce0ff;
}

/* ── New rule button ── */
.address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── Actions column (edit rules) ── */
.address-nickname-popup .modal-body .prices-tab .prices-action-icons[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-btn[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.12s;
  padding: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-btn img[b-r6f5oocbn2] {
  height: 15px;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-edit:hover[b-r6f5oocbn2] {
  background-color: #eaecff;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-delete:hover[b-r6f5oocbn2] {
  background-color: #fef2f2;
}

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section[b-r6f5oocbn2] {
  margin-top: 28px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-section:first-child[b-r6f5oocbn2] {
  margin-top: 0;
}

/* ── Section header ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section-header[b-r6f5oocbn2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  line-height: 26px;
  letter-spacing: -0.3px;
  color: var(--dark-txt);
  margin: 0 0 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-desc[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0;
}

/* ── Empty state ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-empty[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  padding: 8px 0;
}

/* ── VIEW: contact cards grid ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-cards-grid[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* ── VIEW: single contact card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card[b-r6f5oocbn2] {
  background-color: #f1f5f9;
  border: none;
  border-radius: 16px;
  padding: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-name[b-r6f5oocbn2] {
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  letter-spacing: -0.2px;
  margin-bottom: 6px;
  margin-left: 5px;
}

/* inner mini table */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-table[b-r6f5oocbn2] {
  background-color: #ffffff;
  border: 1px solid #1e293b0f;
  border-radius: 12px;
  overflow: hidden;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-bottom: 1px solid #1e293b0f;
  gap: 12px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-card-row:last-child[b-r6f5oocbn2] {
  border-bottom: none;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt-2);
  min-width: 52px;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-value[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  word-break: break-all;
}

/* ── VIEW: notification email chips ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-chips[b-r6f5oocbn2] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-chip[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  background-color: #5263ff1f;
  /* border: 1px solid #5263FF33; */
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #363af5;
  line-height: 1;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-chip svg[b-r6f5oocbn2] {
  flex-shrink: 0;
  color: #363af5;
}

/* ── EDIT: new contact button ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-new-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-new-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── EDIT: contact card (edit state) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card[b-r6f5oocbn2] {
  background-color: var(--white);
  border: 1px solid #1e293b1a;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-error[b-r6f5oocbn2] {
  border-color: #ed403066;
  background-color: #fff5f5;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-top[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

/* ── EDIT: shared label ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

/* ── EDIT: shared input ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-input[b-r6f5oocbn2] {
  width: 100%;
  height: 40px;
  margin-bottom: auto;
  padding: 6px 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-input:focus[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-edit-input[b-r6f5oocbn2]::placeholder {
  color: #cccccc;
}

/* invalid state (red border) */
.address-nickname-popup .modal-body .contacts-tab .contacts-input-invalid[b-r6f5oocbn2] {
  border-color: #ed4030 !important;
  box-shadow: 0 0 0 3px #ed403022 !important;
}

/* ── EDIT: delete button (card top-right) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.12s;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete img[b-r6f5oocbn2] {
  height: 16px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete:hover[b-r6f5oocbn2] {
  background-color: #fef2f2;
}

/* ── EDIT: toggle switch ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-switch[b-r6f5oocbn2] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input[b-r6f5oocbn2] {
  opacity: 0;
  width: 0;
  height: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-slider[b-r6f5oocbn2] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-slider[b-r6f5oocbn2]::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-r6f5oocbn2] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-r6f5oocbn2]::before {
  transform: translateX(18px);
  background: #fff;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-r6f5oocbn2]::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* ── EDIT: notification email input row ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-input-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  margin-top: 6px;
  padding: 2px 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-add-input[b-r6f5oocbn2] {
  flex: 1;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-email-input-row:focus-within[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-add-email-btn[b-r6f5oocbn2] {
  padding: 8px 16px;
  border-radius: 10px;
  background-color: #5263ff1f;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #363af5;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-add-email-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── EDIT: added emails card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-added-emails-card[b-r6f5oocbn2] {
  background-color: var(--white);
  border: 1px solid #1e293b1a;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 12px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-emails-header[b-r6f5oocbn2] {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  background-color: #f8fafc;
  border-bottom: 1px solid #1e293b1a;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-added-email-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #1e293b0f;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  transition: background-color 0.12s;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-email-row:last-child[b-r6f5oocbn2] {
  border-bottom: none;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-email-row:hover[b-r6f5oocbn2] {
  background-color: #f8fafc;
}

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-section[b-r6f5oocbn2] {
  margin-top: 24px;
}
.address-nickname-popup .modal-body .details-tab .det-section:first-child[b-r6f5oocbn2] {
  margin-top: 0;
}
.address-nickname-popup .modal-body .details-tab .det-section-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 10px;
}

/* ── White card ── */
.address-nickname-popup .modal-body .details-tab .det-card[b-r6f5oocbn2] {
  background-color: var(--white);
  border: 1px solid #1e293b17;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

/* ── Field ── */
.address-nickname-popup .modal-body .details-tab .det-field[b-r6f5oocbn2],
.det-field[b-r6f5oocbn2] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-label[b-r6f5oocbn2],
.det-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin: 0;
}
.address-nickname-popup .modal-body .details-tab .det-label-with-info[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-required[b-r6f5oocbn2] {
  color: var(--orange);
}
.address-nickname-popup .modal-body .details-tab .det-validation[b-r6f5oocbn2] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange);
}

/* ── 2-col grid ── */
.address-nickname-popup .modal-body .details-tab .det-2col[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}

/* ── Shared input ── */
.hr-lable hr[b-r6f5oocbn2] {
  border: 1px #1e293b17 solid;
  margin: 0;
}

.hr-lable label[b-r6f5oocbn2] {
  white-space: nowrap;
}
.address-nickname-popup .modal-body .details-tab .det-input[b-r6f5oocbn2],
.det-input[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-input:focus[b-r6f5oocbn2],
.det-input:focus[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}
.address-nickname-popup .modal-body .details-tab .det-input[b-r6f5oocbn2]::placeholder,
.det-input[b-r6f5oocbn2]::placeholder {
  color: #cccccc;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-input[type="number"][b-r6f5oocbn2]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .details-tab
  .det-input[type="number"][b-r6f5oocbn2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-textarea[b-r6f5oocbn2],
.det-textarea[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  resize: vertical;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-textarea:focus[b-r6f5oocbn2],
.det-textarea:focus[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-select[b-r6f5oocbn2] {
  width: 100%;
  padding: 8px 28px 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-select:focus[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Info icon ── */
.address-nickname-popup .modal-body .details-tab .det-info-icon[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.5px solid #94a3b8;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  transition:
    border-color 0.15s,
    color 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-info-icon:hover[b-r6f5oocbn2] {
  border-color: var(--gray-txt);
  color: var(--gray-txt);
}

/* ── Customer row ── */
.address-nickname-popup .modal-body .details-tab .det-customer-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-wrap[b-r6f5oocbn2] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 0 12px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-icon[b-r6f5oocbn2] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 8px;
}
.address-nickname-popup .modal-body .details-tab .det-dropdown-full[b-r6f5oocbn2] {
  flex: 1;
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  padding-left: 0;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn[b-r6f5oocbn2],
.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-r6f5oocbn2] {
  background: #d1d8fa;
  color: #363af5;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn:hover[b-r6f5oocbn2],
.address-nickname-popup
  .modal-body
  .details-tab
  .det-create-new-btn-hollow:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── Search input ── */
.address-nickname-popup .modal-body .details-tab .det-search-wrap[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 0 12px;
}
.address-nickname-popup .modal-body .details-tab .det-search-wrap:focus-within[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-search-input[b-r6f5oocbn2] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}
.address-nickname-popup .modal-body .details-tab .det-or-manual[b-r6f5oocbn2] {
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-txt-2);
  text-align: center;
  margin-top: -2px;
}

/* ── Country select with flag ── */
.address-nickname-popup .modal-body .details-tab .det-country-wrap[b-r6f5oocbn2] {
  position: relative;
  display: flex;
  align-items: center;
}
.address-nickname-popup .modal-body .details-tab .det-country-flag[b-r6f5oocbn2] {
  position: absolute;
  left: 10px;
  width: 18px;
  height: 13px;
  object-fit: cover;
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
.address-nickname-popup .modal-body .details-tab .det-select.has-flag[b-r6f5oocbn2] {
  padding-left: 36px;
}

/* ── Tag input (required equipment) ── */
.address-nickname-popup .modal-body .details-tab .det-tag-input-wrap[b-r6f5oocbn2] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 6px 10px;
  min-height: 42px;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-tag-input-wrap:focus-within[b-r6f5oocbn2] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-tag[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #eaecff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--purple-2);
}
.address-nickname-popup .modal-body .details-tab .det-tag-remove[b-r6f5oocbn2] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--purple-2);
  font-size: 14px;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  transition: opacity 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-tag-remove:hover[b-r6f5oocbn2] {
  opacity: 0.7;
}
.address-nickname-popup .modal-body .details-tab .det-tag-dropdown-inner[b-r6f5oocbn2] {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  min-width: 100px;
  flex: 1;
}

/* ── Toggles row ── */
.address-nickname-popup .modal-body .details-tab .det-toggles-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-item[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-switch[b-r6f5oocbn2] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-switch input[b-r6f5oocbn2] {
  opacity: 0;
  width: 0;
  height: 0;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-r6f5oocbn2] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-r6f5oocbn2]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-r6f5oocbn2] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-r6f5oocbn2]:before {
  transform: translateX(18px);
  background: #fff;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-r6f5oocbn2]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-label[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* ── Dashed upload button ── */
.address-nickname-popup .modal-body .details-tab .det-dashed-btn[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px;
  background-color: var(--l-purple);
  border: 1.5px dashed #5263ff55;
  border-radius: 12px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  transition: background-color 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-dashed-btn:hover[b-r6f5oocbn2] {
  background-color: #dce0ff;
}
.address-nickname-popup .modal-body .details-tab .det-dashed-btn-sm[b-r6f5oocbn2] {
  padding: 9px 13px;
  width: auto;
  flex: 1;
}
.address-nickname-popup .modal-body .details-tab .det-upload-hint[b-r6f5oocbn2] {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--gray-txt-2);
    text-align: center;
    width: 100%;
    /* padding-left: 15px; */
}

/* ── Image strip ── */
.address-nickname-popup .modal-body .details-tab .det-img-strip-outer[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-img-strip[b-r6f5oocbn2] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  flex: 1;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-img-strip[b-r6f5oocbn2]::-webkit-scrollbar {
  display: none;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb[b-r6f5oocbn2] {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.15s;
  scroll-snap-align: start;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb.active[b-r6f5oocbn2] {
  border-color: var(--purple);
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb img[b-r6f5oocbn2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete[b-r6f5oocbn2] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  background-color: #df2917;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.12s;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete:hover[b-r6f5oocbn2] {
  background-color: #f54a3b;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete img[b-r6f5oocbn2] {
  height: 15px;
  width: 15px;
}
.address-nickname-popup .modal-body .details-tab .det-img-nav[b-r6f5oocbn2] {
  flex-shrink: 0;
  width: 28px;
  height: stretch;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.12s;
  line-height: 1;
}
.address-nickname-popup .modal-body .details-tab .det-img-nav:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}

/* ── Drawings toolbar ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-toolbar[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1a;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.12s;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn img[b-r6f5oocbn2] {
  height: 15px;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}

/* ── Drawings table ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-table-wrap[b-r6f5oocbn2] {
  border: 1px solid #1e293b0f;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
  border-radius: 10px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table[b-r6f5oocbn2] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table thead tr[b-r6f5oocbn2] {
  background-color: #f8fafc;
  border-bottom: 1px solid #1e293b1a;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table th[b-r6f5oocbn2] {
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  text-align: left;
  border-right: 1px solid #1e293b0a;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  th:last-child[b-r6f5oocbn2],
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  td:last-child[b-r6f5oocbn2] {
  border-right: none;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table td[b-r6f5oocbn2] {
  padding: 10px 14px;
  font-weight: 600;
  color: var(--dark-txt);
  border-bottom: 1px solid #1e293b0a;
  border-right: 1px solid #1e293b0a;
  vertical-align: middle;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  tbody
  tr:last-child
  td[b-r6f5oocbn2] {
  border-bottom: none;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table tbody tr[b-r6f5oocbn2] {
  transition: background-color 0.12s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  tbody
  tr:hover[b-r6f5oocbn2] {
  background-color: #f8faff;
}
.address-nickname-popup .modal-body .details-tab .col-check[b-r6f5oocbn2] {
  width: 40px;
  text-align: center;
}
.address-nickname-popup .modal-body .details-tab .det-checkbox[b-r6f5oocbn2] {
  width: 16px;
  height: 16px;
  accent-color: var(--purple);
  cursor: pointer;
}
.address-nickname-popup .modal-body .details-tab .det-row-actions[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.12s;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn img[b-r6f5oocbn2] {
  height: 14px;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn:hover[b-r6f5oocbn2] {
  background-color: #f1f5f9;
}

/* ── Uploaded files list ── */
.address-nickname-popup .modal-body .details-tab .det-files-list[b-r6f5oocbn2] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.address-nickname-popup .modal-body .details-tab .det-file-item[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-file-remove[b-r6f5oocbn2] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--orange);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  transition: opacity 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-file-remove:hover[b-r6f5oocbn2] {
  opacity: 0.7;
}
.address-nickname-popup .modal-body .details-tab .det-file-name[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 600;
  color: var(--purple);
  text-decoration: underline;
  cursor: pointer;
}

/* ── Actions row ── */
.address-nickname-popup .modal-body .details-tab .det-actions-row[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.address-nickname-popup .modal-body .details-tab .det-make-inactive-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background-color: #ed40301f;
  /* border: 1px solid #ed403044; */
  border: none;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  cursor: pointer;
  transition: background-color 0.15s;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}
.address-nickname-popup .modal-body .details-tab .det-make-inactive-btn:hover[b-r6f5oocbn2] {
  background-color: #ed403022;
}
.address-nickname-popup .modal-body .details-tab .det-delete-btn[b-r6f5oocbn2],
.address-nickname-popup .modal-body .details-tab .det-success-btn[b-r6f5oocbn2] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background-color: #df2917;
  border: none;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}
.address-nickname-popup .modal-body .details-tab .det-success-btn[b-r6f5oocbn2] {
  background-color: #338732;
}
.address-nickname-popup .modal-body .details-tab .det-delete-btn:hover[b-r6f5oocbn2],
.address-nickname-popup .modal-body .details-tab .det-success-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

/* ── Date picker ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-r6f5oocbn2],
.det-datepicker-wrap[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  padding: 0 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-datepicker-wrap:focus-within[b-r6f5oocbn2],
.det-datepicker-wrap:focus-within[b-r6f5oocbn2] {
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-r6f5oocbn2],
.det-datepicker-input[b-r6f5oocbn2] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}

/* ════════════════════════════
   SUB-MODALS
════════════════════════════ */
.det-submodal-backdrop[b-r6f5oocbn2] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  border-radius: inherit;
}
.det-submodal[b-r6f5oocbn2] {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
  animation: submodalIn-b-r6f5oocbn2 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes submodalIn-b-r6f5oocbn2 {
  from {
    transform: scale(0.94) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.det-submodal-header[b-r6f5oocbn2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 16px;
  gap: 12px;
}
.det-submodal-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 6px;
  line-height: 1.3;
}
.det-submodal-subtitle[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0 0 6px;
}
.det-submodal-warning[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1.5;
  margin: 0;
}
.det-submodal-close[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-close:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}
.det-submodal-close img[b-r6f5oocbn2] {
  height: 14px;
}
.det-submodal-body[b-r6f5oocbn2] {
  /* padding: 0 24px; */
  background-color: #f1f5f9cc;
}
.det-submodal-divider[b-r6f5oocbn2] {
  border: 1px solid #1e293b17;
  margin: 0;
}
.det-submodal-footer[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}
.det-submodal-cancel-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-cancel-btn:hover[b-r6f5oocbn2] {
  background-color: #e2e8f0;
}
.det-submodal-assign-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background-color: var(--l-purple);
  border: 1px solid #5263ff22;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--purple-2);
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-assign-btn:hover[b-r6f5oocbn2] {
  background-color: #dce0ff;
}
.det-submodal-confirm-btn[b-r6f5oocbn2] {
  flex: 1;
  padding: 12px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 14px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}
.det-submodal-confirm-btn:hover[b-r6f5oocbn2] {
  opacity: 0.88;
}

.rule-action-btn[b-r6f5oocbn2] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: background 0.15s;
}

.rule-action-btn:hover[b-r6f5oocbn2] {
  background: #f1f5f9;
}

.rule-header[b-r6f5oocbn2] {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  gap: 5px;
}

/*subcontractor proce command costs edit*/
.sub-edit .prices-section[b-r6f5oocbn2] {
  margin-top: 24px;
}

.sub-edit .prices-section:first-child[b-r6f5oocbn2] {
  margin-top: 0;
}

.sub-edit .prices-section-header[b-r6f5oocbn2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.sub-edit .prices-section-title[b-r6f5oocbn2] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--dark-txt);
  margin: 0;
}

.sub-edit .prices-section-subtitle[b-r6f5oocbn2] {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

.sub-edit .prices-edit-card[b-r6f5oocbn2] {
  background-color: #ffffff;
  border: 1px solid #1e293b17;
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.sub-edit .prices-edit-card-inner[b-r6f5oocbn2] {
  padding: 16px;
}

.sub-edit .prices-edit-grid-header[b-r6f5oocbn2],
.sub-edit .prices-edit-grid-row[b-r6f5oocbn2] {
  display: grid;
  grid-template-columns: 1fr 160px 160px;
  gap: 16px;
  padding: 10px 16px;
  align-items: center;
}

/*For per season table columns*/
.sub-edit .prices-edit-grid-header.cols-3-equal[b-r6f5oocbn2],
.sub-edit .prices-edit-grid-row.cols-3-equal[b-r6f5oocbn2] {
  grid-template-columns: 1fr 1fr 1fr;
}

.sub-edit .prices-edit-grid-header[b-r6f5oocbn2] {
  background-color: #f1f5f9;
  border-top: none;
  border-bottom: none;
}

.sub-edit .prices-edit-grid-header span[b-r6f5oocbn2] {
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: -0.1px;
}

.sub-edit .prices-edit-grid-row[b-r6f5oocbn2] {
  background-color: var(--white);
  border-bottom: none;
}

.sub-edit .prices-edit-grid-row.alt-row[b-r6f5oocbn2] {
  background-color: #f8fafc;
}

.sub-edit .prices-select-wrap[b-r6f5oocbn2] {
  position: relative;
}

.sub-edit .prices-input[b-r6f5oocbn2] {
  width: 100%;
  height: 40px;
  margin-bottom: auto;
  padding: 6px 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.sub-edit .prices-input:focus[b-r6f5oocbn2] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.sub-edit .prices-input[b-r6f5oocbn2]::placeholder {
  color: #cccccc;
}

.sub-edit .prices-input[type="number"][b-r6f5oocbn2]::-webkit-outer-spin-button,
.sub-edit .prices-input[type="number"][b-r6f5oocbn2]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.empty-text-primary[b-r6f5oocbn2] {
  color: var(--gray-txt);
  font-size: 18px;
  font-weight: 800;
}
.customer-share-toggle[b-r6f5oocbn2]{position:absolute;left:5px;bottom:5px;border:0;border-radius:10px;background:#182033d9;color:#fff;padding:3px 6px;font-size:9px;z-index:2}.customer-share-toggle.file[b-r6f5oocbn2]{position:static;margin-left:auto;white-space:nowrap;background:#eef0ff;color:#5362de}.det-img-thumb[b-r6f5oocbn2]{position:relative}
/* /Pages/Locations/Components/LocationDetailsModalChangelogView.razor.rz.scp.css */
/* Changelogs START */

/* 2. Outer container */
.changelog-container[b-y8q41co1am] {
  padding-top: 4px;
}

/* 3. Pills row */
.changelog-tabs[b-y8q41co1am] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 20px !important;
}

/* 4. Each pill button — every property needs !important to
      override Bootstrap's btn reset AND the div reset above */
button.changelog-tab[b-y8q41co1am] {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  border: none !important;
  background-color: #f4f7fa !important;
  background-image: none !important;
  color: #475569 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -0.1px !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    background-color 0.15s,
    color 0.15s,
    border-color 0.15s !important;
}

button.changelog-tab:hover[b-y8q41co1am],
button.changelog-tab:focus[b-y8q41co1am] {
  background-color: #eaecff !important;
  color: #1e293b !important;
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Active pill — dark navy background, white text */
button.changelog-tab.active[b-y8q41co1am] {
  background-color: #eaecff !important;
  color: #363af5 !important;
  border-color: transparent !important;
  font-weight: 700 !important;
}

button.changelog-tab.active:hover[b-y8q41co1am] {
  cursor: default !important;
}

/* 5. Entry list */
.changelog-list[b-y8q41co1am] {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.changelog-item[b-y8q41co1am] {
  display: flex !important;
  gap: 12px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  align-items: flex-start !important;
}

.changelog-item:last-child[b-y8q41co1am] {
  border-bottom: none !important;
}

/* 6. Timeline dot */
.changelog-dot[b-y8q41co1am] {
  margin-top: 5px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  border-radius: 50% !important;
  background-color: #dce0ff !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* 7. Text block */
.changelog-content[b-y8q41co1am] {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.changelog-text[b-y8q41co1am] {
  margin: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
}

.changelog-author[b-y8q41co1am] {
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-right: 2px !important;
}

.changelog-text b[b-y8q41co1am],
.changelog-text strong[b-y8q41co1am] {
  font-weight: 700 !important;
  color: #1e293b !important;
}

/* 8. Date */
.changelog-date[b-y8q41co1am] {
  display: block !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  letter-spacing: -0.1px !important;
  line-height: 1.4 !important;
}

/* 9. Loading / empty */
.changelog-loading[b-y8q41co1am],
.changelog-empty[b-y8q41co1am] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  padding: 16px 0 !important;
  margin: 0 !important;
}

/* Changelog END */
/* /Pages/Locations/Components/LocationDrawingsModal.razor.rz.scp.css */
/* ── Modal body ──────────────────────────────────────────────────────────── */
.z-index-lower[b-3hww9h58zd] {
	z-index: 1050 !important;
}

.ldm-body[b-3hww9h58zd] {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-height: 500px;
	max-height: 500px;
}

/* ── Toolbar ─────────────────────────────────────────────────────────────── */

.ldm-toolbar[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 8px 20px;
	border-bottom: 1px solid #F1F5F9;
}

.ldm-filters[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 1;
	min-width: 0;
}

.ldm-toolbar-actions[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

/* ── Gear / settings button ──────────────────────────────────────────────── */

.ldm-gear-btn[b-3hww9h58zd] {
	width: 36px;
	height: 36px;
	border: 1px solid #E2E8F0;
	border-radius: 10px;
	background: #F8FAFC;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s, border-color .15s;
}

	.ldm-gear-btn:hover[b-3hww9h58zd] {
		background: #F1F5F9;
		border-color: #CBD5E1;
	}

/* ── Warning banner ──────────────────────────────────────────────────────── */

.ldm-warning-banner[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 24px;
	background: #FFFBEB;
	border-bottom: 1px solid #FDE68A;
	font-size: 13px;
	color: #92400E;
}

.ldm-warning-link[b-3hww9h58zd] {
	background: none;
	border: none;
	color: #D97706;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	padding: 0;
	text-decoration: underline;
}

/* ── Table wrapper ───────────────────────────────────────────────────────── */

.ldm-table-wrap[b-3hww9h58zd] {
	overflow-x: auto;
	flex: 1;
	background-color: #F1F5F9;
	height: 100%;
	overflow-y: auto;
	scrollbar-width: none;
}

.ldm-table[b-3hww9h58zd] {
	width: 100%;
	border-collapse: collapse;
	background-color: #F8FAFC;
	border: 1px solid #1E293B0F;
}

	.ldm-table thead th[b-3hww9h58zd] {
		padding: 12px 16px;
		font-size: 13px;
		font-weight: 700;
		color: #1E293B;
		background: #F1F5F9;
		white-space: nowrap;
		text-align: left;
		letter-spacing: -0.2px;
		line-height: 20px;
		border-right: 1px solid #1E293B0F;
		position: sticky;
		top: 1px;
		z-index: 1066;
	}

	.ldm-table tbody td[b-3hww9h58zd] {
		padding: 8px 16px;
		font-size: 13px;
		color: #1E293B;
		font-weight: 600;
		vertical-align: middle;
		gap: 10px;
		border-right: 1px solid #1E293B0F;
		justify-content: start;
		letter-spacing: -0.02px;
		line-height: 20px;
	}

	.ldm-table tbody tr:last-child td[b-3hww9h58zd] {
		border-bottom: none;
	}

	.ldm-table tbody tr:hover td[b-3hww9h58zd] {
		background: #FAFAFA;
	}

	.ldm-table tbody tr.ldm-row-selected td[b-3hww9h58zd] {
		background: #EFF6FF;
	}

	/* ── Column widths ───────────────────────────────────────────────────────── */

	.ldm-table .col-check[b-3hww9h58zd] {
		width: 44px;
		/*padding-left: 16px;
		padding-right: 4px;*/
	}

.ldm-cell-created-by[b-3hww9h58zd] {
	white-space: nowrap;
	min-width: 110px;
}

.ldm-cell-type[b-3hww9h58zd] {
	min-width: 130px;
}

.ldm-cell-date[b-3hww9h58zd] {
	white-space: nowrap;
	min-width: 150px;
	color: #64748B;
	font-size: 12px;
}

.ldm-cell-worktype[b-3hww9h58zd] {
	min-width: 200px;
	max-width: 300px;
}

.ldm-cell-actions[b-3hww9h58zd] {
	width: 96px;
}

.ldm-table-row--odd[b-3hww9h58zd] {
	background-color: #FFFFFF;
}

.ldm-table-row--even[b-3hww9h58zd] {
	background-color: #F8FAFC;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */

.ldm-custom-checkbox[b-3hww9h58zd] {
	width: 18px;
	height: 18px;
	border-radius: 6px;
	padding: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);
	border: 2.5px solid #d9dee3;
	backdrop-filter: blur(24px);
	box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
	flex-shrink: 0;
	cursor: pointer;
}

	.ldm-custom-checkbox.ldm-custom-checkbox--checked[b-3hww9h58zd] {
		background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%);
		color: white;
		backdrop-filter: blur(24px);
		box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
		border: none;
	}

	/* Partial/indeterminate state: light blue background, dash icon in brand color */
	.ldm-custom-checkbox.ldm-custom-checkbox--partial[b-3hww9h58zd] {
		background: #D1D8FA;
		color: #5263FF;
		backdrop-filter: blur(24px);
		box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
		border: none;
	}

/* ── Type cell ───────────────────────────────────────────────────────────── */

.ldm-type-cell[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.ldm-color-dot[b-3hww9h58zd] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.ldm-type-badge-sm[b-3hww9h58zd] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 2px 8px;
	border-radius: 8px;
	background: #5263FF1F;
	color: #363AF5;
	font-size: 11px;
	font-weight: 600;
	white-space: nowrap;
}

.ldm-type-dot[b-3hww9h58zd] {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* ── Row actions ─────────────────────────────────────────────────────────── */

.ldm-row-actions[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ldm-action-btn[b-3hww9h58zd] {
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 7px;
	background: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: background .15s, border-color .15s;
}

	.ldm-action-btn:hover[b-3hww9h58zd] {
		background: #F1F5F9;
		border-color: #CBD5E1;
	}

	.ldm-action-btn.ldm-action-btn-danger:hover[b-3hww9h58zd] {
		background: #FEF2F2;
		border-color: #FECACA;
	}

/* ── Bulk action bar ─────────────────────────────────────────────────────── */

.ldm-bulk-bar[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 24px;
	background: #F8FAFC;
	border-top: 1px solid #E2E8F0;
	gap: 12px;
	flex-shrink: 0;
}

.ldm-bulk-clear[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 6px;
	background: none;
	border: none;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	color: #64748B;
	padding: 0;
	text-transform: lowercase;
}

.ldm-bulk-actions[b-3hww9h58zd] {
	display: flex;
	align-items: center;
	gap: 8px;
}
/* /Pages/Locations/Components/LocationFilterPopover.razor.rz.scp.css */
/* ─────────────────── Outer panel ─────────────────────────────────────────────────────────── */
.lf-panel[b-ggvtreqn2y] {
  width: 360px;
  max-width: 360px;
  background-color: #fff;
  border: 1px solid #ebeced;
  border-radius: 20px;
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

/* ─────────────────── Header --------------------------------------------─────────────────── */
.lf-header[b-ggvtreqn2y] {
  padding: 8px 16px;
  border-bottom: 1px #1e293b17 solid;
  flex-shrink: 0;
}

.lf-header h6[b-ggvtreqn2y] {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  margin: 0;
}

/* ─────────────────── Scrollable body ────────────────────────────────────────────────────── */
.lf-body[b-ggvtreqn2y] {
  padding: 0 16px 16px;
  max-height: min(400px, 40vh);
  overflow-y: auto;
  scrollbar-width: thin;
  flex: 1 1 auto;
}

/* ─────────────────── Labels --------------------------------------------------------------- */
.lf-body .dispatch-by label[b-ggvtreqn2y],
.lf-body .errors label[b-ggvtreqn2y] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

/* ─────────────────── Errors --------------------------------------------------------------- */

.lf-body .errors .selected[b-ggvtreqn2y] {
  background-color: #5263ff1f;
  padding: 8px;
  gap: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--purple-2);
  border-radius: 8px;
}

.lf-body .errors .selected.not[b-ggvtreqn2y] {
  background-color: #f1f5f9cc;
  color: var(--dark-txt);
}

/* ─────────────────── Clear buttons inside .assigned ─────────────────────────────────────── */
.lf-body .assigned button[b-ggvtreqn2y] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  padding: 8px 12px;
  background-color: #f1f5f9cc;
  border: 1px #1e293b17 solid;
  border-radius: 8px;
  outline: none;
}

/* ─────────────────── Toggle labels --------------------------------------------------------- */
.lf-body .manual-only h6[b-ggvtreqn2y] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lf-body .manual-only .toggle-switch[b-ggvtreqn2y] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.lf-body .manual-only .toggle-switch input[b-ggvtreqn2y] {
  opacity: 0;
  width: 0;
  height: 0;
}

.lf-body .manual-only .slider[b-ggvtreqn2y] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.lf-body .manual-only .slider[b-ggvtreqn2y]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-ggvtreqn2y] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-ggvtreqn2y]:before {
  transform: translateX(18px);
  background: #fff;
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-ggvtreqn2y]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ─────────────────── Footer -----------------------------------------------─────────────────── */
.lf-footer[b-ggvtreqn2y] {
  padding: 12px 16px;
  border-top: 1px #1e293b17 solid;
  flex-shrink: 0;
}

.lf-footer button[b-ggvtreqn2y] {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  border-radius: 8px;
  border: 1px transparent solid;
  padding: 8px 12px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  cursor: pointer;
  background: none;
}

.lf-footer button.reset-btn[b-ggvtreqn2y] {
  color: var(--gray-txt);
  border: none;
  font-size: 14px;
}

.lf-footer button.cancel-btn[b-ggvtreqn2y] {
  background-color: #f1f5f9cc;
  border-color: #1e293b17;
  color: var(--dark-txt);
}

.lf-footer button.apply-btn[b-ggvtreqn2y] {
  background-color: var(--purple);
  color: var(--white);
}
/* /Pages/Locations/Components/LocationGroupSliderExpandedDetails.razor.rz.scp.css */
/* ── Container ───────────────────────────────────────────────────────────── */
.lged-locations-list[b-hjk3fwnidv] {
    border-top: 1px solid #F1F5F9;
}

/* ── Empty / loading states ──────────────────────────────────────────────── */
.lged-no-locs[b-hjk3fwnidv] {
    padding: 14px 16px;
    font-size: 13px;
    color: #94A3B8;
    text-align: center;
    height: 150px;
    vertical-align: middle;
    align-content: center;
}

/* ── Location row ────────────────────────────────────────────────────────── */
.lged-loc-row[b-hjk3fwnidv] {
    display: flex;
    align-items: center;
    padding: 11px 16px;
    border-bottom: 1px solid #F8FAFC;
    transition: background 0.12s;
}

.lged-loc-row:last-child[b-hjk3fwnidv] {
    border-bottom: none;
}

.lged-loc-row:hover[b-hjk3fwnidv] {
    background: #F8FAFC;
}

/* ── Icon wrappers ───────────────────────────────────────────────────────── */
.lged-loc-icon[b-hjk3fwnidv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
}

/* ── Text block ──────────────────────────────────────────────────────────── */
.lged-loc-text[b-hjk3fwnidv] {
    flex: 1;
    min-width: 0;
}

.lged-loc-name[b-hjk3fwnidv] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lged-loc-addr[b-hjk3fwnidv] {
    font-size: 11px;
    color: #64748B;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Remove button ───────────────────────────────────────────────────────── */
.lged-btn-remove-loc[b-hjk3fwnidv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.12s;
}

.lged-btn-remove-loc:hover[b-hjk3fwnidv] {
    background: #FFF5F5;
}

/* /Pages/Locations/Components/LocationGroupsSlider.razor.rz.scp.css */
.z-index-lower[b-wv3cyir68y] {
  z-index: 1049 !important;
}

/* ── Location groups slider ──────────────────────────────────────────────── */
.locationGroupsSlider.right .modal-dialog[b-wv3cyir68y] {
  position: fixed;
  margin: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 740px;
  width: 100%;
}

.locationGroupsSlider.right .modal-content[b-wv3cyir68y] {
  height: 100vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

.locationGroupsSlider.right.fade .modal-dialog[b-wv3cyir68y] {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.locationGroupsSlider.right.show .modal-dialog[b-wv3cyir68y] {
  transform: translateX(0);
}
/* ── End location groups slider ──────────────────────────────────────────── */

.locationGroupsSlider .lgs-header-right button.edit-btn[b-wv3cyir68y] {
  gap: 2px;
  padding: 8px 10px;
  /* border: 1px #1E293B17 solid; */
  border: none;
  border-radius: 10px;
  outline: none;
  height: 40px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.locationGroupsSlider .lgs-header-right button.edit-btn p[b-wv3cyir68y] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--white);
  padding: 0 4px;
}

/* ── Shell ───────────────────────────────────────────────────────────────── */
.lgs-shell[b-wv3cyir68y] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #f8fafc;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgs-header[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.lgs-header-left[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.lgs-header-icon[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #eef0ff;
  border-radius: 10px;
  flex-shrink: 0;
}

.lgs-header-text[b-wv3cyir68y] {
  min-width: 0;
}

.lgs-title[b-wv3cyir68y] {
  font-size: 18px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 2px;
}

.lgs-subtitle[b-wv3cyir68y] {
  font-size: 15px;
  font-weight: 600;
  color: #475569;
  margin: 0;
}

.lgs-header-right[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.lgs-btn-new[b-wv3cyir68y] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #5263ff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}

.lgs-btn-new:hover[b-wv3cyir68y] {
  background: #4250e0;
}

.lgs-btn-close[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
}

.lgs-btn-close:hover[b-wv3cyir68y] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgs-body[b-wv3cyir68y] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
}

/* ── Center state (loading / empty) ─────────────────────────────────────── */
.lgs-center-state[b-wv3cyir68y] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 10px;
  min-height: 260px;
  text-align: center;
}

.lgs-empty-title[b-wv3cyir68y] {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.lgs-empty-sub[b-wv3cyir68y] {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

/* ── Group card ──────────────────────────────────────────────────────────── */
.lgs-group[b-wv3cyir68y] {
  background: #fff;
  border: 1px solid #f1f5f9;
  overflow: visible;
}

/* .lgs-group--open {
    border-color: #E2E8F0;
} */

/* ── Group row ───────────────────────────────────────────────────────────── */
.lgs-group-row[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
}

.lgs-group-info[b-wv3cyir68y] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.lgs-group-name-row[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lgs-group-name[b-wv3cyir68y] {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lgs-group-id[b-wv3cyir68y] {
  font-size: 13px;
  color: #475569;
  font-weight: 500;
}

.lgs-group-actions[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* ── Icon buttons ────────────────────────────────────────────────────────── */
.lgs-btn-icon[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.12s,
    transform 0.2s;
  flex-shrink: 0;
}

.lgs-btn-icon:hover[b-wv3cyir68y] {
  background: #f1f5f9;
}

.lgs-btn-chevron[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.12s,
    transform 0.2s;
}

.lgs-btn-chevron:hover[b-wv3cyir68y] {
  background: #f1f5f9;
}

.lgs-btn-chevron--up svg[b-wv3cyir68y] {
  transform: rotate(180deg);
}

/* ── 3-dot dropdown ──────────────────────────────────────────────────────── */
.lgs-menu-wrap[b-wv3cyir68y] {
  position: relative;
}

.lgs-menu-backdrop[b-wv3cyir68y] {
  position: fixed;
  inset: 0;
  z-index: 10;
}

.lgs-dropdown-menu[b-wv3cyir68y] {
  /* position: absolute; */
  /* top: 100%; */
  /* right: 0; */
  /* z-index: 20; */
  min-width: 160px;
  /* background: #fff; */
  /* border: 1px solid #E2E8F0; */
  /* border-radius: 10px; */
  /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10); */
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lgs-menu-item[b-wv3cyir68y] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  border-radius: 16px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s;
  white-space: nowrap;
}

.lgs-menu-item--blue[b-wv3cyir68y] {
  color: #5263ff;
}

.lgs-menu-item--blue:hover[b-wv3cyir68y] {
  background: #eef0ff;
}

.lgs-menu-item--red[b-wv3cyir68y] {
  color: #ef4444;
}

.lgs-menu-item--red:hover[b-wv3cyir68y] {
  background: #fff5f5;
}
/* /Pages/Locations/Components/LocationImportGrid.razor.rz.scp.css */
.import-grid-wrapper[b-fud3ofheig] {
    overflow-x: auto;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: #1E293B1F transparent;
}

    .import-grid-wrapper[b-fud3ofheig]::-webkit-scrollbar {
        width: 4px;
    }

    .import-grid-wrapper[b-fud3ofheig]::-webkit-scrollbar-thumb {
        background: #1E293B1F;
        border-radius: 4px;
    }

.import-grid-wrapper table[b-fud3ofheig] {
    border: 1px #1E293B0F solid;
    border-radius: 16px;
    border-collapse: separate;
    width: 100%;
    table-layout: fixed;
}

    .import-grid-wrapper table th[b-fud3ofheig] {
        padding: 12px 16px;
        background-color: #F1F5F9;
        font-size: 13px;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
        border-right: 1px solid #1E293B0F;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .import-grid-wrapper table th:last-child[b-fud3ofheig] {
        border-right: none;
    }

    .import-grid-wrapper table td[b-fud3ofheig] {
        background-color: var(--white);
        padding: 18px 16px;
        font-size: 13px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
        cursor: pointer;
        position: relative;
        border-right: 1px solid #1E293B0F;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .import-grid-wrapper table td:last-child[b-fud3ofheig] {
            border-right: none;
        }


    .import-grid-wrapper table td:hover[b-fud3ofheig] {
        background-color: #5263FF1F;
    }

    .import-grid-wrapper table td img[b-fud3ofheig] {
        height: 24px;
    }

.import-grid-wrapper table tr:last-child td:first-child[b-fud3ofheig] {
    border-radius: 0 0 0 16px;
}

.import-grid-wrapper table tr:last-child td:last-child[b-fud3ofheig] {
    border-radius: 0 0 16px 0;
}


.import-grid-wrapper table tr.row-error td:first-child[b-fud3ofheig] {
    border-left: 3px var(--badge-orange) solid;
}

.import-grid-wrapper table tr.row-ok td:first-child[b-fud3ofheig] {
    border-left: 2px transparent solid;
}

/*Edit*/
.import-grid-wrapper .edit-btn[b-fud3ofheig] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    opacity: 0;
    transition: opacity 0.15s;
    line-height: 1;
}

.import-grid-wrapper .edit-btn img[b-fud3ofheig] {
    height: 16px !important;
    width: 16px;
}

.import-grid-wrapper table td:hover .edit-btn[b-fud3ofheig] {
    opacity: 1 !important;
}

.import-grid-wrapper .cell-input[b-fud3ofheig] {
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B0F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    width: 100%;
}
/* /Pages/Locations/Components/LocationInvitesPopup.razor.rz.scp.css */
.location-invites-popup[b-8fk66x0tad] {
    background: #ffffff;
    /* padding: 24px; */
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
}

.location-invites-toolbar[b-8fk66x0tad] {
    display: grid;
    grid-template-columns: 1fr 80px 140px 220px;
    gap: 16px;
    align-items: end;
    padding: 16px 20px;
}

.location-invites-search[b-8fk66x0tad],
.location-invites-filter[b-8fk66x0tad] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.location-invites-search label[b-8fk66x0tad],
.location-invites-filter label[b-8fk66x0tad] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

.location-invites-search-box[b-8fk66x0tad] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    height: 48px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #ffffff;
    padding: 0 16px;
}

.location-invites-search-box img[b-8fk66x0tad] {
    width: 16px;
    height: 16px;
}

.location-invites-search-box input[b-8fk66x0tad] {
    flex: 1;
    border: 0;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #0f172a;
}

.location-invites-status-filter[b-8fk66x0tad],
.location-invites-sent-to-filter[b-8fk66x0tad] {
    min-width: 0;
}

.location-invites-status-filter[b-8fk66x0tad] {
    width: 140px;
}

.location-invites-sent-to-filter[b-8fk66x0tad] {
    width: 220px;
}

/* .location-invites-filter ::deep .custom-select-button {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    padding: 0 16px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
}

.location-invites-filter ::deep .custom-select-button-label {
    min-width: 0 !important;
    max-width: calc(100% - 18px) !important;
}

.location-invites-filter ::deep .custom-select-button-text {
    display: block !important;
    max-width: 100% !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.location-invites-status-filter ::deep .custom-select-button-text {
    max-width: 80px !important;
}

.location-invites-sent-to-filter ::deep .custom-select-button-text {
    max-width: 146px !important;
}

.location-invites-filter ::deep .dropdown-menu {
    border-radius: 18px !important;
    padding: 10px !important;
    border-color: #e4e5e7 !important;
}

.location-invites-status-filter ::deep .dropdown-menu {
    width: 180px !important;
    max-width: 180px !important;
}

.location-invites-sent-to-filter ::deep .dropdown-menu {
    width: 320px !important;
    max-width: min(320px, calc(100vw - 24px)) !important;
}

.location-invites-filter ::deep .search-input-box {
    margin-bottom: 8px !important;
    border-radius: 14px !important;
}

.location-invites-filter ::deep .custom-dropdown-list {
    max-height: min(300px, 42vh) !important;
}

.location-invites-filter ::deep .dropdown-list-item {
    min-height: 40px !important;
    border-radius: 10px !important;
}

.location-invites-filter ::deep .item-name {
    font-size: 14px !important;
} */

.location-invites-load-more:disabled[b-8fk66x0tad] {
    opacity: 0.6;
    cursor: not-allowed;
}

.location-invites-table-shell[b-8fk66x0tad] {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    /* border-radius: 16px; */
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.02);
}

.location-invites-table-scroll[b-8fk66x0tad] {
    max-height: min(500px, calc(100vh - 420px));
    overflow-y: auto;
}

.location-invites-table[b-8fk66x0tad] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.location-invites-table thead th[b-8fk66x0tad] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #F1F5F9;
    color: #475569;
    font-size: 13px;
    font-weight: 700;
    text-transform: none; /* removed uppercase */
    text-align: left;
    padding: 16px 20px;
    border-bottom: 1px solid #e2e8f0;
}

.location-invites-table tbody td[b-8fk66x0tad] {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-invites-table tbody tr:nth-child(even)[b-8fk66x0tad] {
    background: #F8FAFC;
}

.location-invites-table tbody tr:last-child td[b-8fk66x0tad] {
    border-bottom: 0;
}

.location-name[b-8fk66x0tad] {
    font-weight: 500;
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invite-status-badge[b-8fk66x0tad] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    border-radius: 8px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.invite-status-sent[b-8fk66x0tad] {
    background: #5263FF1F;
    color: #363AF5;
}

.invite-status-accepted[b-8fk66x0tad] {
    background: #409B3F1F;
    color: #338732;
}

.invite-status-declined[b-8fk66x0tad] {
    background: #ED40301F;
    color: #DF2917;
}

.invite-status-neutral[b-8fk66x0tad] {
    background: #f1f5f9;
    color: #475569;
}

.location-invites-loading[b-8fk66x0tad],
.location-invites-empty[b-8fk66x0tad] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 571.98px;
    color: #475569;
    font-size: 15px;
}

.location-invites-footer[b-8fk66x0tad] {
    display: flex;
    justify-content: flex-start;
    /* padding: 8px 0; */
    padding: 16px 20px;
    background: #F0F4F8;
}

.location-invites-load-more[b-8fk66x0tad] {
    min-height: 40px;
    border: none;
    border-radius: 10px;
    background: #eef2ff;
    color: #363af5;
    font-size: 13px;
    font-weight: 600;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.2s ease;
}

.location-invites-load-more:hover:not(:disabled)[b-8fk66x0tad] {
    background: #e0e7ff;
}

/* WMPopup structural overrides to remove padding/borders and style backgrounds */
[b-8fk66x0tad] .location-invites-popup-container .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 24px !important;
    background: #ffffff;
    overflow: hidden;
}

[b-8fk66x0tad] .location-invites-popup-container .modal-header {
    padding: 24px 24px 16px !important;
    background: #ffffff !important;
    border-bottom: none !important;
}

[b-8fk66x0tad] .location-invites-popup-container .modal-header h5.modal-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
}

[b-8fk66x0tad] .location-invites-popup-container .modal-header button.btn-close {
    margin: 0 !important;
}

[b-8fk66x0tad] .location-invites-popup-container .modal-body {
    background: #f8fafc !important;
    border-top: none !important;
    padding: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

@media (max-width: 900px) {
    .location-invites-popup[b-8fk66x0tad] {
        padding-inline: 16px;
    }

    .location-invites-toolbar[b-8fk66x0tad] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .location-invites-status-filter[b-8fk66x0tad],
    .location-invites-sent-to-filter[b-8fk66x0tad] {
        width: 100%;
    }

    /* .location-invites-sent-to-filter ::deep .custom-select-button-text {
        max-width: calc(100vw - 150px) !important;
    } */
}
/* /Pages/Locations/Components/NewLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.lgp-modal-content[b-55tchrfh3e] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgp-modal-header[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.lgp-modal-title[b-55tchrfh3e] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.lgp-close-btn[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.lgp-close-btn:hover[b-55tchrfh3e] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgp-body[b-55tchrfh3e] {
  background: #f1f5f9;
  padding: 0 !important;
  margin: 0 -1.5rem 0;
}

.lgp-loading-state[b-55tchrfh3e] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}

/* ── Group name section (white band, full width) ─────────────────────────── */
.lgp-name-section[b-55tchrfh3e] {
  background: #fff;
  padding: 16px 20px 20px;
  border-bottom: 1px solid #f1f5f9;
  margin: 0 -1.5rem;
}

.lgp-field-label[b-55tchrfh3e] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.lgp-name-input[b-55tchrfh3e] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lgp-name-input:focus[b-55tchrfh3e] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.lgp-name-input[b-55tchrfh3e]::placeholder {
  color: #cccccc;
}

/* ── Section header (label + count) ─────────────────────────────────────── */
.lgp-section-header[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}

.lgp-list-label[b-55tchrfh3e] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

.lgp-selected-count[b-55tchrfh3e] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

/* ── Scrollable card list ────────────────────────────────────────────────── */
.lgp-list-scroll[b-55tchrfh3e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 260px;
  overflow-y: auto;
  padding: 0 16px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.lgp-list-scroll[b-55tchrfh3e]::-webkit-scrollbar {
  display: none;
}

.lgp-list-empty[b-55tchrfh3e] {
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
  text-align: center;
  height: 100px;
  align-content: center;
  vertical-align: middle;
}

/* ── Location card ───────────────────────────────────────────────────────── */
.lgp-list-item[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 3px solid #1e293b17;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  transition:
    border-color 0.12s,
    background 0.12s;
  margin: 0;
}

.lgp-list-item:hover[b-55tchrfh3e] {
  border-color: #c7d2fe;
}

.lgp-list-item--checked[b-55tchrfh3e] {
  border-width: 3px;
  border-color: #5263ff66 !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */
.lgp-checkbox[b-55tchrfh3e] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.lgp-checkbox.checked[b-55tchrfh3e] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.lgp-checkbox-icon[b-55tchrfh3e] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── Location details ────────────────────────────────────────────────────── */
.lgp-loc-detail[b-55tchrfh3e] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lgp-loc-top[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
}

.lgp-loc-name[b-55tchrfh3e] {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lgp-customer-badge[b-55tchrfh3e] {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #5263ff;
  background: #eaecff;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.lgp-loc-addr[b-55tchrfh3e] {
  font-size: 12px;
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.lgp-modal-footer[b-55tchrfh3e] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.lgp-btn-cancel[b-55tchrfh3e] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.lgp-btn-action[b-55tchrfh3e] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.lgp-btn-action:disabled[b-55tchrfh3e] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Components/PriceRegulationPopup.razor.rz.scp.css */
.price-regulation-popup[b-iiktf2itk6] {
    display: grid;
    grid-template-rows: auto auto auto minmax(0, 1fr) auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    color: #1e293b;
    background: #ffffff;
    border-radius: 24px;
}

.pr-header[b-iiktf2itk6] {
    grid-row: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 24px 16px;
    border-bottom: 1px solid #f1f5f9;
}

.pr-header h2[b-iiktf2itk6] {
    margin: 0 0 4px;
    color: #0f172a;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.15;
}

.pr-header p[b-iiktf2itk6] {
    margin: 0;
    color: #52627a;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
}

.pr-close[b-iiktf2itk6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f1f5f9cc;
    color: #0f172a;
    font-size: 16px;
    transition: all 0.2s ease;
}

.pr-close:hover[b-iiktf2itk6] {
    background: #e2e8f0;
}

.pr-filters[b-iiktf2itk6] {
    grid-row: 2;
    display: grid;
    grid-template-columns: 280px 280px minmax(0, 1fr);
    gap: 16px;
    align-items: end;
    padding: 16px 24px;
    border-bottom: 1px solid #f1f5f9;
}

.pr-field[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.pr-field label[b-iiktf2itk6],
.pr-percent-field span[b-iiktf2itk6] {
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.15;
}

/* .pr-field ::deep .custom-select-button {
    min-height: 48px !important;
    height: 48px !important;
    border-radius: 14px !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 16px !important;
}

.pr-subcontractor-field ::deep .custom-select-button.chips-mode {
    height: auto !important;
    min-height: 48px !important;
    padding-block: 8px !important;
}

.pr-field ::deep .dropdown-menu {
    border-radius: 18px !important;
    max-width: min(420px, calc(100vw - 28px)) !important;
}

.pr-subcontractor-field ::deep .dropdown-menu {
    width: 420px !important;
} */

.pr-date-box[b-iiktf2itk6] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    height: 42px;
    padding: 0 4px 0 16px;
    background: #ffffff;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease-in-out !important;
    outline: none !important;
}

.pr-date-box input[b-iiktf2itk6] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: none;
    color: #0f172a;
    font-size: 14px;
    font-weight: 500;
}

.pr-info[b-iiktf2itk6] {
    grid-row: 3;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #fffbeb;
}

.pr-info-icon[b-iiktf2itk6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    border-radius: 50%;
    background: #FFC30A1F;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
}

.pr-info-text[b-iiktf2itk6] {
    margin: 0;
    color: #B47500;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.pr-content[b-iiktf2itk6] {
    grid-row: 4;
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
    background: #ffffff;
    margin-inline: 0;
    overflow: hidden;
}

.pr-content.with-side-panel[b-iiktf2itk6] {
    grid-template-columns: minmax(0, 1fr) 310px;
}

.pr-table-shell[b-iiktf2itk6] {
    /* max-height: min(450px, calc(100vh - 380px)); */
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    background: #F8FAFC;
    border-bottom: 1px solid #f1f5f9;
}

.pr-table[b-iiktf2itk6] {
    width: 100%;
    min-width: 980px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.pr-content.with-side-panel .pr-table[b-iiktf2itk6] {
    min-width: 840px;
}

.pr-table thead th[b-iiktf2itk6] {
    position: sticky;
    top: 0;
    z-index: 2;
    height: 52px;
    padding: 0 20px;
    border-right: none !important;
    border-bottom: 1px solid #e2e8f0;
    background: #F1F5F9;
    color: var(--dark-text);
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.pr-table thead th:first-child[b-iiktf2itk6],
.pr-table tbody td:first-child[b-iiktf2itk6] {
    padding-inline: 16px;
    text-align: center;
    width: 60px;
}

.pr-table tbody td[b-iiktf2itk6] {
    padding: 16px 20px;
    border-right: none !important;
    border-bottom: 1px solid #f1f5f9;
    color: var(--dark-text);
    font-size: 14px;
    font-weight: 600;
    vertical-align: top;
    background: #ffffff !important;
}

.pr-table tbody tr:nth-child(even) td[b-iiktf2itk6] {
    background: #F8FAFC !important;
}

.pr-checkbox[b-iiktf2itk6] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
    border: 2.5px solid #d9dee3 !important;
    backdrop-filter: blur(24px) !important;
    box-shadow:
        0px 1px 1px -0.5px #1e293b08,
        0px 3px 3px 0px #ffffff1f inset !important;
    flex-shrink: 0 !important;
}

.pr-checkbox.checked[b-iiktf2itk6],
.pr-checkbox.mixed[b-iiktf2itk6] {
    background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
    color: white !important;
    backdrop-filter: blur(24px) !important;
    box-shadow:
        0px 1px 1px -0.5px #1e293b08,
        0px 3px 3px 0px #ffffff1f inset !important;
    border: none !important;
}

.pr-checkbox.mixed[b-iiktf2itk6] {
    background: #D1D8FA !important;
    color: #5263FF !important;
}

.pr-checkbox-icon[b-iiktf2itk6] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.pr-checkbox:disabled[b-iiktf2itk6],
.pr-checkbox.disabled[b-iiktf2itk6] {
    opacity: 0.6;
    cursor: not-allowed;
}

.pr-location-cell[b-iiktf2itk6],
.pr-stack[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.pr-location-cell strong[b-iiktf2itk6] {
    font-weight: 700;
    color: var(--dark-text);
}

.pr-location-cell span[b-iiktf2itk6] {
    color: var(--dark-text);
    font-size: 13px;
}

.pr-stack span[b-iiktf2itk6] {
    color: #334155;
}

.pr-location-cell strong[b-iiktf2itk6],
.pr-location-cell span[b-iiktf2itk6],
.pr-stack span[b-iiktf2itk6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pr-empty-state[b-iiktf2itk6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    min-height: 360px;
    color: #475569;
    font-size: 16px;
    font-weight: 600;
}

.pr-sqm-panel[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-left: 1px solid #dfe5ec;
    background: #eef3f8;
    box-shadow: -12px 0 26px rgba(15, 23, 42, 0.06);
}

.pr-sqm-intro[b-iiktf2itk6] {
    padding: 28px 26px 22px;
    border-bottom: 1px solid #dfe5ec;
    background: #ffffff;
}

.pr-sqm-intro h3[b-iiktf2itk6] {
    margin: 0 0 16px;
    color: var(--dark-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
}

.pr-sqm-intro p[b-iiktf2itk6] {
    margin: 0;
    color: #64748B;
    font-size: 15px;
    line-height: 1.45;
}

.pr-sqm-list[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
    min-height: 0;
    padding: 24px 26px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.pr-sqm-row[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}

.pr-sqm-row div[b-iiktf2itk6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.pr-sqm-row input[b-iiktf2itk6] {
    height: 42px;
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    padding: 8px 10px;
    line-height: 24px;
	letter-spacing: -0.2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.pr-sqm-row input[b-iiktf2itk6]::placeholder {
    color: #64748b;
}

.pr-sqm-row input:focus[b-iiktf2itk6] {
    box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.pr-sqm-row input:disabled[b-iiktf2itk6] {
    background: transparent;
	box-shadow: initial;
	cursor: not-allowed;
}

.pr-sqm-row input[b-iiktf2itk6]::-webkit-outer-spin-button,
.pr-sqm-row input[b-iiktf2itk6]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pr-sqm-row strong[b-iiktf2itk6] {
    color: var(--dark-text);
    font-size: 13px;
    font-weight: 600;
}

.pr-footer[b-iiktf2itk6] {
    grid-row: 5;
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #f1f5f9;
    background: #ffffff;
}

.pr-error[b-iiktf2itk6] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: #fef2f2;
}

.pr-error-text[b-iiktf2itk6] {
    margin: 0;
    color: #dc2626;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.pr-negative[b-iiktf2itk6] {
    color: #dc2626 !important;
}

.pr-footer-row[b-iiktf2itk6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 16px 20px;
}

.pr-total[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: #0f172a;
}

.pr-total strong[b-iiktf2itk6] {
    font-size: 15px;
    font-weight: 700;
}

.pr-total span[b-iiktf2itk6] {
    color: #64748b;
    font-size: 14px;
    font-weight: 500;
}

.pr-actions[b-iiktf2itk6] {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    gap: 16px;
    min-width: min(520px, 100%);
}

.pr-percent-field[b-iiktf2itk6] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 220px;
}

.pr-percent-field input[b-iiktf2itk6] {
    height: 42px;
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    background: #ffffff;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    padding: 8px 10px;
    line-height: 24px;
	letter-spacing: -0.2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.pr-percent-field input[b-iiktf2itk6]::placeholder {
    color: #64748b;
}

.pr-percent-field input:focus[b-iiktf2itk6] {
    box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.pr-percent-field input:disabled[b-iiktf2itk6] {
    background: transparent;
	box-shadow: initial;
	cursor: not-allowed;
}

.pr-percent-field input[b-iiktf2itk6]::-webkit-outer-spin-button,
.pr-percent-field input[b-iiktf2itk6]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pr-confirm[b-iiktf2itk6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 220px;
    height: 48px;
    border: none !important;
    border-radius: 14px !important;
    background: var(--purple) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: all 0.2s ease;
}

.pr-confirm:disabled[b-iiktf2itk6] {
    background: #cbd5e1 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

/* WMPopup overrides for clean border layouts */
[b-iiktf2itk6] .price-regulation-modal .wm-popup-modal-content {
    padding: 0 !important;
    border-radius: 24px !important;
    background: #ffffff;
    overflow: hidden;
}

[b-iiktf2itk6] .price-regulation-modal .modal-body {
    background: #ffffff !important;
    border-top: none !important;
    padding: 0 !important;
    max-height: none !important;
    overflow-y: visible !important;
}

@media (max-width: 1100px) {
    .pr-filters[b-iiktf2itk6] {
        grid-template-columns: 1fr 1fr;
    }

    .pr-subcontractor-field[b-iiktf2itk6] {
        grid-column: 1 / -1;
    }

    .pr-content.with-side-panel[b-iiktf2itk6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pr-sqm-panel[b-iiktf2itk6] {
        max-height: 360px;
        border-left: 0;
        border-top: 1px solid #dfe5ec;
    }
}
/* /Pages/Locations/Components/RenameLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.rgp-modal-content[b-aobz5n1g91] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.rgp-modal-header[b-aobz5n1g91] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.rgp-modal-title[b-aobz5n1g91] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.rgp-close-btn[b-aobz5n1g91] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.rgp-close-btn:hover[b-aobz5n1g91] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.rgp-body[b-aobz5n1g91] {
  background: #fff;
  padding: 20px !important;
}

.rgp-field-label[b-aobz5n1g91] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.rgp-name-input[b-aobz5n1g91] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.rgp-name-input:focus[b-aobz5n1g91] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.rgp-name-input[b-aobz5n1g91]::placeholder {
  color: #cccccc;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.rgp-modal-footer[b-aobz5n1g91] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.rgp-btn-cancel[b-aobz5n1g91] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.rgp-btn-save[b-aobz5n1g91] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.rgp-btn-save:disabled[b-aobz5n1g91] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Components/RuleDetailsPopup.razor.rz.scp.css */
/* Start rule-info-body */

.rule-info-body .modal-dialog[b-lt944im189] {
    min-width: 560px;
}

.rule-info-body[b-lt944im189] {
    padding: 16px 20px !important;
    background-color: #F1F5F9 !important;
    max-height: 600px;
    overflow-y: scroll;
    scrollbar-width: none;
}

    .rule-info-body .box[b-lt944im189] {
        background-color: var(--white);
        border: none;
        box-shadow: 
            0px 20px 20px -12px #1E293B08,
            0px 3px 3px -1.5px #1E293B08,
            0px 1px 1px -0.5px #1E293B08;
        border-radius: 16px;
        padding: 20px;
    }

        .rule-info-body .box h6[b-lt944im189] {
            font-size: 15px;
            font-weight: 700;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--dark-txt);
        }

        .rule-info-body .box span[b-lt944im189] {
            font-size: 15px;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: -0.2px;
            color: var(--gray-txt);
        }

        .rule-info-body .box table[b-lt944im189] {
            border: 1px solid #1E293B0F;
            box-shadow: 
                0px 20px 20px -12px #1E293B08,
                0px 3px 3px -1.5px #1E293B08,
                0px 1px 1px -0.5px #1E293B08;
            border-radius: 16px;
            /* border-collapse: separate; */
            overflow: hidden;
        }

            .rule-info-body .box table thead tr[b-lt944im189] {
                background: #F1F5F9 !important;
            }

            .rule-info-body .box table tr th[b-lt944im189] {
                padding: 12px 16px;
                font-size: 13px;
                font-weight: 700;
                line-height: 20px;
                letter-spacing: -0.2px;
                color: var(--dark-txt);
            }

            .rule-info-body .box table tr.title[b-lt944im189] {
                background-color: #F1F5F9 !important;
            }

            .rule-info-body .box table tr td[b-lt944im189] {
                padding: 8px 16px;
                font-size: 13px;
                font-weight: 600;
                line-height: 20px;
                letter-spacing: -0.2px;
                color: var(--dark-txt);
            }

                .rule-info-body .box table tr td.green[b-lt944im189] {
                    color: var(--green);
                }

            .rule-info-body .box table tr:nth-child(even)[b-lt944im189] {
                background-color: #F8FAFC;
            }

            .rule-info-body .box table tr th:first-child[b-lt944im189] {
                border-radius: 16px 0 0 0;
            }

            .rule-info-body .box table tr th:last-child[b-lt944im189] {
                border-radius: 0 16px 0 0;
            }

            .rule-info-body .box table tr td span[b-lt944im189] {
                color: var(--gray-txt-2);
            }

    .rule-info-body .carousel .carousel-inner[b-lt944im189] {
        border-radius: 16px;
        position: relative;
        height: 346px;
    }

    .rule-info-body .carousel .carousel-control-prev[b-lt944im189],
    .rule-info-body .carousel .carousel-control-next[b-lt944im189] {
        height: fit-content;
        width: fit-content;
        top: 50%;
        transform: translate(0%, -50%);
        opacity: 1;
    }

    .rule-info-body .carousel .carousel-control-prev[b-lt944im189] {
        left: 8px;
    }

    .rule-info-body .carousel .carousel-control-next[b-lt944im189] {
        right: 8px;
    }

    .rule-info-body .carousel .carousel-control-prev-icon[b-lt944im189] {
        background-color: #F1F5F9CC;
        border: 1px #1E293B08 solid;
        border-radius: 8px;
        background-image: url(../img/icons/left-slider-blue-arrow.png) !important;
        background-size: 20px;
    }

    .rule-info-body .carousel .carousel-control-next-icon[b-lt944im189] {
        background-color: #F1F5F9CC;
        border: 1px #1E293B08 solid;
        border-radius: 8px;
        background-image: url(../img/icons/right-slider-blue-arrow.png) !important;
        background-size: 20px;
    }

    .rule-info-body .carousel .carousel-indicators button[b-lt944im189] {
        margin: 0 !important;
        border: none !important;
        min-height: 8px !important;
        min-width: 8px !important;
        max-height: 8px !important;
        max-width: 8px !important;
        background-color: #FFFFFF !important;
        opacity: 0.5 !important;
        border-radius: 50px !important;
        z-index: 9999 !important;
    }

        .rule-info-body .carousel .carousel-indicators button.active[b-lt944im189] {
            opacity: 1 !important;
        }

    .rule-info-body .carousel .carousel-inner .full-icon[b-lt944im189] {
        position: absolute;
        bottom: 8px;
        right: 8px;
        z-index: 9999;
        background-color: #F1F5F9CC;
        padding: 7px;
        height: 32px;
        width: 32px;
        border: 1px #1E293B08 solid;
        border-radius: 8px;
        cursor: pointer;
    }

        .rule-info-body .carousel .carousel-inner .full-icon img[b-lt944im189] {
            height: 18px;
        }


@media (max-width:767px) {
    .rule-info-body .modal-dialog[b-lt944im189] {
        min-width: 95%;
    }
}

/* End rule-info-body */
/* /Pages/Locations/CustomerDashboardLauncher.razor.rz.scp.css */
/* The page uses the shared main-title-bar / main-table layout (css/style.css);
   only the per-row "open dashboard" action button is styled here. */

.action-cell[b-p9przfqdr3] {
    text-align: right !important;
    width: 190px;
}

.open-dashboard-button[b-p9przfqdr3] {
    align-items: center;
    background: #eef0ff;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #4657eb;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 9px;
    justify-content: center;
    min-height: 36px;
    min-width: 128px;
    padding: 8px 12px;
    transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
    white-space: nowrap;
}

.open-dashboard-button:hover:not(:disabled)[b-p9przfqdr3] {
    background: #5263ff;
    border-color: #5263ff;
    color: #ffffff;
    transform: translateY(-1px);
}

.open-dashboard-button:focus-visible[b-p9przfqdr3] {
    box-shadow: 0 0 0 3px rgba(82, 99, 255, .22);
    outline: none;
}

.open-dashboard-button:disabled[b-p9przfqdr3] {
    cursor: wait;
    opacity: .65;
}

.open-arrow[b-p9przfqdr3] {
    font-size: 17px;
    line-height: 1;
}
/* /Pages/Locations/Locations.razor.rz.scp.css */
.locations-secondary-button[b-no5kxvznv1] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 2px !important;
    padding: 8px 10px !important;
    /* border: 1px #1E293B17 solid !important; */
    border: none !important;
    border-radius: 10px !important;
    outline: none !important;
    height: 40px !important;
    width: max-content !important;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box !important;
    backdrop-filter: blur(24px) !important;
    box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: -0.2px !important;
}

.locations-secondary-button[b-no5kxvznv1] {
    border: 1px solid #1E293B0F !important;
    background: #F1F5F9CC !important;
    color: var(--dark-txt) !important;
}

    .locations-secondary-button img[b-no5kxvznv1] {
        height: 18px !important;
    }

    .locations-secondary-button p[b-no5kxvznv1],
    .locations-secondary-button text[b-no5kxvznv1] {
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        letter-spacing: -0.2px !important;
        color: var(--dark-txt) !important;
        padding: 0 4px !important;
    }

    .locations-secondary-button:hover[b-no5kxvznv1]{
        opacity: 0.8 !important;
    }

    .locations-secondary-button:disabled[b-no5kxvznv1] {
        opacity: 0.6 !important;
        cursor: not-allowed !important;
    }

.baggee.grey-rounded[b-no5kxvznv1] {
    padding: 4px 8px;
    background-color: #F1F5F9CC;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
}

.missing-cost[b-no5kxvznv1],
.missing-contractor[b-no5kxvznv1] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: #DF2917;
}

.contractor-text[b-no5kxvznv1] {
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.locations-table td[b-no5kxvznv1] {
    overflow-wrap: anywhere;
    word-break: normal;
}
/* The Filters button sits outside .main-title, so the shared title-bar button rule
   does not reach it. Match that scale (32px / 12px / 8px radius) explicitly. */
#location-filter-btn[b-no5kxvznv1] {
    height: 32px;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
}
/* /Pages/Locations/SubcontractorInvite.razor.rz.scp.css */
.invite-status-page[b-7d4lmr78uv] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #F1F5F9;
    font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.invite-status-header[b-7d4lmr78uv] {
    padding: 40px;
}

.invite-logo img[b-7d4lmr78uv] {
    height: 28px;
}

.invite-status-content[b-7d4lmr78uv] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 20px;
    margin-top: -68px;
}

.invite-status-card[b-7d4lmr78uv] {
    width: 400px;
    min-height: 296px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.invite-status-loader[b-7d4lmr78uv] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 296px;
    color: #5263FF;
}

.invite-status-icon[b-7d4lmr78uv] {
    width: 65px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}

.invite-status-title[b-7d4lmr78uv] {
    font-size: 42px;
    font-weight: 700;
    line-height: 48px;
    margin: 0 0 8px 0;
    letter-spacing: -1px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.invite-status-description[b-7d4lmr78uv] {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #475569;
    margin: 0 0 32px 0;
    letter-spacing: -0.2px;
    font-family: "Plus Jakarta Sans", sans-serif;
}

.error-text[b-7d4lmr78uv] {
    color: #DC2626;
}

.invite-status-btn[b-7d4lmr78uv] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 999px;
    border: none;
    transition: all 0.2s ease;
    color: #fff !important;
}

.success-btn[b-7d4lmr78uv] {
    background-color: #5263FF;
}

.success-btn:hover[b-7d4lmr78uv] {
    background-color: #4051e6;
}

.error-btn[b-7d4lmr78uv] {
    background-color: #DC2626;
}

.error-btn:hover[b-7d4lmr78uv] {
    background-color: #B91C1C;
}
/* /Pages/Messages/Components/ChatSidebar.razor.rz.scp.css */
.chat-sidebar[b-nb2v7f2uim] {
    width: 350px;
    min-width: 310px;
    border-right: 1px solid #1E293B0F;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
}

.chat-search-bar-wrapper[b-nb2v7f2uim] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 16px;
    height: 72px;
    box-sizing: border-box;
    border-bottom: 1px solid #1E293B0F;
}

.chat-compose-btn[b-nb2v7f2uim] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #1E293B17;
    background: #F1F5F9CC;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    box-shadow: 0 1.5px 2px 0.5px rgba(0, 0, 0, 0.06);
}

.chat-compose-btn:hover[b-nb2v7f2uim] {
    background: var(--l-purple);
    border-color: var(--purple);
}

.chat-compose-btn:active[b-nb2v7f2uim] {
    transform: scale(0.96);
}

.chat-search-input-container[b-nb2v7f2uim] {
    flex: 1;
    min-width: 0;
}

.chat-rooms-list[b-nb2v7f2uim] {
    flex: 1;
    overflow-y: auto;
}

.chat-room-item[b-nb2v7f2uim] {
    height: 68px;
    display: flex;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #1E293B0F;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.chat-room-item:hover[b-nb2v7f2uim] {
    background-color: #5263FF1F;
}

.chat-room-item.active[b-nb2v7f2uim] {
    background-color: #F1F5F9CC;
}

.room-avatar-container[b-nb2v7f2uim] {
    display: flex;
    align-items: center;
}

.room-avatar[b-nb2v7f2uim] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1E293B0F;
    flex-shrink: 0;
}

.room-avatar img[b-nb2v7f2uim] {
    height: 20px;
    width: 20px;
}

.room-details[b-nb2v7f2uim] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-width: 0;
}

.room-header-row[b-nb2v7f2uim] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}

.room-name[b-nb2v7f2uim] {
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.room-time[b-nb2v7f2uim] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
    flex-shrink: 0;
}

.room-message-row[b-nb2v7f2uim] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.room-last-msg[b-nb2v7f2uim] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.room-badge[b-nb2v7f2uim] {
    background-color: var(--badge-orange);
    color: var(--white);
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    border-radius: 50px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    flex-shrink: 0;
}
/* /Pages/Messages/Components/ChatWindow.razor.rz.scp.css */
.chat-window[b-6zvyahaaie] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: #F8FAFC;
    overflow: hidden;
    position: relative;
}

.chat-window-header[b-6zvyahaaie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    height: 72px;
    box-sizing: border-box;
    background-color: var(--white);
    border-bottom: 1px solid #1E293B0F;
}

.active-room-info[b-6zvyahaaie] {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Back button: only shown in the mobile full-page-swap layout. */
.chat-back-btn[b-6zvyahaaie] {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--dark-txt);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.12s;
}

.chat-back-btn:hover[b-6zvyahaaie] {
    background: #f1f5f9;
}

.chat-back-btn:active[b-6zvyahaaie] {
    transform: scale(0.94);
}

.active-room-avatar[b-6zvyahaaie] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #F1F5F9;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1E293B0F;
}

.active-room-avatar img[b-6zvyahaaie] {
    height: 20px;
    width: 20px;
}

.active-room-name[b-6zvyahaaie] {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.chat-options-btn[b-6zvyahaaie] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background 0.12s, transform 0.2s;
    flex-shrink: 0;
}

.chat-options-btn:hover[b-6zvyahaaie] {
    background: #f1f5f9;
}

.chat-messages-container[b-6zvyahaaie] {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.chat-messages-container[b-6zvyahaaie]::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.message-bubble-row[b-6zvyahaaie] {
    display: flex;
    flex-direction: column;
    max-width: 500px;
}

.message-bubble-row.outgoing[b-6zvyahaaie] {
    align-self: flex-end;
    align-items: flex-end;
}

.message-bubble-row.incoming[b-6zvyahaaie] {
    align-self: flex-start;
    align-items: flex-start;
}

.message-bubble[b-6zvyahaaie] {
    padding: 16px;
    border-radius: 20px;
    box-shadow:
        0px 20px 20px -12px #1E293B08,
        0px 3px 3px -1.5px #1E293B08;
}

.message-bubble-row.outgoing .message-bubble[b-6zvyahaaie] {
    background-color: #5263FF;
    color: var(--white);
    border-bottom-right-radius: 0;
}

.message-bubble-row.incoming .message-bubble[b-6zvyahaaie] {
    background-color: #FFFFFF;
    color: var(--dark-txt);
    border: 1px solid #1E293B0F;
    border-bottom-left-radius: 0;
}

.message-text[b-6zvyahaaie] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    white-space: pre-wrap;
    word-break: break-word;
}

.message-meta[b-6zvyahaaie] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
    margin-top: 4px;
}

.chat-new-divider[b-6zvyahaaie] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0;
    position: relative;
}

.chat-new-divider[b-6zvyahaaie]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #ED40301F;
}

.divider-text[b-6zvyahaaie] {
    background-color: #F8FAFC;
    padding: 0 12px;
    position: relative;
    z-index: 2;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.chat-input-bar[b-6zvyahaaie] {
    min-height: 80px;
    height: auto;
    padding: 16px 20px;
    background-color: var(--white);
    border-top: 1px solid #1E293B0F;
}

.chat-input-wrapper[b-6zvyahaaie] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    background-color: var(--white);
    border: 1px solid #1E293B1F;
    border-radius: 12px;
    padding: 4px 4px 4px 16px;
    box-shadow:
        0px 3px 3px -1.5px #1E293B08,
        0px 1px 1px -0.5px #1E293B08;
    transition: all 0.2s ease;
}

.chat-input-wrapper:focus-within[b-6zvyahaaie] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
}

.grow-wrap[b-6zvyahaaie] {
    display: grid;
    flex: 1;
}

.grow-wrap .mirror-text[b-6zvyahaaie],
.grow-wrap textarea[b-6zvyahaaie] {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.2px;
    padding: 11px 0;
    font-family: inherit;
    box-sizing: border-box;
    word-break: break-word;
    white-space: pre-wrap;
}

.grow-wrap .mirror-text[b-6zvyahaaie] {
    visibility: hidden;
    min-height: 40px;
    max-height: 120px;
    overflow: hidden;
}

.grow-wrap textarea[b-6zvyahaaie] {
    border: none;
    background: transparent;
    outline: none;
    color: var(--gray-txt);
    resize: none;
    min-height: 40px;
    max-height: 120px;
    overflow-y: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.grow-wrap textarea[b-6zvyahaaie]::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

.chat-input-wrapper textarea[b-6zvyahaaie]::placeholder {
    color: #cccccc;
    font-weight: 600;
}

.btn-wm-secondary[b-6zvyahaaie] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 40px;
    padding: 8px 14px;
    min-width: 81px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box,
        linear-gradient(180deg, rgba(30, 41, 59, 0.09), rgba(30, 41, 59, 0.18)) border-box;
    border: 1px transparent solid;
    border-radius: 10px;
    color: var(--white);
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow:
        0px 1px 1px -0.5px rgba(30, 41, 59, 0.03),
        0px 3px 3px 0px rgba(255, 255, 255, 0.12) inset;
}

.btn-wm-secondary svg path[b-6zvyahaaie] {
    fill: var(--white);
}

.btn-wm-secondary:disabled[b-6zvyahaaie],
.btn-wm-secondary.disabled[b-6zvyahaaie] {
    background: linear-gradient(#94A3BB, #94A3BB) padding-box,
        linear-gradient(180deg, rgba(30, 41, 59, 0.09), rgba(30, 41, 59, 0.18)) border-box !important;
    color: var(--white) !important;
    opacity: 1 !important;
    cursor: not-allowed;
    box-shadow: none;
}

.btn-wm-secondary:not(:disabled):not(.disabled):hover[b-6zvyahaaie] {
    opacity: 0.9;
    background: linear-gradient(var(--purple), var(--purple)) padding-box,
        linear-gradient(180deg, rgba(30, 41, 59, 0.09), rgba(30, 41, 59, 0.18)) border-box !important;
    color: var(--white) !important;
}

.no-chat-selected[b-6zvyahaaie] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.no-chat-selected p[b-6zvyahaaie] {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.2px;
    color: var(--gray-txt-2);
    margin-top: 8px;
}

@media (max-width: 768px) {
    .chat-back-btn[b-6zvyahaaie] {
        display: flex;
    }

    .chat-messages-container[b-6zvyahaaie] {
        padding: 16px;
    }
}

.chat-day-divider[b-6zvyahaaie] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px 0;
}

.day-divider-text[b-6zvyahaaie] {
    background-color: #E2E8F0;
    color: #475569;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.floating-chat-date-header[b-6zvyahaaie] {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    pointer-events: none;
}

.floating-chat-date-header.visible[b-6zvyahaaie] {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.15s ease-in, visibility 0.15s ease-in;
}

.floating-chat-date-header span[b-6zvyahaaie] {
    background-color: #E2E8F0;
    color: #475569;
    padding: 6px 12px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 14px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    display: inline-block;
}
/* /Pages/Messages/Components/NewChatPopup.razor.rz.scp.css */
.new-chat-popup-body[b-rvl4b1jc6x] {
    display: flex;
    flex-direction: column;
}

.toggle-row[b-rvl4b1jc6x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 20px 12px 20px;
    border-bottom: 1px solid #E8EDF5;
}

    .toggle-row:last-of-type[b-rvl4b1jc6x] {
        margin-bottom: 4px;
    }

.toggle-info[b-rvl4b1jc6x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.toggle-label[b-rvl4b1jc6x] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: var(--dark-txt);
}

.toggle-description[b-rvl4b1jc6x] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: var(--gray-txt-2);
}

[b-rvl4b1jc6x] .wm-search-input {
    max-width: 100% !important;
    margin-top: 0;
}

.user-list-container[b-rvl4b1jc6x] {
    display: flex;
    flex-direction: column;
    max-height: 280px;
    overflow-y: auto;
    background: #FFFFFF;
    padding: 0;
    scrollbar-width: thin;
}

.new-chat-user-item[b-rvl4b1jc6x] {
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 12px 20px 12px 20px;
    cursor: pointer;
    background: #FFFFFF;
    transition: background .15s ease;
    user-select: none;
    border-bottom: 1px solid #EEF2F7;
    background: #F1F5F9;
}

    .new-chat-user-item:last-child[b-rvl4b1jc6x] {
        border-bottom: none;
    }

    .new-chat-user-item:hover[b-rvl4b1jc6x] {
        background: #5263FF1F;
    }

    .new-chat-user-item.selected[b-rvl4b1jc6x] {
        background: #5263FF1F;
    }

    .new-chat-user-item.disabled[b-rvl4b1jc6x] {
        cursor: not-allowed !important;
        opacity: 0.7;
    }

        .new-chat-user-item.disabled:hover[b-rvl4b1jc6x] {
            background: #F1F5F9 !important;
        }

        .new-chat-user-item.disabled.selected:hover[b-rvl4b1jc6x] {
            background: #5263FF1F !important;
        }

.user-avatar-container[b-rvl4b1jc6x] {
    flex-shrink: 0;
}

.user-avatar[b-rvl4b1jc6x] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 1px solid #DCE3EE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-name[b-rvl4b1jc6x] {
    flex: 1;
    margin-left: 14px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #1F2A44;
}

.user-list-container[b-rvl4b1jc6x]::-webkit-scrollbar {
    width: 6px;
}

.user-list-container[b-rvl4b1jc6x]::-webkit-scrollbar-track {
    background: transparent;
}

.user-list-container[b-rvl4b1jc6x]::-webkit-scrollbar-thumb {
    background: #CDD5DF;
    border-radius: 20px;
}

.cu-contractors-checkbox[b-rvl4b1jc6x] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
    border: 2.5px solid #d9dee3 !important;
    backdrop-filter: blur(24px) !important;
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset !important;
    flex-shrink: 0 !important;
    cursor: pointer;
}

    .cu-contractors-checkbox.checked[b-rvl4b1jc6x] {
        background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
        color: white !important;
        backdrop-filter: blur(24px) !important;
        box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset !important;
        border: none !important;
    }

    .cu-contractors-checkbox:disabled[b-rvl4b1jc6x],
    .cu-contractors-checkbox.disabled[b-rvl4b1jc6x] {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* Group Name styling */
.group-name-section[b-rvl4b1jc6x] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 20px 16px 20px;
    border-top: 1px solid #E8EDF5;
    background: #FFFFFF;
}

.group-name-header[b-rvl4b1jc6x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.group-name-label[b-rvl4b1jc6x] {
    font-size: 14px;
    font-weight: 600;
    color: var(--dark-txt);
}

.group-name-counter[b-rvl4b1jc6x] {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
}

.group-name-input[b-rvl4b1jc6x] {
    width: 100%;
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    transition: box-shadow 0.2s ease;
}

    .group-name-input:focus[b-rvl4b1jc6x] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

/* ── Toggle Switch Styling ── */
.toggle-switch[b-rvl4b1jc6x] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient(180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100%);
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
    cursor: pointer;
}

    .toggle-switch input[b-rvl4b1jc6x] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-rvl4b1jc6x] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
    top: 3px;
    left: 3px;
}

    .slider[b-rvl4b1jc6x]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        border-radius: 1000px;
        background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
        border: 3.5px solid #f9fbfc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
    }

.toggle-switch input:checked + .slider[b-rvl4b1jc6x] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

    .toggle-switch input:checked + .slider[b-rvl4b1jc6x]:before {
        transform: translateX(18px);
        background: #fff;
    }

    .toggle-switch input:checked + .slider[b-rvl4b1jc6x]:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7.5px;
        width: 11px;
        height: 11px;
        background-image: url("/img/icons/toggle-check-icon.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }
/* /Pages/Messages/Messages.razor.rz.scp.css */
/* Same horizontal inset and max-width as `.main-content .data-left-right`, so
   the chat lines up with the heading above it and with every other page.
   Vertical stays symmetric — this page fills the viewport rather than
   scrolling, so it has no 40px bottom gutter to sit above. */
.chat-page-content[b-hbs8pselc7] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 24px var(--wm-page-inset);
    height: calc(100vh - var(--wm-titlebar-min-height));
    box-sizing: border-box;
    display: flex;
}

.chat-container[b-hbs8pselc7] {
    display: flex;
    flex: 1;
    background-color: var(--white);
    border: 1px solid #1E293B0F;
    border-radius: 20px;
    overflow: hidden;
    box-shadow:
        0px 20px 20px -12px #1E293B08,
        0px 3px 3px -1.5px #1E293B08,
        0px 1px 1px -0.5px #1E293B08;
}

/* ── Responsive: full-page swap on small screens ─────────────────────────
   Below the breakpoint each pane fills the full width and only one shows at
   a time: the list by default, the open chat once a room is tapped
   (.mobile-chat-open). Above the breakpoint both panes stay side-by-side. */
@media (max-width: 768px) {
    .chat-page-content[b-hbs8pselc7] {
        padding: 12px var(--wm-page-inset);
    }

    .chat-container[b-hbs8pselc7]  .chat-sidebar {
        width: 100%;
        min-width: 0;
        border-right: none;
    }

    .chat-container[b-hbs8pselc7]  .chat-window {
        display: none;
        width: 100%;
    }

    .chat-container.mobile-chat-open[b-hbs8pselc7]  .chat-sidebar {
        display: none;
    }

    .chat-container.mobile-chat-open[b-hbs8pselc7]  .chat-window {
        display: flex;
    }
}
/* /Pages/Offers/Components/ChooseCustomerForOfferPopup.razor.rz.scp.css */
.tabs-nav-container[b-g39namh65x] {
    gap: 6px;
    background-color: #ffffff;
    padding: 4px;
    border-radius: 16px;
    display: flex;
    width: 100%;
}

/* Switch tab item button styling */
.tab-item-btn[b-g39namh65x] {
    flex: 1;
    background-color: transparent;
    border: 1px transparent solid;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: #64748b;
    padding: 6px 10px;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .tab-item-btn:hover[b-g39namh65x] {
        color: #1e293b;
    }

    .tab-item-btn.active[b-g39namh65x] {
        background-color: #5263FF1F;
        color: #363AF5;
    }

/* cu-body-wrap styles aligned with Shift Popup details */
.cu-body-wrap[b-g39namh65x] {
    padding: 20px;
    background: #f1f5f9;
}

.red[b-g39namh65x] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.cu-body-wrap label[b-g39namh65x] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--gray-txt);
    margin-bottom: 4px;
    display: block;
}

    .cu-body-wrap label span[b-g39namh65x] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--gray-txt-2);
    }

.cu-body-wrap input[b-g39namh65x], .cu-body-wrap select[b-g39namh65x] {
    padding: 8px 10px;
    background-color: var(--white);
    border: 1px #1E293B1F solid;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    outline: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
    width: 100%;
    height: 40px;
    transition: all 0.2s ease;
}

    .cu-body-wrap input:focus[b-g39namh65x], .cu-body-wrap select:focus[b-g39namh65x] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

/* Custom select dropdown styling with arrow */
.select-field-wrapper[b-g39namh65x] {
    position: relative;
    width: 100%;
}

.select-field[b-g39namh65x] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px; /* space for arrow icon */
}

.select-arrow-icon[b-g39namh65x] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Tax ID CVR wrapper with absolute Find button */
.tax-id-wrapper[b-g39namh65x] {
    position: relative;
}

    .tax-id-wrapper .find-btn[b-g39namh65x] {
        position: absolute;
        top: 50%;
        right: 4px;
        transform: translateY(-50%);
        min-width: 56px;
        height: 32px;
        padding: 0 12px;
        font-size: 12px;
        border-radius: 6px;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

/* Align footer gap */
.gap-12[b-g39namh65x] {
    gap: 12px;
}

/* Phone input group styles from user profile and subcontractor forms */
.phone-group[b-g39namh65x] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-g39namh65x],
    .phone-group:focus-within[b-g39namh65x] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-g39namh65x],
    .phone-group input:focus-within[b-g39namh65x] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-g39namh65x] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-g39namh65x] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-g39namh65x] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-g39namh65x] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-g39namh65x]::placeholder {
        color: #cccccc;
    }

[b-g39namh65x] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-g39namh65x] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-g39namh65x] .user-phone-code:focus {
        box-shadow: none !important;
    }
/* /Pages/Offers/Components/LocationDetailsOffer.razor.rz.scp.css */
.z-index-lower[b-l90bbeb8qk] {
    z-index: 1049 !important;
}

/* ── Location operations ───────────────────────────────────────────────── */
.location-operations-loading[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    color: var(--purple);
}

.location-operations-section[b-l90bbeb8qk],
.location-dispatch-history[b-l90bbeb8qk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.location-dispatch-history[b-l90bbeb8qk] {
    margin-top: 28px;
}

.location-operations-heading[b-l90bbeb8qk],
.location-dispatch-history-header[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

    .location-operations-heading h6[b-l90bbeb8qk],
    .location-dispatch-history-header h6[b-l90bbeb8qk] {
        margin: 0;
        color: var(--dark-txt);
        font-size: 18px;
        font-weight: 800;
        line-height: 24px;
    }

.location-operations-date[b-l90bbeb8qk] {
    width: min(520px, 100%);
}

.location-dispatch-export img[b-l90bbeb8qk] {
    width: 16px;
    height: 16px;
}

.location-operations-cards[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.location-operations-card[b-l90bbeb8qk],
.location-operations-chart[b-l90bbeb8qk] {
    padding: 16px;
    background: #f8fafc;
    border: 1px solid #1e293b08;
    border-radius: 20px;
}

.location-operations-card-label[b-l90bbeb8qk],
.location-operations-chart-title[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gray-txt);
    font-size: 15px;
    font-weight: 600;
}

.location-operations-icon[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
}

    .location-operations-icon img[b-l90bbeb8qk] {
        width: 22px;
        height: 22px;
    }

    .location-operations-icon.cost[b-l90bbeb8qk] {
        background: #ffc30a33;
    }

    .location-operations-icon.revenue[b-l90bbeb8qk] {
        background: #409b3f33;
    }

    .location-operations-icon.chart[b-l90bbeb8qk] {
        background: var(--l-sky);
    }

.location-operations-card p[b-l90bbeb8qk] {
    margin: 20px 0 2px;
    color: var(--dark-txt);
    font-size: 25px;
    font-weight: 700;
    line-height: 32px;
}

.location-operations-card small[b-l90bbeb8qk] {
    color: var(--gray-txt);
    font-size: 13px;
    font-weight: 600;
}

.location-operations-work-types[b-l90bbeb8qk],
.location-dispatch-history-table-wrap[b-l90bbeb8qk] {
    overflow: hidden;
    border: 1px solid #1e293b0f;
    border-radius: 16px;
}

.location-operations-work-type-row[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px 16px;
    color: var(--dark-txt);
    font-size: 13px;
    font-weight: 600;
}

    .location-operations-work-type-row:nth-child(odd)[b-l90bbeb8qk] {
        background: #f8fafc;
    }

    .location-operations-work-type-row.header[b-l90bbeb8qk] {
        padding: 12px 16px;
        background: #f1f5f9;
        font-weight: 700;
    }

    .location-operations-work-type-row.empty[b-l90bbeb8qk] {
        color: var(--gray-txt);
    }

.location-operations-chart-canvas[b-l90bbeb8qk] {
    position: relative;
    height: 300px;
    margin-top: 14px;
}

    .location-operations-chart-canvas canvas[b-l90bbeb8qk] {
        width: 100% !important;
        height: 100% !important;
    }

.location-dispatch-export[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    color: var(--dark-txt);
    font-size: 12px;
    font-weight: 600;
    background: #f1f5f9cc;
    border: 1px solid #1e293b0f;
    border-radius: 8px;
}

    .location-dispatch-export:disabled[b-l90bbeb8qk] {
        cursor: not-allowed;
        opacity: .55;
    }

.location-dispatch-history-table[b-l90bbeb8qk] {
    width: 100%;
    border-collapse: collapse;
}

    .location-dispatch-history-table th[b-l90bbeb8qk],
    .location-dispatch-history-table td[b-l90bbeb8qk] {
        padding: 10px 14px;
        color: var(--dark-txt);
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        border-right: 1px solid #1e293b0f;
        vertical-align: middle;
    }

    .location-dispatch-history-table th[b-l90bbeb8qk] {
        background: #f1f5f9;
        font-size: 13px;
        font-weight: 700;
    }

        .location-dispatch-history-table td:last-child[b-l90bbeb8qk],
        .location-dispatch-history-table th:last-child[b-l90bbeb8qk] {
            border-right: 0;
        }

    .location-dispatch-history-table tbody tr:nth-child(even)[b-l90bbeb8qk] {
        background: #f8fafc;
    }

.location-dispatch-history-row[b-l90bbeb8qk] {
    cursor: pointer;
}

    .location-dispatch-history-row:hover[b-l90bbeb8qk] {
        background: #eef2ff !important;
    }

.location-dispatch-history-empty[b-l90bbeb8qk] {
    padding: 24px !important;
    color: var(--gray-txt) !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.location-dispatch-status[b-l90bbeb8qk] {
    display: inline-flex;
    padding: 3px 7px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

    .location-dispatch-status.completed[b-l90bbeb8qk] {
        color: #338732;
        background: #dff4df;
    }

    .location-dispatch-status.in-progress[b-l90bbeb8qk] {
        color: #363af5;
        background: #eaecff;
    }

    .location-dispatch-status.planned[b-l90bbeb8qk] {
        color: #a16207;
        background: #fef3c7;
    }

    .location-dispatch-status.dispatched[b-l90bbeb8qk] {
        color: #0369a1;
        background: #e0f2fe;
    }

@media (max-width: 600px) {
    .location-operations-heading[b-l90bbeb8qk],
    .location-dispatch-history-header[b-l90bbeb8qk] {
        align-items: flex-start;
        flex-direction: column;
    }

    .location-operations-date[b-l90bbeb8qk] {
        width: 100%;
    }

    .location-operations-cards[b-l90bbeb8qk] {
        grid-template-columns: 1fr;
    }

    .location-dispatch-history-table-wrap[b-l90bbeb8qk] {
        overflow-x: auto;
    }

    .location-dispatch-history-table[b-l90bbeb8qk] {
        min-width: 650px;
    }
}

/* ── Drawing stats bar + button ──────────────────────────────────────────── */

.ldm-drawing-bar[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
    padding: 6px 0;
    min-height: 40px;
}

.ldm-drawing-stats[b-l90bbeb8qk] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    -ms-overflow-style: none;
    flex: 1;
    min-width: 0;
}

    .ldm-drawing-stats[b-l90bbeb8qk]::-webkit-scrollbar {
        display: none;
    }

.ldm-drawing-stat-chip[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 6px;
    background: #F1F5F9CC;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px #1E293B08;
    white-space: nowrap;
    flex-shrink: 0;
    border: 1px solid #1E293B08;
    height: 24px;
}

.ldm-drawing-stat-dot[b-l90bbeb8qk] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ldm-drawing-stat-name[b-l90bbeb8qk] {
    font-size: 12px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.ldm-drawing-stat-value[b-l90bbeb8qk] {
    font-size: 12px;
    font-weight: 500;
    color: #64748B;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.ldm-drawing-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border: none;
    border-radius: 10px;
    background: #5263FF;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: background .15s;
}

    .ldm-drawing-btn:hover[b-l90bbeb8qk] {
        background: #4152EE;
    }

    .ldm-drawing-btn img[b-l90bbeb8qk] {
        filter: brightness(0) invert(1);
    }

.address-nickname-popup .modal-header button.discard-btn[b-l90bbeb8qk] {
    gap: 2px;
    padding: 8px 10px;
    border: 1px solid #1e293b0f;
    /* border: none; */
    border-radius: 10px;
    outline: none;
    height: 40px;
    background: #f1f5f9cc;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
}

    .address-nickname-popup .modal-header button.discard-btn:hover[b-l90bbeb8qk] {
        opacity: 0.8;
    }

    .address-nickname-popup .modal-header button.discard-btn img[b-l90bbeb8qk] {
        height: 18px;
    }

    .address-nickname-popup .modal-header button.discard-btn p[b-l90bbeb8qk] {
        font-size: 13px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
        padding: 0 4px;
    }

/* ── 2-column grid (mirrors existing 50% flex layout but as a proper grid) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-2col[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
}

/* ── Shared field wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-edit-field[b-l90bbeb8qk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Label ── */
.address-nickname-popup .modal-body .details-tab .det-edit-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: var(--gray-txt);
    letter-spacing: -0.1px;
    margin: 0;
}

.address-nickname-popup .modal-body .details-tab .det-edit-required[b-l90bbeb8qk] {
    color: var(--orange);
}

/* ── Validation message ── */
.address-nickname-popup .modal-body .details-tab .det-edit-validation[b-l90bbeb8qk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--orange);
    margin-top: -2px;
}

/* ── Text / number input ── */
.address-nickname-popup .modal-body .details-tab .det-edit-input[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-input:focus[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

    .address-nickname-popup .modal-body .details-tab .det-edit-input[b-l90bbeb8qk]::placeholder {
        color: #cbd5e1;
        font-weight: 500;
    }

    /* hide number spinners */
    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-input[type="number"][b-l90bbeb8qk]::-webkit-outer-spin-button,
    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-input[type="number"][b-l90bbeb8qk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-edit-select[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 28px 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../img/icons/gray-arrow.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-select:focus[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-edit-textarea[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    resize: vertical;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-textarea:focus[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

/* ── Section divider ── */
.address-nickname-popup .modal-body .details-tab .det-edit-divider[b-l90bbeb8qk] {
    border: 1px solid #1e293b17;
    margin: 20px 0;
}

/* ── Contractor row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-contractor-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-contractor-name[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: var(--dark-txt);
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge[b-l90bbeb8qk] {
    padding: 2px 8px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge-blue[b-l90bbeb8qk] {
    background-color: #eaecff;
    color: var(--purple-2);
}

.address-nickname-popup
.modal-body
.details-tab
.det-edit-contractor-change-btn[b-l90bbeb8qk] {
    margin-left: auto;
    background: transparent;
    border: 1px solid #1e293b1f;
    border-radius: 8px;
    padding: 4px 12px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--gray-txt);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-contractor-change-btn:hover[b-l90bbeb8qk] {
        background-color: #f1f5f9;
    }

/* Assign contractor button (when no contractor set) */
.address-nickname-popup .modal-body .details-tab .det-edit-assign-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: 1px dashed #5263ff66;
    border-radius: 10px;
    padding: 8px 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--purple);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-assign-btn:hover[b-l90bbeb8qk] {
        background-color: var(--l-purple);
    }

/* ── Link-style button (e.g. Create new customer) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-link-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: transparent;
    border: none;
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--purple);
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.15s;
    width: fit-content;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-link-btn:hover[b-l90bbeb8qk] {
        opacity: 0.75;
    }

/* ── Activation toggle row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-activation-row[b-l90bbeb8qk] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch[b-l90bbeb8qk] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
    margin: 0;
    cursor: pointer;
}

    .address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch input[b-l90bbeb8qk] {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
    }

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-slider[b-l90bbeb8qk] {
    position: absolute;
    inset: 0;
    background-color: #cbd5e1;
    border-radius: 22px;
    transition: background-color 0.2s;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-toggle-slider[b-l90bbeb8qk]::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        left: 3px;
        top: 3px;
        background-color: var(--white);
        border-radius: 50%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
        transition: transform 0.2s;
    }

.address-nickname-popup
.modal-body
.details-tab
.det-edit-toggle-switch
input:checked + .det-edit-toggle-slider[b-l90bbeb8qk] {
    background-color: var(--green-2);
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-toggle-switch
    input:checked + .det-edit-toggle-slider[b-l90bbeb8qk]::before {
        transform: translateX(18px);
    }

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
}

/* Make inactive button */
.address-nickname-popup .modal-body .details-tab .det-edit-make-inactive-btn[b-l90bbeb8qk] {
    padding: 8px 16px;
    background-color: var(--l-orange);
    border: 1px solid #ed403033;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--orange);
    cursor: pointer;
    transition: background-color 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-edit-make-inactive-btn:hover[b-l90bbeb8qk] {
        background-color: #ed403044;
    }

/* ── Date picker wrap ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-l90bbeb8qk],
.det-datepicker-wrap[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    padding: 0 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-datepicker-wrap:focus-within[b-l90bbeb8qk],
    .det-datepicker-wrap:focus-within[b-l90bbeb8qk] {
        box-shadow: 0 0 0 3px #5263ff22;
    }

.address-nickname-popup .modal-body .details-tab .det-datepicker-icon[b-l90bbeb8qk] {
    flex-shrink: 0;
}

.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-l90bbeb8qk],
.det-datepicker-input[b-l90bbeb8qk] {
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    background: transparent;
}

/* ════════════════════════════════════════════
   SUB-MODALS (Make inactive + Agreement)
   These float over the main modal
════════════════════════════════════════════ */

.det-submodal-backdrop[b-l90bbeb8qk] {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    border-radius: inherit;
}

.det-submodal[b-l90bbeb8qk] {
    background-color: var(--white);
    border-radius: 20px;
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
    animation: submodalIn-b-l90bbeb8qk 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes submodalIn-b-l90bbeb8qk {
    from {
        transform: scale(0.94) translateY(12px);
        opacity: 0;
    }

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

/* ── Sub-modal header ── */
.det-submodal-header[b-l90bbeb8qk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 24px 16px;
    gap: 12px;
}

.det-submodal-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    color: var(--dark-txt);
    letter-spacing: -0.3px;
    margin: 0 0 6px;
    line-height: 1.3;
}

.det-submodal-subtitle[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 1.5;
    margin: 0 0 6px;
}

.det-submodal-warning[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: var(--yellow);
    line-height: 1.5;
    margin: 0;
}

.det-submodal-close[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background-color: #f1f5f9;
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-close:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

    .det-submodal-close img[b-l90bbeb8qk] {
        height: 14px;
    }

/* ── Sub-modal body ── */
.det-submodal-body[b-l90bbeb8qk] {
    /* padding: 0 24px 8px; */
    background-color: #f1f5f9cc;
}

    /* reuse det-edit-field / det-edit-label / det-edit-input / det-edit-textarea inside sub-modal body */
    .det-submodal-body .det-edit-field[b-l90bbeb8qk] {
        padding-top: 16px;
        padding-bottom: 4px;
    }

/* ── Sub-modal divider (agreement modal) ── */
.det-submodal-divider[b-l90bbeb8qk] {
    border: 1px solid #1e293b17;
    margin: 0;
}

/* ── Sub-modal footer ── */
.det-submodal-footer[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
}

.det-submodal-footer-agreement[b-l90bbeb8qk] {
    background-color: var(--white);
}

/* Cancel / secondary button */
.det-submodal-cancel-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background-color: #f1f5f9cc;
    border: 1px solid #1e293b17;
    border-radius: 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--dark-txt);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-cancel-btn:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

/* Assign now button (agreement modal — ghost purple) */
.det-submodal-assign-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background-color: var(--l-purple);
    border: 1px solid #5263ff22;
    border-radius: 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--purple-2);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-assign-btn:hover[b-l90bbeb8qk] {
        background-color: #dce0ff;
    }

/* Confirm / Invite button (solid purple) */
.det-submodal-confirm-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
    border: 1px solid transparent;
    border-radius: 14px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    transition: opacity 0.15s;
}

    .det-submodal-confirm-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── Shared section wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-section[b-l90bbeb8qk] {
    margin-top: 24px;
}

    .address-nickname-popup .modal-body .prices-tab .prices-section:first-child[b-l90bbeb8qk] {
        margin-top: 0;
    }

/* ── Section header row ── */
.address-nickname-popup .modal-body .prices-tab .prices-section-header[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: var(--dark-txt);
    margin: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-subtitle[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}

/* ── Info icon circle ── */
.address-nickname-popup .modal-body .prices-tab .prices-info-icon[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.5px solid #94a3b8;
    color: #94a3b8;
    font-size: 9px;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.15s, color 0.15s;
}

    .address-nickname-popup .modal-body .prices-tab .prices-info-icon:hover[b-l90bbeb8qk] {
        border-color: var(--gray-txt);
        color: var(--gray-txt);
    }

.address-nickname-popup .modal-body .prices-tab .prices-info-icon-sm[b-l90bbeb8qk] {
    width: 14px;
    height: 14px;
    font-size: 8px;
}

/* ── View-mode table wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-table-wrap[b-l90bbeb8qk] {
    border: 1px solid #1e293b0f;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
    border-radius: 16px;
    overflow: hidden;
}

/* ── View-mode table ── */
.address-nickname-popup .modal-body .prices-tab .prices-table[b-l90bbeb8qk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .address-nickname-popup .modal-body .prices-tab .prices-table thead tr[b-l90bbeb8qk] {
        background-color: #f1f5f9;
        /* border-bottom: 1px solid #1e293b1a; */
        border-bottom: none;
    }

    .address-nickname-popup .modal-body .prices-tab .prices-table th[b-l90bbeb8qk] {
        padding: 11px 14px;
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: -0.1px;
        color: var(--gray-txt);
        white-space: nowrap;
        /* border-right: 1px solid #1e293b0f; */
        border-right: none;
    }

        .address-nickname-popup .modal-body .prices-tab .prices-table th:last-child[b-l90bbeb8qk] {
            border-right: none;
        }

    .address-nickname-popup .modal-body .prices-tab .prices-table .th-with-info[b-l90bbeb8qk] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .address-nickname-popup .modal-body .prices-tab .prices-table td[b-l90bbeb8qk] {
        padding: 11px 14px;
        color: var(--dark-txt);
        font-size: 13px;
        font-weight: 500;
        /* border-bottom: 1px solid #1e293b0f;
  border-right: 1px solid #1e293b0f; */
        border-bottom: none;
        border-right: none;
        vertical-align: middle;
    }

        .address-nickname-popup .modal-body .prices-tab .prices-table td:last-child[b-l90bbeb8qk] {
            border-right: none;
        }

    .address-nickname-popup
    .modal-body
    .prices-tab
    .prices-table
    tbody
    tr:last-child
    td[b-l90bbeb8qk] {
        border-bottom: none;
    }

    .address-nickname-popup .modal-body .prices-tab .prices-table tbody tr[b-l90bbeb8qk] {
        transition: background-color 0.12s;
    }

        .address-nickname-popup .modal-body .prices-tab .prices-table tbody tr:hover[b-l90bbeb8qk] {
            background-color: #f8faff;
        }

        .address-nickname-popup
        .modal-body
        .prices-tab
        .prices-table
        tbody
        tr:nth-child(even)[b-l90bbeb8qk] {
            background-color: #f8fafc;
        }

/* Price value in green */
.address-nickname-popup .modal-body .prices-tab .price-value[b-l90bbeb8qk] {
    color: var(--green-2);
    font-weight: 700;
}

/* Rule name link */
.address-nickname-popup .modal-body .prices-tab .prices-rule-link[b-l90bbeb8qk] {
    color: var(--purple-2);
    font-weight: 600;
    cursor: pointer;
}

    .address-nickname-popup .modal-body .prices-tab .prices-rule-link:hover[b-l90bbeb8qk] {
        text-decoration: underline;
    }

/* Days cell multi-line */
.address-nickname-popup .modal-body .prices-tab .prices-day-line[b-l90bbeb8qk] {
    display: block;
    line-height: 1.5;
    font-weight: 500;
    color: var(--dark-txt);
}

.address-nickname-popup .modal-body .prices-tab .prices-day-sub[b-l90bbeb8qk] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-txt-2);
    margin-top: 1px;
}

/* Empty state row */
.address-nickname-popup .modal-body .prices-tab .prices-empty-row[b-l90bbeb8qk] {
    text-align: center;
    color: var(--gray-txt-2);
    font-size: 13px;
    font-weight: 500;
    padding: 20px 14px !important;
}

/* ── Edit mode: outer card ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-card[b-l90bbeb8qk] {
    background-color: #ffffff;
    border: 1px solid #1e293b17;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-card-inner[b-l90bbeb8qk] {
    padding: 16px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-label[b-l90bbeb8qk] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--gray-txt);
    margin-bottom: 6px;
    letter-spacing: -0.1px;
}

/* ── Select wrapper (custom arrow) ── */
.address-nickname-popup .modal-body .prices-tab .prices-select-wrap[b-l90bbeb8qk] {
    position: relative;
}

.address-nickname-popup .modal-body .prices-tab .prices-select[b-l90bbeb8qk] {
    width: 100%;
    padding: 7px 28px 7px 10px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../img/icons/gray-arrow.png");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .prices-tab .prices-select:focus[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

/* ── Edit grid: column layout ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-l90bbeb8qk],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 88px 88px 88px 88px 36px;
    gap: 8px;
    padding: 10px 16px;
    align-items: center;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-l90bbeb8qk] {
    background-color: #f1f5f9;
    /* border-top: 1px solid #1e293b1a; */
    border-top: none;
    border-bottom: 1px solid #1e293b1a;
    border-bottom: none;
}

    .address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header span[b-l90bbeb8qk] {
        font-size: 12px;
        font-weight: 700;
        color: var(--gray-txt);
        display: flex;
        align-items: center;
        gap: 4px;
        letter-spacing: -0.1px;
    }

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-l90bbeb8qk] {
    background-color: var(--white);
    /* border-bottom: 1px solid #1e293b0a; */
    border-bottom: none;
}

    .address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.alt-row[b-l90bbeb8qk] {
        background-color: #f8fafc;
    }
/* Seasonal pricing columns */
.address-nickname-popup .modal-body .prices-tab .prices-seasonal-cols[b-l90bbeb8qk] {
    grid-template-columns: 202px 202px 202px;
}
/* Extra fees columns */
.address-nickname-popup .modal-body .prices-tab .prices-fees-cols[b-l90bbeb8qk] {
    grid-template-columns: 209px 176px 176px 36px;
}

/* ── Divider before fees sub-section ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-fees-divider[b-l90bbeb8qk] {
    /* border-top: 2px solid #1e293b1a; */
    border-top: none;
}

/* ── Text / number input inside edit grid ── */
.address-nickname-popup .modal-body .prices-tab .prices-input[b-l90bbeb8qk] {
    width: 100%;
    height: 40px;
    margin-bottom: auto;
    padding: 6px 8px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .prices-tab .prices-input:focus[b-l90bbeb8qk] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

    .address-nickname-popup .modal-body .prices-tab .prices-input[b-l90bbeb8qk]::placeholder {
        color: #cccccc;
    }

    /* Hide number spinners */
    .address-nickname-popup
    .modal-body
    .prices-tab
    .prices-input[type="number"][b-l90bbeb8qk]::-webkit-outer-spin-button,
    .address-nickname-popup
    .modal-body
    .prices-tab
    .prices-input[type="number"][b-l90bbeb8qk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

/* ── Delete row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-row-delete[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.12s;
    padding: 0;
}

    .address-nickname-popup .modal-body .prices-tab .prices-row-delete img[b-l90bbeb8qk] {
        height: 18px;
        margin-left: 1px;
    }

    .address-nickname-popup .modal-body .prices-tab .prices-row-delete:hover[b-l90bbeb8qk] {
        background-color: #fef2f2;
    }

/* ── Add row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-add-row-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6.5px 16px;
    font-size: 13px;
    font-weight: 700;
    color: var(--purple);
    background-color: #eaecff;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s;
    /* border-top: 1px solid #5263ff22; */
    border-top: none;
}

    .address-nickname-popup .modal-body .prices-tab .prices-add-row-btn:hover[b-l90bbeb8qk] {
        background-color: #dce0ff;
    }

/* ── New rule button ── */
.address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    transition: opacity 0.15s;
}

    .address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── Actions column (edit rules) ── */
.address-nickname-popup .modal-body .prices-tab .prices-action-icons[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.12s;
    padding: 0;
}

    .address-nickname-popup .modal-body .prices-tab .prices-action-btn img[b-l90bbeb8qk] {
        height: 15px;
    }

.address-nickname-popup .modal-body .prices-tab .prices-action-edit:hover[b-l90bbeb8qk] {
    background-color: #eaecff;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-delete:hover[b-l90bbeb8qk] {
    background-color: #fef2f2;
}

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section[b-l90bbeb8qk] {
    margin-top: 28px;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-section:first-child[b-l90bbeb8qk] {
        margin-top: 0;
    }

/* ── Section header ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section-header[b-l90bbeb8qk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
    gap: 12px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    line-height: 26px;
    letter-spacing: -0.3px;
    color: var(--dark-txt);
    margin: 0 0 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-desc[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 1.5;
    margin: 0;
}

/* ── Empty state ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-empty[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    padding: 8px 0;
}

/* ── VIEW: contact cards grid ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-cards-grid[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* ── VIEW: single contact card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card[b-l90bbeb8qk] {
    background-color: #f1f5f9;
    border: none;
    border-radius: 16px;
    padding: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-name[b-l90bbeb8qk] {
    font-size: 14px;
    font-weight: 700;
    color: var(--dark-txt);
    letter-spacing: -0.2px;
    margin-bottom: 6px;
    margin-left: 5px;
}

/* inner mini table */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-table[b-l90bbeb8qk] {
    background-color: #ffffff;
    border: 1px solid #1e293b0f;
    border-radius: 12px;
    overflow: hidden;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    padding: 9px 14px;
    border-bottom: 1px solid #1e293b0f;
    gap: 12px;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-card-row:last-child[b-l90bbeb8qk] {
        border-bottom: none;
    }

.address-nickname-popup .modal-body .contacts-tab .contacts-card-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt-2);
    min-width: 52px;
    flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-value[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    word-break: break-all;
}

/* ── VIEW: notification email chips ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-chips[b-l90bbeb8qk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-chip[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 7px;
    background-color: #5263ff1f;
    /* border: 1px solid #5263FF33; */
    border: none;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #363af5;
    line-height: 1;
}

    .address-nickname-popup .modal-body .contacts-tab .contacts-email-chip svg[b-l90bbeb8qk] {
        flex-shrink: 0;
        color: #363af5;
    }

/* ── EDIT: new contact button ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-new-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.15s;
    flex-shrink: 0;
}

    .address-nickname-popup .modal-body .contacts-tab .contacts-new-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── EDIT: contact card (edit state) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card[b-l90bbeb8qk] {
    background-color: var(--white);
    border: 1px solid #1e293b1a;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-error[b-l90bbeb8qk] {
    border-color: #ed403066;
    background-color: #fff5f5;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-top[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

/* ── EDIT: shared label ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: var(--gray-txt);
    letter-spacing: -0.1px;
    margin-bottom: 0;
}

/* ── EDIT: shared input ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-input[b-l90bbeb8qk] {
    width: 100%;
    height: 40px;
    margin-bottom: auto;
    padding: 6px 8px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .contacts-tab .contacts-edit-input:focus[b-l90bbeb8qk] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-edit-input[b-l90bbeb8qk]::placeholder {
        color: #cccccc;
    }

/* invalid state (red border) */
.address-nickname-popup .modal-body .contacts-tab .contacts-input-invalid[b-l90bbeb8qk] {
    border-color: #ed4030 !important;
    box-shadow: 0 0 0 3px #ed403022 !important;
}

/* ── EDIT: delete button (card top-right) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.12s;
    flex-shrink: 0;
}

    .address-nickname-popup .modal-body .contacts-tab .contacts-card-delete img[b-l90bbeb8qk] {
        height: 16px;
    }

    .address-nickname-popup .modal-body .contacts-tab .contacts-card-delete:hover[b-l90bbeb8qk] {
        background-color: #fef2f2;
    }

/* ── EDIT: toggle switch ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-switch[b-l90bbeb8qk] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-toggle-switch
    input[b-l90bbeb8qk] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-slider[b-l90bbeb8qk] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-toggle-slider[b-l90bbeb8qk]::before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        border-radius: 1000px;
        background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
        border: 3.5px solid #f9fbfc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
    }

.address-nickname-popup
.modal-body
.contacts-tab
.contacts-toggle-switch
input:checked + .contacts-toggle-slider[b-l90bbeb8qk] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-toggle-switch
    input:checked + .contacts-toggle-slider[b-l90bbeb8qk]::before {
        transform: translateX(18px);
        background: #fff;
    }

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-toggle-switch
    input:checked + .contacts-toggle-slider[b-l90bbeb8qk]::after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7.5px;
        width: 11px;
        height: 11px;
        background-image: url("../img/icons/toggle-check-icon.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
}

/* ── EDIT: notification email input row ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-input-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 0;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    margin-top: 6px;
    padding: 2px 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-add-input[b-l90bbeb8qk] {
    flex: 1;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent;
}

.address-nickname-popup
.modal-body
.contacts-tab
.contacts-email-input-row:focus-within[b-l90bbeb8qk] {
    box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-add-email-btn[b-l90bbeb8qk] {
    padding: 8px 16px;
    border-radius: 10px;
    background-color: #5263ff1f;
    border: none;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #363af5;
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.15s;
    flex-shrink: 0;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-add-email-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── EDIT: added emails card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-added-emails-card[b-l90bbeb8qk] {
    background-color: var(--white);
    border: 1px solid #1e293b1a;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 12px;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup
.modal-body
.contacts-tab
.contacts-added-emails-header[b-l90bbeb8qk] {
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 700;
    color: var(--gray-txt);
    letter-spacing: -0.1px;
    background-color: #f8fafc;
    border-bottom: 1px solid #1e293b1a;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-added-email-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-bottom: 1px solid #1e293b0f;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    transition: background-color 0.12s;
}

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-added-email-row:last-child[b-l90bbeb8qk] {
        border-bottom: none;
    }

    .address-nickname-popup
    .modal-body
    .contacts-tab
    .contacts-added-email-row:hover[b-l90bbeb8qk] {
        background-color: #f8fafc;
    }

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-section[b-l90bbeb8qk] {
    margin-top: 24px;
}

    .address-nickname-popup .modal-body .details-tab .det-section:first-child[b-l90bbeb8qk] {
        margin-top: 0;
    }

.address-nickname-popup .modal-body .details-tab .det-section-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    color: var(--dark-txt);
    letter-spacing: -0.3px;
    margin: 0 0 10px;
}

/* ── White card ── */
.address-nickname-popup .modal-body .details-tab .det-card[b-l90bbeb8qk] {
    background-color: var(--white);
    border: 1px solid #1e293b17;
    border-radius: 24px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
}

/* ── Field ── */
.address-nickname-popup .modal-body .details-tab .det-field[b-l90bbeb8qk],
.det-field[b-l90bbeb8qk] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.address-nickname-popup .modal-body .details-tab .det-label[b-l90bbeb8qk],
.det-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
    letter-spacing: -0.1px;
    margin: 0;
}

.address-nickname-popup .modal-body .details-tab .det-label-with-info[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.address-nickname-popup .modal-body .details-tab .det-required[b-l90bbeb8qk] {
    color: var(--orange);
}

.address-nickname-popup .modal-body .details-tab .det-validation[b-l90bbeb8qk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--orange);
}

/* ── 2-col grid ── */
.address-nickname-popup .modal-body .details-tab .det-2col[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

/* ── Shared input ── */
.hr-lable hr[b-l90bbeb8qk] {
    border: 1px #1e293b17 solid;
    margin: 0;
}

.hr-lable label[b-l90bbeb8qk] {
    white-space: nowrap;
}

.address-nickname-popup .modal-body .details-tab .det-input[b-l90bbeb8qk],
.det-input[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-input:focus[b-l90bbeb8qk],
    .det-input:focus[b-l90bbeb8qk] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

    .address-nickname-popup .modal-body .details-tab .det-input[b-l90bbeb8qk]::placeholder,
    .det-input[b-l90bbeb8qk]::placeholder {
        color: #cccccc;
    }

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-input[type="number"][b-l90bbeb8qk]::-webkit-outer-spin-button,
    .address-nickname-popup
    .modal-body
    .details-tab
    .det-input[type="number"][b-l90bbeb8qk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-textarea[b-l90bbeb8qk],
.det-textarea[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    resize: vertical;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-textarea:focus[b-l90bbeb8qk],
    .det-textarea:focus[b-l90bbeb8qk] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-select[b-l90bbeb8qk] {
    width: 100%;
    padding: 8px 28px 8px 12px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../img/icons/gray-arrow.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-select:focus[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

/* ── Info icon ── */
.address-nickname-popup .modal-body .details-tab .det-info-icon[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1.5px solid #94a3b8;
    color: #94a3b8;
    font-size: 9px;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-info-icon:hover[b-l90bbeb8qk] {
        border-color: var(--gray-txt);
        color: var(--gray-txt);
    }

/* ── Customer row ── */
.address-nickname-popup .modal-body .details-tab .det-customer-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-wrap[b-l90bbeb8qk] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 0 12px;
    overflow: hidden;
}

.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-icon[b-l90bbeb8qk] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-right: 8px;
}

.address-nickname-popup .modal-body .details-tab .det-dropdown-full[b-l90bbeb8qk] {
    flex: 1;
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    padding-left: 0;
}

.address-nickname-popup .modal-body .details-tab .det-create-new-btn[b-l90bbeb8qk],
.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 8px 14px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
    border: 1px solid transparent;
    border-radius: 10px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    white-space: nowrap;
    transition: opacity 0.15s;
    flex-shrink: 0;
}

.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-l90bbeb8qk] {
    background: #d1d8fa;
    color: #363af5;
}

    .address-nickname-popup .modal-body .details-tab .det-create-new-btn:hover[b-l90bbeb8qk],
    .address-nickname-popup
    .modal-body
    .details-tab
    .det-create-new-btn-hollow:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── Search input ── */
.address-nickname-popup .modal-body .details-tab .det-search-wrap[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 0 12px;
}

    .address-nickname-popup .modal-body .details-tab .det-search-wrap:focus-within[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

.address-nickname-popup .modal-body .details-tab .det-search-input[b-l90bbeb8qk] {
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    background: transparent;
}

.address-nickname-popup .modal-body .details-tab .det-or-manual[b-l90bbeb8qk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-txt-2);
    text-align: center;
    margin-top: -2px;
}

/* ── Country select with flag ── */
.address-nickname-popup .modal-body .details-tab .det-country-wrap[b-l90bbeb8qk] {
    position: relative;
    display: flex;
    align-items: center;
}

.address-nickname-popup .modal-body .details-tab .det-country-flag[b-l90bbeb8qk] {
    position: absolute;
    left: 10px;
    width: 18px;
    height: 13px;
    object-fit: cover;
    border-radius: 2px;
    pointer-events: none;
    z-index: 1;
}

.address-nickname-popup .modal-body .details-tab .det-select.has-flag[b-l90bbeb8qk] {
    padding-left: 36px;
}

/* ── Tag input (required equipment) ── */
.address-nickname-popup .modal-body .details-tab .det-tag-input-wrap[b-l90bbeb8qk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 6px 10px;
    min-height: 42px;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-tag-input-wrap:focus-within[b-l90bbeb8qk] {
        border-color: var(--purple);
        box-shadow: 0 0 0 3px #5263ff22;
    }

.address-nickname-popup .modal-body .details-tab .det-tag[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background-color: #eaecff;
    border-radius: 6px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--purple-2);
}

.address-nickname-popup .modal-body .details-tab .det-tag-remove[b-l90bbeb8qk] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--purple-2);
    font-size: 14px;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    transition: opacity 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-tag-remove:hover[b-l90bbeb8qk] {
        opacity: 0.7;
    }

.address-nickname-popup .modal-body .details-tab .det-tag-dropdown-inner[b-l90bbeb8qk] {
    border: none !important;
    box-shadow: none !important;
    background: transparent;
    min-width: 100px;
    flex: 1;
}

/* ── Toggles row ── */
.address-nickname-popup .modal-body .details-tab .det-toggles-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-toggle-item[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.address-nickname-popup .modal-body .details-tab .det-toggle-switch[b-l90bbeb8qk] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

    .address-nickname-popup .modal-body .details-tab .det-toggle-switch input[b-l90bbeb8qk] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-l90bbeb8qk] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

    .address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-l90bbeb8qk]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        border-radius: 1000px;
        background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
        border: 3.5px solid #f9fbfc;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
        transition: 0.3s;
    }

.address-nickname-popup
.modal-body
.details-tab
.det-toggle-switch
input:checked + .det-toggle-slider[b-l90bbeb8qk] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-toggle-switch
    input:checked + .det-toggle-slider[b-l90bbeb8qk]:before {
        transform: translateX(18px);
        background: #fff;
    }

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-toggle-switch
    input:checked + .det-toggle-slider[b-l90bbeb8qk]:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7.5px;
        width: 11px;
        height: 11px;
        background-image: url("../img/icons/toggle-check-icon.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

.address-nickname-popup .modal-body .details-tab .det-toggle-label[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
}

/* ── Dashed upload button ── */
.address-nickname-popup .modal-body .details-tab .det-dashed-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px;
    background-color: var(--l-purple);
    border: 1.5px dashed #5263ff55;
    border-radius: 12px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--purple);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-dashed-btn:hover[b-l90bbeb8qk] {
        background-color: #dce0ff;
    }

.address-nickname-popup .modal-body .details-tab .det-dashed-btn-sm[b-l90bbeb8qk] {
    padding: 9px 13px;
    width: auto;
    flex: 1;
}

.address-nickname-popup .modal-body .details-tab .det-upload-hint[b-l90bbeb8qk] {
    font-size: 11.5px;
    font-weight: 500;
    color: var(--gray-txt-2);
    text-align: center;
    padding-left: 15px;
}

/* ── Image strip ── */
.address-nickname-popup .modal-body .details-tab .det-img-strip-outer[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: hidden;
}

.address-nickname-popup .modal-body .details-tab .det-img-strip[b-l90bbeb8qk] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    flex: 1;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-img-strip[b-l90bbeb8qk]::-webkit-scrollbar {
        display: none;
    }

.address-nickname-popup .modal-body .details-tab .det-img-thumb[b-l90bbeb8qk] {
    position: relative;
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    cursor: pointer;
    transition: border-color 0.15s;
    scroll-snap-align: start;
}

    .address-nickname-popup .modal-body .details-tab .det-img-thumb.active[b-l90bbeb8qk] {
        border-color: var(--purple);
    }

    .address-nickname-popup .modal-body .details-tab .det-img-thumb img[b-l90bbeb8qk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete[b-l90bbeb8qk] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    background-color: #df2917;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.12s;
}

    .address-nickname-popup .modal-body .details-tab .det-img-thumb-delete:hover[b-l90bbeb8qk] {
        background-color: #f54a3b;
    }

    .address-nickname-popup .modal-body .details-tab .det-img-thumb-delete img[b-l90bbeb8qk] {
        height: 15px;
        width: 15px;
    }

.address-nickname-popup .modal-body .details-tab .det-img-nav[b-l90bbeb8qk] {
    flex-shrink: 0;
    width: 28px;
    height: stretch;
    background-color: #f1f5f9cc;
    border: 1px solid #1e293b17;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: var(--dark-txt);
    cursor: pointer;
    transition: background-color 0.12s;
    line-height: 1;
}

    .address-nickname-popup .modal-body .details-tab .det-img-nav:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

/* ── Drawings toolbar ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-toolbar[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.address-nickname-popup .modal-body .details-tab .det-settings-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: #f1f5f9;
    border: 1px solid #1e293b1a;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.12s;
    flex-shrink: 0;
}

    .address-nickname-popup .modal-body .details-tab .det-settings-btn img[b-l90bbeb8qk] {
        height: 15px;
    }

    .address-nickname-popup .modal-body .details-tab .det-settings-btn:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

/* ── Drawings table ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-table-wrap[b-l90bbeb8qk] {
    border: 1px solid #1e293b0f;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
    border-radius: 10px;
    overflow: hidden;
}

.address-nickname-popup .modal-body .details-tab .det-drawings-table[b-l90bbeb8qk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

    .address-nickname-popup .modal-body .details-tab .det-drawings-table thead tr[b-l90bbeb8qk] {
        background-color: #f8fafc;
        border-bottom: 1px solid #1e293b1a;
    }

    .address-nickname-popup .modal-body .details-tab .det-drawings-table th[b-l90bbeb8qk] {
        padding: 10px 14px;
        font-size: 12px;
        font-weight: 700;
        color: var(--gray-txt);
        text-align: left;
        border-right: 1px solid #1e293b0a;
    }

        .address-nickname-popup
        .modal-body
        .details-tab
        .det-drawings-table
        th:last-child[b-l90bbeb8qk],
        .address-nickname-popup
        .modal-body
        .details-tab
        .det-drawings-table
        td:last-child[b-l90bbeb8qk] {
            border-right: none;
        }

    .address-nickname-popup .modal-body .details-tab .det-drawings-table td[b-l90bbeb8qk] {
        padding: 10px 14px;
        font-weight: 600;
        color: var(--dark-txt);
        border-bottom: 1px solid #1e293b0a;
        border-right: 1px solid #1e293b0a;
        vertical-align: middle;
    }

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-drawings-table
    tbody
    tr:last-child
    td[b-l90bbeb8qk] {
        border-bottom: none;
    }

    .address-nickname-popup .modal-body .details-tab .det-drawings-table tbody tr[b-l90bbeb8qk] {
        transition: background-color 0.12s;
    }

        .address-nickname-popup
        .modal-body
        .details-tab
        .det-drawings-table
        tbody
        tr:hover[b-l90bbeb8qk] {
            background-color: #f8faff;
        }

.address-nickname-popup .modal-body .details-tab .col-check[b-l90bbeb8qk] {
    width: 40px;
    text-align: center;
}

.address-nickname-popup .modal-body .details-tab .det-checkbox[b-l90bbeb8qk] {
    width: 16px;
    height: 16px;
    accent-color: var(--purple);
    cursor: pointer;
}

.address-nickname-popup .modal-body .details-tab .det-row-actions[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.address-nickname-popup .modal-body .details-tab .det-row-action-btn[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.12s;
}

    .address-nickname-popup .modal-body .details-tab .det-row-action-btn img[b-l90bbeb8qk] {
        height: 14px;
    }

    .address-nickname-popup .modal-body .details-tab .det-row-action-btn:hover[b-l90bbeb8qk] {
        background-color: #f1f5f9;
    }

/* ── Uploaded files list ── */
.address-nickname-popup .modal-body .details-tab .det-files-list[b-l90bbeb8qk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.address-nickname-popup .modal-body .details-tab .det-file-item[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.address-nickname-popup .modal-body .details-tab .det-file-remove[b-l90bbeb8qk] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--orange);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 0;
    transition: opacity 0.15s;
}

    .address-nickname-popup .modal-body .details-tab .det-file-remove:hover[b-l90bbeb8qk] {
        opacity: 0.7;
    }

.address-nickname-popup .modal-body .details-tab .det-file-name[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 600;
    color: var(--purple);
    text-decoration: underline;
    cursor: pointer;
}

/* ── Actions row ── */
.address-nickname-popup .modal-body .details-tab .det-actions-row[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-make-inactive-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    background-color: #ed40301f;
    /* border: 1px solid #ed403044; */
    border: none;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--orange);
    cursor: pointer;
    transition: background-color 0.15s;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
}

    .address-nickname-popup .modal-body .details-tab .det-make-inactive-btn:hover[b-l90bbeb8qk] {
        background-color: #ed403022;
    }

.address-nickname-popup .modal-body .details-tab .det-delete-btn[b-l90bbeb8qk],
.address-nickname-popup .modal-body .details-tab .det-success-btn[b-l90bbeb8qk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px;
    background-color: #df2917;
    border: none;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    transition: opacity 0.15s;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
}

.address-nickname-popup .modal-body .details-tab .det-success-btn[b-l90bbeb8qk] {
    background-color: #338732;
}

    .address-nickname-popup .modal-body .details-tab .det-delete-btn:hover[b-l90bbeb8qk],
    .address-nickname-popup .modal-body .details-tab .det-success-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

/* ── Date picker ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-l90bbeb8qk],
.det-datepicker-wrap[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    padding: 0 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .address-nickname-popup
    .modal-body
    .details-tab
    .det-datepicker-wrap:focus-within[b-l90bbeb8qk],
    .det-datepicker-wrap:focus-within[b-l90bbeb8qk] {
        box-shadow: 0 0 0 3px #5263ff22;
    }

.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-l90bbeb8qk],
.det-datepicker-input[b-l90bbeb8qk] {
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    background: transparent;
}

/* ════════════════════════════
   SUB-MODALS
════════════════════════════ */
.det-submodal-backdrop[b-l90bbeb8qk] {
    position: absolute;
    inset: 0;
    background-color: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    border-radius: inherit;
}

.det-submodal[b-l90bbeb8qk] {
    background-color: var(--white);
    border-radius: 20px;
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
    animation: submodalIn-b-l90bbeb8qk 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes submodalIn-b-l90bbeb8qk {
    from {
        transform: scale(0.94) translateY(12px);
        opacity: 0;
    }

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

.det-submodal-header[b-l90bbeb8qk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 24px 24px 16px;
    gap: 12px;
}

.det-submodal-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    color: var(--dark-txt);
    letter-spacing: -0.3px;
    margin: 0 0 6px;
    line-height: 1.3;
}

.det-submodal-subtitle[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 1.5;
    margin: 0 0 6px;
}

.det-submodal-warning[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: var(--yellow);
    line-height: 1.5;
    margin: 0;
}

.det-submodal-close[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background-color: #f1f5f9;
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-close:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

    .det-submodal-close img[b-l90bbeb8qk] {
        height: 14px;
    }

.det-submodal-body[b-l90bbeb8qk] {
    /* padding: 0 24px; */
    background-color: #f1f5f9cc;
}

.det-submodal-divider[b-l90bbeb8qk] {
    border: 1px solid #1e293b17;
    margin: 0;
}

.det-submodal-footer[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
}

.det-submodal-cancel-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background-color: #f1f5f9cc;
    border: 1px solid #1e293b17;
    border-radius: 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--dark-txt);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-cancel-btn:hover[b-l90bbeb8qk] {
        background-color: #e2e8f0;
    }

.det-submodal-assign-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background-color: var(--l-purple);
    border: 1px solid #5263ff22;
    border-radius: 14px;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--purple-2);
    cursor: pointer;
    transition: background-color 0.15s;
}

    .det-submodal-assign-btn:hover[b-l90bbeb8qk] {
        background-color: #dce0ff;
    }

.det-submodal-confirm-btn[b-l90bbeb8qk] {
    flex: 1;
    padding: 12px;
    background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
    border: 1px solid transparent;
    border-radius: 14px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    transition: opacity 0.15s;
}

    .det-submodal-confirm-btn:hover[b-l90bbeb8qk] {
        opacity: 0.88;
    }

.rule-action-btn[b-l90bbeb8qk] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: background 0.15s;
}

    .rule-action-btn:hover[b-l90bbeb8qk] {
        background: #f1f5f9;
    }

.rule-header[b-l90bbeb8qk] {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px !important;
    gap: 5px;
}

/*subcontractor proce command costs edit*/
.sub-edit .prices-section[b-l90bbeb8qk] {
    margin-top: 24px;
}

    .sub-edit .prices-section:first-child[b-l90bbeb8qk] {
        margin-top: 0;
    }

.sub-edit .prices-section-header[b-l90bbeb8qk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.sub-edit .prices-section-title[b-l90bbeb8qk] {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.3px;
    color: var(--dark-txt);
    margin: 0;
}

.sub-edit .prices-section-subtitle[b-l90bbeb8qk] {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}

.sub-edit .prices-edit-card[b-l90bbeb8qk] {
    background-color: #ffffff;
    border: 1px solid #1e293b17;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0px 20px 20px -12px #1e293b08, 0px 3px 3px -1.5px #1e293b08, 0px 1px 1px -0.5px #1e293b08;
}

.sub-edit .prices-edit-card-inner[b-l90bbeb8qk] {
    padding: 16px;
}

.sub-edit .prices-edit-grid-header[b-l90bbeb8qk],
.sub-edit .prices-edit-grid-row[b-l90bbeb8qk] {
    display: grid;
    grid-template-columns: 1fr 160px 160px;
    gap: 16px;
    padding: 10px 16px;
    align-items: center;
}

    /*For per season table columns*/
    .sub-edit .prices-edit-grid-header.cols-3-equal[b-l90bbeb8qk],
    .sub-edit .prices-edit-grid-row.cols-3-equal[b-l90bbeb8qk] {
        grid-template-columns: 1fr 1fr 1fr;
    }

.sub-edit .prices-edit-grid-header[b-l90bbeb8qk] {
    background-color: #f1f5f9;
    border-top: none;
    border-bottom: none;
}

    .sub-edit .prices-edit-grid-header span[b-l90bbeb8qk] {
        font-size: 12px;
        font-weight: 700;
        color: var(--gray-txt);
        display: flex;
        align-items: center;
        gap: 4px;
        letter-spacing: -0.1px;
    }

.sub-edit .prices-edit-grid-row[b-l90bbeb8qk] {
    background-color: var(--white);
    border-bottom: none;
}

    .sub-edit .prices-edit-grid-row.alt-row[b-l90bbeb8qk] {
        background-color: #f8fafc;
    }

.sub-edit .prices-select-wrap[b-l90bbeb8qk] {
    position: relative;
}

.sub-edit .prices-input[b-l90bbeb8qk] {
    width: 100%;
    height: 40px;
    margin-bottom: auto;
    padding: 6px 8px;
    background-color: var(--white);
    border: 1px solid #1e293b1f;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .sub-edit .prices-input:focus[b-l90bbeb8qk] {
        box-shadow: 0 0 0 0.2rem #dce0ff;
    }

    .sub-edit .prices-input[b-l90bbeb8qk]::placeholder {
        color: #cccccc;
    }

    .sub-edit .prices-input[type="number"][b-l90bbeb8qk]::-webkit-outer-spin-button,
    .sub-edit .prices-input[type="number"][b-l90bbeb8qk]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

.empty-text-primary[b-l90bbeb8qk] {
    color: var(--gray-txt);
    font-size: 18px;
    font-weight: 800;
}
/* /Pages/Offers/Components/LocationOffersAccordion.razor.rz.scp.css */
/* Accordion nested row */
.accordion-row[b-zb1qoz8kb2] {
    background: #f8fafc;
}

    .accordion-row:hover[b-zb1qoz8kb2] {
        background-color: #f8fafc !important;
    }

    .accordion-row td[b-zb1qoz8kb2] {
        padding: 0;
        border: none !important;
    }

.accordion-content[b-zb1qoz8kb2] {
    background: #f8fafc;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-in-out;
}

.accordion-row.open .accordion-content[b-zb1qoz8kb2] {
    grid-template-rows: 1fr;
}

.accordion-inner[b-zb1qoz8kb2] {
    overflow: hidden;
    transition: padding 0.3s ease-in-out, border 0.3s ease-in-out;
}

.accordion-content th[b-zb1qoz8kb2] {
    background: #f1f5f9;
    font-size: 12px;
    padding: 12px 18px;
}

.accordion-content td[b-zb1qoz8kb2] {
    background: #ffffff;
    border-bottom: 1px solid #f1f5f9;
    font-size: 13px;
    padding: 14px 18px;
}

.accordion-content tr:last-child td[b-zb1qoz8kb2] {
    border-bottom: 0;
}

.accordion-content tbody tr:hover td[b-zb1qoz8kb2] {
    background-color: transparent;
}

/* Map image placeholder */
.map-img[b-zb1qoz8kb2] {
    border-radius: 8px;
    height: 38px;
    width: 52px;
    object-fit: cover;
    border: 1px solid #e2e8f0;
}

.accordion-content .txt p[b-zb1qoz8kb2] {
    margin: 0;
    font-weight: 700;
    color: #1e293b;
}

.accordion-content .txt span[b-zb1qoz8kb2] {
    font-size: 11px;
    color: #64748b;
    font-weight: 500;
}

/* Sub-row action buttons */
.accordion-content button[b-zb1qoz8kb2] {
    padding: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    gap: 2px;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    transition: all 0.15s ease;
}

    .accordion-content button.red[b-zb1qoz8kb2] {
        background-color: var(--orange);
        border-color: #1E293B17;
        color: #ffffff;
    }

        .accordion-content button.red:hover[b-zb1qoz8kb2] {
            background-color: #B91C1C;
            border-color: #B91C1C;
        }

    .accordion-content button.green[b-zb1qoz8kb2] {
        background-color: var(--green);
        border-color: #1E293B17;
        color: #ffffff;
    }

        .accordion-content button.green:hover[b-zb1qoz8kb2] {
            background-color: #15803D;
            border-color: #15803D;
        }

/* Badge layouts and colors */
.icon-bagge[b-zb1qoz8kb2] {
    display: inline-flex;
    align-items: center;
    padding: 4px 6px;
    background-color: #06B1F11F;
    border-radius: 8px;
    gap: 4px;
    width: max-content;
}

    .icon-bagge img[b-zb1qoz8kb2] {
        height: 14px;
        width: 14px;
    }

    .icon-bagge span[b-zb1qoz8kb2] {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: #0071A7;
        padding: 0 2px;
    }

    .icon-bagge.sky[b-zb1qoz8kb2] {
        background: #06B1F11F;
    }

        .icon-bagge.sky span[b-zb1qoz8kb2] {
            color: #0369a1;
        }

    .icon-bagge.yellow[b-zb1qoz8kb2] {
        background: #FFC30A1F;
        color: var(--yellow);
        text-decoration: underline;
    }

        .icon-bagge.yellow span[b-zb1qoz8kb2] {
            color: #b45309;
        }

    .icon-bagge.green[b-zb1qoz8kb2] {
        background: #dcfce7;
    }

        .icon-bagge.green span[b-zb1qoz8kb2] {
            color: #15803d;
        }

.clickable[b-zb1qoz8kb2] {
    cursor: pointer;
    user-select: none;
    transition: opacity 0.15s ease, transform 0.1s ease;
}

    .clickable:active[b-zb1qoz8kb2] {
        transform: scale(0.98);
    }

/* Disabled button states */
.accordion-content button:disabled[b-zb1qoz8kb2] {
    cursor: not-allowed !important;
}

.accordion-content button.btn-wm-primary:disabled[b-zb1qoz8kb2] {
    background-color: #94A3BB !important;
    color: #ffffff !important;
}

.accordion-content button.red:disabled[b-zb1qoz8kb2] {
    background-color: var(--orange) !important;
    color: #ffffff !important;
}

.accordion-content button.green:disabled[b-zb1qoz8kb2] {
    background-color: var(--green) !important;
    color: #ffffff !important;
}
/* /Pages/Offers/Offers.razor.rz.scp.css */
/* New offer share button style */
.share-btn[b-1t4la270js] {
    background: #5263ff;
    border: 1px solid #5263ff;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 700;
    gap: 8px;
    height: 44px;
    padding: 0 16px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .share-btn:hover[b-1t4la270js] {
        background: #3b4df2;
        border-color: #3b4df2;
        box-shadow: 0 4px 12px rgba(82, 99, 255, 0.25);
    }

/* Main offers table card */
.main-table[b-1t4la270js] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .07);
    overflow: visible;
}

/* Header container of table */
.top-side[b-1t4la270js] {
    align-items: center;
    border-bottom: 1px #1E293B0F solid;
    background-color: var(--white);
    padding: 16px;
    border-radius: 20px 20px 0 0;
}

/* Search bar styling */
.search-input[b-1t4la270js] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    height: 44px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    width: 280px;
    transition: all 0.2s ease-in-out;
}

    .search-input:focus-within[b-1t4la270js] {
        border-color: #5263ff;
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.15);
    }

    .search-input input[b-1t4la270js] {
        background: transparent;
        border: 0;
        color: #1e293b;
        font-size: 14px;
        font-weight: 600;
        outline: none;
    }

        .search-input input[b-1t4la270js]::placeholder {
            color: #94a3b8;
        }

/* Tab/bag styles for statuses */
.bag[b-1t4la270js] {
    background: #f1f5f9;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 12px;
    transition: all 0.2s ease;
    letter-spacing: -0.2px;
    line-height: 16px;
    color: #1E293B;
}

    .bag:hover[b-1t4la270js] {
        background: #e2e8f0;
        color: #334155;
    }

    .bag.active[b-1t4la270js] {
        background: #eef0ff;
        color: #5263ff;
    }

    .bag span[b-1t4la270js] {
        font-size: 12px;
        font-weight: 600;
        opacity: 0.85;
    }

/* Table container scroll wrapper */
.table-container[b-1t4la270js] {
    width: 100%;
    overflow-x: auto;
}

/* Core table layout */
table[b-1t4la270js] {
    border-collapse: collapse;
    width: 100%;
}

th[b-1t4la270js] {
    text-transform: uppercase;
    text-align: left;
    padding: 10px 16px !important;
    background-color: #F8FAFC;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: -0.2px !important;
    color: var(--gray-txt-2) !important;
}

td[b-1t4la270js] {
    font-size: 13px !important;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--dark-txt) !important;
    position: relative;
    padding: 14px 16px !important;
    vertical-align: middle;
}

/* Primary row styling */
.main-row[b-1t4la270js] {
    border-bottom: 1px solid #eef2f7;
    font-weight: 700;
    transition: background 0.15s ease;
}

    .main-row:hover[b-1t4la270js] {
        background: #f8fafc;
    }

    .main-row td p[b-1t4la270js] {
        margin: 0;
        color: var(--dark-txt);
        font-weight: 700;
    }

/* Customer "New" badge */
.bagge[b-1t4la270js] {
    background-color: #06B1F11F;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #0071A7;
}

/* General inline count/status badge */
.icon-bagge[b-1t4la270js] {
    padding: 4px 6px;
    background-color: #06B1F11F;
    border-radius: 8px;
    gap: 2px;
    width: max-content;
}

    .icon-bagge img[b-1t4la270js] {
        height: 14px;
        width: 14px;
    }

    .icon-bagge span[b-1t4la270js] {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: #0071A7;
        padding: 0 2px;
    }

    .icon-bagge.sky[b-1t4la270js] {
        background: #e0f2fe;
        border-color: #bae6fd;
        color: #0369a1;
    }

    .icon-bagge.yellow[b-1t4la270js] {
        background: #fef3c7;
        border-color: #fde68a;
        color: #b45309;
    }

    .icon-bagge.green[b-1t4la270js] {
        background: #dcfce7;
        border-color: #bbf7d0;
        color: #15803d;
    }

/* Three-dot menu button */
.three-dot[b-1t4la270js] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background 0.12s, transform 0.2s;
    flex-shrink: 0;
    outline: none;
}

    .three-dot:hover[b-1t4la270js] {
        background: #f1f5f9;
    }

/* Action dropdown menu using popover style from Shifts */
.shift-action-menu[b-1t4la270js] {
    min-width: 135px;
    padding: 6px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.shift-menu-item[b-1t4la270js] {
    width: 100%;
    height: 40px;
    padding: 4px 16px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 16px;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .shift-menu-item:hover[b-1t4la270js] {
        background: #EEF0FF;
    }

    .shift-menu-item.danger[b-1t4la270js] {
        color: #ef4444;
    }

        .shift-menu-item.danger:hover[b-1t4la270js] {
            background: #fff5f5;
        }

    .shift-menu-item.success[b-1t4la270js] {
        color: #2E8B39;
    }

        .shift-menu-item.success:hover[b-1t4la270js] {
            background: #409B3F1F;
        }

    .shift-menu-item span[b-1t4la270js] {
        margin: 0;
        color: inherit;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }

    .shift-menu-item img[b-1t4la270js] {
        height: 14px;
        width: 14px;
    }

/* Location button */
.location-btn[b-1t4la270js] {
    padding: 8px;
    background-color: #F1F5F9CC;
    border: 1px #1E293B0F solid;
    border-radius: 8px;
    gap: 2px;
    height: 32px;
}

    .location-btn img[b-1t4la270js] {
        height: 16px;
        width: 16px;
    }

    .location-btn p[b-1t4la270js] {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--dark-txt);
        padding: 0 4px;
    }

/* Arrow toggle style */
.arrow[b-1t4la270js] {
    padding: 7px;
    background-color: #5263FF1F;
    border-radius: 8px;
    height: 32px;
    width: 32px;
}

    .arrow img[b-1t4la270js] {
        height: 18px;
        width: 18px;
    }



/* Pagination container styles */
.bottom-side[b-1t4la270js] {
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.pagination button[b-1t4la270js] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #64748b;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    min-width: 38px;
    padding: 0 6px;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .pagination button:hover:not(:disabled)[b-1t4la270js] {
        background: #e2e8f0;
        color: #334155;
    }

    .pagination button.active[b-1t4la270js] {
        background: #5263ff;
        border-color: #5263ff;
        color: #ffffff;
    }

    .pagination button:disabled[b-1t4la270js] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.pagination .arrow img[b-1t4la270js] {
    height: 14px;
    width: 14px;
}

.bottom-side p[b-1t4la270js] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
}

.bottom-side select[b-1t4la270js] {
    font-size: 13px;
    font-weight: 700;
    color: #334155;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 4px 8px;
    outline: none;
    cursor: pointer;
}

.bottom-side hr[b-1t4la270js] {
    height: 24px;
    width: 1px;
    background: #e2e8f0;
    border: 0;
    margin: 0 8px;
    display: inline-block;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .top-side[b-1t4la270js] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .search-input[b-1t4la270js] {
        width: 100%;
    }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
.privacy-policy-page[b-jba8li03mx] {
    padding: 96px 0 64px;
    background: #fff;
}

.privacy-policy-container[b-jba8li03mx] {
    max-width: 768px;
    margin: 0 auto;
    padding: 0 24px;
}

.privacy-policy-title[b-jba8li03mx] {
    font-size: 36px;
    font-weight: 700;
    color: var(--dark-txt);
    margin-bottom: 16px;
}

.privacy-policy-updated[b-jba8li03mx] {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 32px;
}

.privacy-policy-intro[b-jba8li03mx] {
    font-size: 18px;
    line-height: 1.7;
    color: #6B7280;
    margin-bottom: 32px;
}

.privacy-policy-section[b-jba8li03mx] {
    margin-bottom: 32px;
}

.privacy-policy-heading[b-jba8li03mx] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-txt);
    margin-bottom: 16px;
}

.privacy-policy-text[b-jba8li03mx] {
    font-size: 16px;
    line-height: 1.7;
    color: #6B7280;
}

.privacy-policy-link[b-jba8li03mx] {
    color: var(--purple);
    text-decoration: underline;
}
/* /Pages/Reports/Export/Export.razor.rz.scp.css */
/* Scoped for the same reason the reports page is: the global sheet carries bare
   element rules under the dashboard's tile classes (`.box span { margin-top: 4px }`
   and friends) that outrank anything put on a child by class alone. Starting from
   its own scope means this page inherits nothing it did not ask for. */

/* Same measure and inset as /Reports, so moving between the two tabs of the
   Reports group does not move the page under the reader. */
.export-page[b-xtbzs1qo3o] {
    display: flex;
    flex-direction: column;
    gap: var(--wm-card-gap);
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 24px var(--wm-page-inset) 40px;
}

/* ---- tabs ---- */

.export-tabs[b-xtbzs1qo3o] {
    gap: 4px;
    border-bottom: 1px solid var(--wm-card-border-color);
}

.export-tab[b-xtbzs1qo3o] {
    border: 0;
    background: none;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-txt);
    /* The underline is on the tab itself rather than on a moving marker, so the
       selected tab keeps its own baseline against the border below the row. */
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}

.export-tab:hover[b-xtbzs1qo3o] {
    color: #5263FF;
}

.export-tab.active[b-xtbzs1qo3o] {
    color: #5263FF;
    border-bottom-color: #5263FF;
}

/* ---- toolbar ---- */

.export-toolbar-card[b-xtbzs1qo3o] {
    background: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    min-height: var(--wm-header-row-height);
    padding: var(--wm-card-padding);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.export-filter-field[b-xtbzs1qo3o] {
    width: min(240px, 100%);
}

.export-chip[b-xtbzs1qo3o] {
    border: 1px solid var(--wm-card-border-color);
    background: var(--wm-card-bg);
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-txt);
    line-height: 1.2;
    white-space: nowrap;
}

.export-chip:hover:not(:disabled)[b-xtbzs1qo3o] {
    border-color: #5263FF;
    color: #5263FF;
}

.export-chip.selected[b-xtbzs1qo3o] {
    background: #5263FF;
    border-color: #5263FF;
    color: #fff;
}

.export-chip:disabled[b-xtbzs1qo3o] {
    opacity: 0.6;
}

/* ---- states ---- */

.export-state[b-xtbzs1qo3o] {
    background: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    padding: 48px 20px;
    color: #5263FF;
}

.export-state p[b-xtbzs1qo3o] {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
}

.export-state.error p[b-xtbzs1qo3o] {
    color: #C0301F;
}

.export-empty[b-xtbzs1qo3o] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    margin: 0;
    padding: 8px 0;
}

.export-link[b-xtbzs1qo3o] {
    font-size: 13px;
    font-weight: 600;
    color: #5263FF;
    background: none;
    border: 0;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
}

.export-link:hover:not(:disabled)[b-xtbzs1qo3o] {
    text-decoration: underline;
}

.export-link:disabled[b-xtbzs1qo3o] {
    opacity: 0.5;
}

.export-link.muted[b-xtbzs1qo3o] {
    color: var(--gray-txt);
}

/* ---- catalogue ---- */

.export-section[b-xtbzs1qo3o] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.export-section-head h3[b-xtbzs1qo3o] {
    font-size: 17px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
}

/* Auto-fill rather than auto-fit: with three exports in a category, auto-fit
   would stretch each card to a third of a wide monitor and the catalogue would
   look emptier the fewer it holds. */
.export-grid[b-xtbzs1qo3o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
}

.export-template-card[b-xtbzs1qo3o] {
    position: relative;
    background: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    display: flex;
    min-width: 0;
}

.export-template-card:hover[b-xtbzs1qo3o] {
    border-color: #5263FF;
}

.export-template-card.selected[b-xtbzs1qo3o] {
    border-color: #5263FF;
    box-shadow: 0 0 0 1px #5263FF;
}

/* The whole card is the target, minus the corner the star occupies — an export
   is opened by pointing at it, not by finding a link inside it. */
.export-template-body[b-xtbzs1qo3o] {
    border: 0;
    background: none;
    text-align: left;
    padding: 16px 44px 16px 16px;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.export-template-body h4[b-xtbzs1qo3o] {
    font-size: 15px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
    overflow-wrap: anywhere;
}

/* Two lines exactly, so every card in a row is the same height whatever the
   description runs to, and the grid does not go ragged as the catalogue grows. */
.export-template-desc[b-xtbzs1qo3o] {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 1.5;
    margin: 0;
    min-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.export-template-foot[b-xtbzs1qo3o] {
    margin-top: auto;
}

.export-template-last[b-xtbzs1qo3o] {
    font-size: 11px;
    font-weight: 500;
    color: var(--gray-txt-2);
    white-space: nowrap;
}

.export-template-star[b-xtbzs1qo3o] {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0;
    background: none;
    padding: 4px;
    line-height: 1;
    font-size: 15px;
    color: #CBD5E1;
}

.export-template-star:hover:not(:disabled)[b-xtbzs1qo3o],
.export-template-star.on[b-xtbzs1qo3o] {
    color: #F59E0B;
}

.export-template-star:disabled[b-xtbzs1qo3o] {
    opacity: 0.6;
}

.export-badge[b-xtbzs1qo3o] {
    display: inline-block;
    background: #EEF2FF;
    color: #4338CA;
    border-radius: 999px;
    padding: 2px 9px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

/* ---- history ---- */

.export-card[b-xtbzs1qo3o] {
    background-color: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    padding: 20px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* `.custom-table` takes its padding and striping from rules nested under the
   global `.graph-box`, which this page has no reason to reproduce in its markup.
   The same look is rebuilt here against the card instead. */
.export-table[b-xtbzs1qo3o] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
}

.export-table thead th[b-xtbzs1qo3o] {
    background: #F1F5F9;
    color: var(--gray-txt);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
}

.export-table thead th:first-child[b-xtbzs1qo3o] {
    border-radius: 12px 0 0 12px;
}

.export-table thead th:last-child[b-xtbzs1qo3o] {
    border-radius: 0 12px 12px 0;
}

.export-table tbody tr[b-xtbzs1qo3o] {
    background: var(--white);
}

.export-table tbody tr:nth-child(even)[b-xtbzs1qo3o] {
    background: #F8FAFC;
}

.export-table tbody tr:hover[b-xtbzs1qo3o] {
    background: #F1F5F9;
    transition: 0.2s ease;
}

/* The row a notification deep-linked to. Marked with a rule down its edge rather
   than a fill, so it survives the zebra striping underneath it. */
.export-table tbody tr.highlighted[b-xtbzs1qo3o],
.export-table tbody tr.highlighted:hover[b-xtbzs1qo3o] {
    background: #EEF2FF;
    box-shadow: inset 3px 0 0 #5263FF;
}

.export-table tbody td[b-xtbzs1qo3o] {
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
    vertical-align: top;
}

.export-table tbody td:first-child[b-xtbzs1qo3o] {
    border-radius: 12px 0 0 12px;
}

.export-table tbody td:last-child[b-xtbzs1qo3o] {
    border-radius: 0 12px 12px 0;
}

.export-table th.numeric[b-xtbzs1qo3o],
.export-table td.numeric[b-xtbzs1qo3o] {
    text-align: right;
    white-space: nowrap;
}

.export-nowrap[b-xtbzs1qo3o] {
    white-space: nowrap;
}

.export-cell-name[b-xtbzs1qo3o] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.export-row-name[b-xtbzs1qo3o] {
    font-weight: 600;
    color: var(--dark-txt);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* The filters an export ran with can be a sentence; one line of it is enough to
   tell two runs of the same template apart, and the title carries the rest. */
.export-row-note[b-xtbzs1qo3o] {
    display: block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
}

.export-status[b-xtbzs1qo3o] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 999px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.export-status.queued[b-xtbzs1qo3o] {
    background: #F1F5F9;
    color: #475569;
}

.export-status.running[b-xtbzs1qo3o] {
    background: #EEF2FF;
    color: #4338CA;
}

.export-status.succeeded[b-xtbzs1qo3o] {
    background: #E7F6EA;
    color: #2F7A2E;
}

/* Produced but not mailed: the file is real and downloadable, so neither green nor red tells
   the truth. Amber, with the reason on the tooltip like a failure's. */
.export-status.warning[b-xtbzs1qo3o] {
    background: #FEF4E6;
    color: #B45309;
    cursor: help;
}

.export-status.failed[b-xtbzs1qo3o] {
    background: #FCEBE9;
    color: #C0301F;
    /* The reason is on the tooltip, so the pill has to look like something worth pointing at */
    cursor: help;
}

.export-status.closed[b-xtbzs1qo3o] {
    background: #F1F5F9;
    color: var(--gray-txt-2);
}

.export-actions-column[b-xtbzs1qo3o] {
    text-align: right;
    white-space: nowrap;
}

/* Ten rows, then scroll, the same window the reports tables use. */
.export-scroll[b-xtbzs1qo3o] {
    max-height: 560px;
    overflow-y: auto;
    overflow-x: auto;
}

.export-scroll .export-table thead th[b-xtbzs1qo3o] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.export-pagination[b-xtbzs1qo3o] {
    padding-top: 4px;
}

/* ---- run panel ---- */

/* A panel rather than a dialogue in the middle: the parameters are read against
   the catalogue behind them, and an export is picked, filled in and run without
   the page underneath being taken away. */
.export-panel-backdrop[b-xtbzs1qo3o] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.35);
    z-index: 1050;
}

.export-panel[b-xtbzs1qo3o] {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: min(460px, 100%);
    background: var(--white);
    box-shadow: -8px 0 32px rgba(15, 23, 42, 0.18);
    z-index: 1055;
    display: flex;
    flex-direction: column;
}

.export-panel-head[b-xtbzs1qo3o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #EBECED;
}

.export-panel-title[b-xtbzs1qo3o] {
    min-width: 0;
}

.export-panel-title h3[b-xtbzs1qo3o] {
    font-size: 17px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
    overflow-wrap: anywhere;
}

.export-panel-title p[b-xtbzs1qo3o] {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-txt-2);
    line-height: 1.5;
    margin: 6px 0 0;
}

/* The body scrolls on its own so the run button never leaves the screen, however
   many parameters a template grows. */
.export-panel-body[b-xtbzs1qo3o] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.export-panel-foot[b-xtbzs1qo3o] {
    padding: 16px 20px;
    border-top: 1px solid #EBECED;
}

.export-field[b-xtbzs1qo3o] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.export-field > label[b-xtbzs1qo3o] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    margin: 0;
}

.export-required[b-xtbzs1qo3o] {
    color: #C0301F;
}
/* /Pages/Reports/Reports.razor.rz.scp.css */
/* Scoped on purpose. The home dashboard's tiles live in the global stylesheet
   under `.three-boxes .box`, where a bare `span { margin-top: 4px }` outranks any
   class put on a child; every element added there has to reset it at that weight.
   Keeping the reports page in its own scope means its cards start from nothing. */

/* Same measure and inset every other page uses (`.main-content .data-left-right`
   in the global sheet). Left to fill the viewport, the tables stretched to the
   full width of a wide monitor while the title above them stayed centred on
   1680px, so the page read as two different layouts stacked. */
.reports-page[b-qi13rnnm2j] {
    display: flex;
    flex-direction: column;
    gap: var(--wm-card-gap);
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 24px var(--wm-page-inset) 40px;
}

/* The filter row gets a card of its own, matching the invoice workspace's
   toolbar rather than floating loose above the content. */
.reports-toolbar-card[b-qi13rnnm2j] {
    background: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    min-height: var(--wm-header-row-height);
    padding: var(--wm-card-padding);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.reports-export[b-qi13rnnm2j] {
    height: 40px;
    gap: 8px;
    display: inline-flex;
    align-items: center;
}

.reports-export img[b-qi13rnnm2j] {
    height: 16px;
}

/* ---- section heading with its own controls ---- */

.reports-subhead[b-qi13rnnm2j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    /* Pulled up against the cards it governs, so it reads as their heading
       rather than as a band floating between two sections. */
    margin-bottom: -8px;
}

.reports-subhead h2[b-qi13rnnm2j] {
    font-size: 17px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
}

.reports-controls[b-qi13rnnm2j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.reports-chip[b-qi13rnnm2j] {
    border: 1px solid var(--wm-card-border-color);
    background: var(--wm-card-bg);
    border-radius: 999px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-txt);
    line-height: 1.2;
}

.reports-chip:hover[b-qi13rnnm2j] {
    border-color: #5263FF;
    color: #5263FF;
}

.reports-chip.selected[b-qi13rnnm2j] {
    background: #5263FF;
    border-color: #5263FF;
    color: #fff;
}

/* One control, two states — joined rather than two loose pills, so it reads as
   a choice between them instead of two independent toggles. */
.reports-segmented[b-qi13rnnm2j] {
    display: inline-flex;
    border: 1px solid var(--wm-card-border-color);
    background: var(--wm-card-bg);
    border-radius: 999px;
    padding: 2px;
}

.reports-segmented button[b-qi13rnnm2j] {
    border: 0;
    background: none;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-txt);
    line-height: 1.4;
}

.reports-segmented button:hover[b-qi13rnnm2j] {
    color: #5263FF;
}

.reports-segmented button.selected[b-qi13rnnm2j] {
    background: #5263FF;
    color: #fff;
}

/* ---- KPI row ---- */

.reports-kpis[b-qi13rnnm2j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 24px;
}

.reports-kpi[b-qi13rnnm2j] {
    background-color: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.reports-kpi-label[b-qi13rnnm2j] {
    font-size: 15px;
    font-weight: 600;
    color: var(--gray-txt);
    margin: 0;
}

/* Value and its change share a baseline, so the percentage reads as a note on
   the number rather than a badge of its own. */
.reports-kpi-value[b-qi13rnnm2j] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 12px;
}

.reports-kpi-value h2[b-qi13rnnm2j] {
    font-size: 25px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
}

/* A loss is worth seeing as one at a glance, the same way it is in the tables. */
.reports-kpi-value h2.negative[b-qi13rnnm2j] {
    color: #C0301F;
}

.reports-kpi-value h2 small[b-qi13rnnm2j] {
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
}

.reports-kpi-sub[b-qi13rnnm2j] {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-txt-2);
    margin-top: 6px;
}

.reports-kpi-sub strong[b-qi13rnnm2j] {
    color: var(--dark-txt);
    font-weight: 700;
}

/* ---- cards ---- */

/* Two panels side by side down to tablet width, where a chart squeezed into
   half a phone screen stops being readable and they stack instead. */
.reports-row[b-qi13rnnm2j] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* Stretched rather than top-aligned, so a card is always as tall as the one
   beside it. Left to size themselves the short panels ended half the height of
   the chart they sit next to, and the row read as a ragged edge. */
.reports-card[b-qi13rnnm2j] {
    background-color: var(--wm-card-bg);
    border: 1px solid var(--wm-card-border-color);
    border-radius: var(--wm-card-radius);
    box-shadow: var(--wm-card-shadow);
    padding: 20px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* The body takes the slack the stretch created, so an empty state sits in the
   middle of the card rather than pinned under the heading. */
.reports-card > .reports-empty[b-qi13rnnm2j],
.reports-card > .reports-donut-layout[b-qi13rnnm2j],
.reports-card > .reports-bars[b-qi13rnnm2j],
.reports-card > .table-card[b-qi13rnnm2j] {
    flex: 1 1 auto;
}

.reports-card > .reports-empty[b-qi13rnnm2j] {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The chart panels earn the wider column; the list beside them reads fine narrow. */
@media (min-width: 1200px) {
    .reports-row:has(> .reports-card-wide)[b-qi13rnnm2j] {
        grid-template-columns: 1.6fr 1fr;
    }

    .reports-row:has(> .reports-card-half)[b-qi13rnnm2j] {
        grid-template-columns: 1fr 1fr;
    }
}

.reports-card-head[b-qi13rnnm2j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.reports-card-head h3[b-qi13rnnm2j] {
    font-size: 17px;
    font-weight: 700;
    color: var(--dark-txt);
    margin: 0;
}

.reports-card-head p[b-qi13rnnm2j] {
    font-size: 12px;
    font-weight: 500;
    color: var(--gray-txt-2);
    margin: 4px 0 0;
}

.reports-card-link[b-qi13rnnm2j] {
    font-size: 13px;
    font-weight: 600;
    color: #5263FF;
    background: none;
    border: 0;
    padding: 0;
    white-space: nowrap;
    text-decoration: none;
}

.reports-card-link:hover[b-qi13rnnm2j] {
    text-decoration: underline;
}

.reports-card-figure[b-qi13rnnm2j] {
    text-align: right;
    white-space: nowrap;
}

.reports-card-figure strong[b-qi13rnnm2j] {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.reports-card-figure strong.positive[b-qi13rnnm2j] {
    color: #2F7A2E;
}

.reports-card-figure strong.negative[b-qi13rnnm2j] {
    color: #C0301F;
}

.reports-card-figure span[b-qi13rnnm2j] {
    font-size: 11px;
    font-weight: 500;
    color: var(--gray-txt-2);
}

.reports-chart[b-qi13rnnm2j] {
    height: 260px;
}

.reports-empty[b-qi13rnnm2j] {
    font-size: 13px;
    font-weight: 500;
    color: var(--gray-txt-2);
    text-align: center;
    padding: 32px 0;
    margin: 0;
}

/* ---- cost donut ---- */

.reports-donut-layout[b-qi13rnnm2j] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.reports-donut[b-qi13rnnm2j] {
    position: relative;
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

.reports-legend[b-qi13rnnm2j] {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1 1 160px;
    min-width: 0;
}

.reports-legend li[b-qi13rnnm2j] {
    display: grid;
    grid-template-columns: 10px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 4px 8px;
    padding: 5px 0;
    font-size: 13px;
    font-weight: 500;
    color: var(--dark-txt);
}

/* The share is secondary to the amount: you check the money against an invoice,
   the percentage only tells you how the ring is carved up. */
.reports-legend li small[b-qi13rnnm2j] {
    font-size: 11px;
    font-weight: 600;
    color: var(--gray-txt-2);
    min-width: 46px;
    text-align: right;
}

.reports-legend li i[b-qi13rnnm2j] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex-shrink: 0;
}

.reports-legend li span[b-qi13rnnm2j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-legend li strong[b-qi13rnnm2j] {
    font-weight: 700;
    color: var(--dark-txt);
    white-space: nowrap;
}

/* ---- zone bars ---- */

.reports-bars[b-qi13rnnm2j] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reports-bars li[b-qi13rnnm2j] {
    display: grid;
    grid-template-columns: minmax(90px, 140px) 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
}

.reports-bar-label[b-qi13rnnm2j] {
    font-size: 13px;
    font-weight: 600;
    color: var(--dark-txt);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.reports-bar-track[b-qi13rnnm2j] {
    height: 10px;
    border-radius: 999px;
    background: #EEF2F7;
    overflow: hidden;
}

.reports-bar-fill[b-qi13rnnm2j] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.reports-bars li.unallocated .reports-bar-label[b-qi13rnnm2j] {
    color: var(--gray-txt-2);
    font-style: italic;
    font-weight: 500;
}

.reports-bars li strong[b-qi13rnnm2j] {
    font-size: 13px;
    font-weight: 700;
    color: var(--dark-txt);
    white-space: nowrap;
}

/* ---- tables ---- */

/* `.custom-table` gets its padding, zebra striping and rounded ends from rules
   nested under `.main-content .data-left-right .data-left .graph-box`, which this
   page has no reason to reproduce in its markup — without them the columns render
   with no spacing at all and the figures run together. The same look is rebuilt
   here against the card instead. */
.reports-table[b-qi13rnnm2j] {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
}

.reports-table thead th[b-qi13rnnm2j] {
    background: #F1F5F9;
    color: var(--gray-txt);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
}

.reports-table thead th:first-child[b-qi13rnnm2j] {
    border-radius: 12px 0 0 12px;
}

.reports-table thead th:last-child[b-qi13rnnm2j] {
    border-radius: 0 12px 12px 0;
}

.reports-table tbody tr[b-qi13rnnm2j] {
    background: var(--white);
}

.reports-table tbody tr:nth-child(even)[b-qi13rnnm2j] {
    background: #F8FAFC;
}

.reports-table tbody tr:hover[b-qi13rnnm2j] {
    background: #F1F5F9;
    transition: 0.2s ease;
}

.reports-table tbody td[b-qi13rnnm2j] {
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    color: var(--gray-txt);
}

.reports-table tbody td:first-child[b-qi13rnnm2j] {
    border-radius: 12px 0 0 12px;
}

.reports-table tbody td:last-child[b-qi13rnnm2j] {
    border-radius: 0 12px 12px 0;
}

/* The figures cannot wrap without losing their alignment, so the name is what
   gives way. Rather than handing the name a fixed share — which either clipped
   the name or squeezed "Omkostning" until its header clipped — the numeric
   columns size to their own content and the name column absorbs whatever is
   left. `width: 100%` claims the slack, `max-width: 0` stops a long name from
   widening the column instead of truncating inside it. */
.reports-table thead th:first-child[b-qi13rnnm2j],
.reports-table tbody td:first-child[b-qi13rnnm2j] {
    width: 100%;
    max-width: 0;
    /* A floor, so the figures cannot squeeze the name down to an ellipsis and
       nothing else — min-width beats max-width, which is what makes the pair
       work. Past this the table scrolls sideways rather than crushing the one
       column that says which row you are looking at. */
    min-width: 150px;
    overflow: hidden;
}

/* Numeric columns are narrow by nature, so they spend their width on digits
   rather than on padding. */
.reports-table thead th.numeric[b-qi13rnnm2j],
.reports-table tbody td.numeric[b-qi13rnnm2j] {
    padding-left: 8px;
    padding-right: 12px;
}

/* Only the name itself truncates. Left to the cell, the ellipsis would swallow
   the tag beside it — and "own crew" or "shared" is the one piece of reading on
   the row that is not a number. */
/* Given the height of the tallest thing that can sit in it — the customer
   avatar — so every row is the same height whether or not it carries one. The
   scroll window is measured in rows, and rows of two different heights made the
   ten-row cut land in a different place on each table. */
.reports-cell-name[b-qi13rnnm2j] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 26px;
}

.reports-row-name[b-qi13rnnm2j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.reports-cell-name .reports-tag[b-qi13rnnm2j],
.reports-cell-name .reports-avatar[b-qi13rnnm2j],
.reports-cell-name .reports-swatch[b-qi13rnnm2j] {
    flex: 0 0 auto;
}

/* Ten rows, then scroll. Measured rather than guessed: the sticky header is 33px
   and a row is 46px, so ten rows need 493px — the extra leaves the eleventh row
   part-visible, which is what tells you the list continues. */
.reports-scroll[b-qi13rnnm2j] {
    max-height: 509px;
    overflow-y: auto;
    overflow-x: auto;
}

/* The header has to survive the scroll, or the columns lose their names as soon
   as you move. It carries its own background — the rows pass underneath it. */
.reports-scroll .reports-table thead th[b-qi13rnnm2j] {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* The column the list is ordered by, marked so the ranking is visible in the
   table and not only in the control above it. */
.reports-table thead th.ranked[b-qi13rnnm2j] {
    color: #5263FF;
}

/* A loss reads as a loss. */
.reports-table tbody td.negative[b-qi13rnnm2j] {
    color: #C0301F;
}

.reports-table th.numeric[b-qi13rnnm2j],
.reports-table td.numeric[b-qi13rnnm2j] {
    text-align: right;
    white-space: nowrap;
}

.reports-row-name[b-qi13rnnm2j] {
    font-weight: 600;
    color: var(--dark-txt);
}

.reports-table td.numeric[b-qi13rnnm2j] {
    overflow: visible;
}

/* The unallocated row is part of the arithmetic rather than a subject of its
   own, so it is set back from the named rows instead of sorted among them. */
.reports-table tr.unallocated td[b-qi13rnnm2j] {
    color: var(--gray-txt-2);
    font-style: italic;
}

.reports-table tr.unallocated .reports-row-name[b-qi13rnnm2j] {
    color: var(--gray-txt-2);
    font-weight: 500;
}

.reports-tag[b-qi13rnnm2j] {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 999px;
    background: #EEF2F7;
    font-size: 10px;
    font-weight: 600;
    font-style: normal;
    color: var(--gray-txt);
    vertical-align: middle;
}

.reports-swatch[b-qi13rnnm2j] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
}

.reports-avatar[b-qi13rnnm2j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    margin-right: 8px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    vertical-align: middle;
}
/* /Pages/Routes/Components/AddDriversPopup.razor.rz.scp.css */
.adp-modal-content[b-e4jx1sw5y4] {
	border: 1px solid #1e293b08 !important;
	border-radius: 16px !important;
	box-shadow:
		0px 32px 32px -16px #1e293b08,
		0px 20px 20px -12px #1e293b08,
		0px 3px 3px -1.5px #1e293b08,
		0px 1px 1px -0.5px #1e293b08 !important;
	overflow: hidden;
	background-color: #FFFFFF;
}

[b-e4jx1sw5y4] .modal-header {
	padding: 16px 20px !important;
	margin: 0 !important;
}

.adp-modal-body[b-e4jx1sw5y4] {
	display: flex;
	flex-direction: column;
	height: 520px;
}

.adp-header[b-e4jx1sw5y4] {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}

.adp-icon-wrapper[b-e4jx1sw5y4] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: #5263FF1F;
	border-radius: 10px;
	color: #4F46E5;
}

.adp-title-wrap[b-e4jx1sw5y4] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}

.adp-title[b-e4jx1sw5y4] {
	font-size: 18px;
	font-weight: 700;
	color: #1E293B;
	margin: 0;
}

.adp-subtitle[b-e4jx1sw5y4] {
	font-size: 13px;
	color: #64748B;
	margin: 0;
}

.adp-search-container[b-e4jx1sw5y4] {
	background-color: #F8FAFC;
	padding: 12px 24px;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	width: 100%;
}

[b-e4jx1sw5y4] .adp-search-container .wm-search-input {
	max-width: 320px !important;
}

.adp-list-container[b-e4jx1sw5y4] {
	flex-grow: 1;
	overflow-y: auto;
	scrollbar-width: thin;
	padding: 0;
}

.adp-list-container[b-e4jx1sw5y4]::-webkit-scrollbar {
	width: 6px;
}

.adp-list-container[b-e4jx1sw5y4]::-webkit-scrollbar-track {
	background: transparent;
}

.adp-list-container[b-e4jx1sw5y4]::-webkit-scrollbar-thumb {
	background-color: #CBD5E1;
	border-radius: 3px;
}

.adp-driver-row[b-e4jx1sw5y4] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px;
	border-bottom: 1px solid #F1F5F9;
}

.adp-driver-left[b-e4jx1sw5y4] {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
	min-width: 0;
}

.adp-driver-names[b-e4jx1sw5y4] {
	display: flex;
	flex-direction: row;
	gap: 6px;
	align-items: baseline;
	min-width: 240px;
}

.adp-driver-name[b-e4jx1sw5y4] {
	font-size: 14px;
	font-weight: 600;
	color: #1E293B;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.adp-driver-surname[b-e4jx1sw5y4] {
	font-size: 13px;
	color: #1E293B;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.adp-driver-phone[b-e4jx1sw5y4] {
	font-size: 14px;
	color: #475569;
	flex: 1;
	margin: 0;
	text-align: left;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.adp-driver-email[b-e4jx1sw5y4] {
	font-size: 14px;
	color: #475569;
	flex: 1.5;
	margin: 0;
	text-align: left;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.adp-action-wrap[b-e4jx1sw5y4] {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 100px;
	justify-content: end;
}

.btn-add[b-e4jx1sw5y4], .btn-remove[b-e4jx1sw5y4] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 32px;
	width: 84px;
	border: none;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
	padding: 0;
}

.btn-add[b-e4jx1sw5y4] {
	background-color: #3B82F6;
	color: #FFFFFF;
}

.btn-add:hover[b-e4jx1sw5y4] {
	background-color: #2563EB;
}

.btn-remove[b-e4jx1sw5y4] {
	background-color: #FEE2E2;
	color: #EF4444;
}

.btn-remove:hover[b-e4jx1sw5y4] {
	background-color: #FCA5A5;
}

.btn-add:disabled[b-e4jx1sw5y4], .btn-remove:disabled[b-e4jx1sw5y4] {
	opacity: 0.6;
	cursor: not-allowed;
}
/* /Pages/Routes/Components/CreateRoutePopup.razor.rz.scp.css */
/* ─── Labels ────────────────────────────────────────────────────────────────── */
.nrp-body-wrap[b-tkmb97ptsl] {
  padding: 16px 20px 8px;
  background: #f1f5f9;
}

.nrp-label[b-tkmb97ptsl] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

.nrp-required[b-tkmb97ptsl] {
  color: var(--orange, #f97316);
}

.nrp-validation[b-tkmb97ptsl] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange, #f97316);
}

/* ─── Text input ────────────────────────────────────────────────────────────── */
.nrp-input[b-tkmb97ptsl] {
  width: 100%;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  height: 42px;
}

.nrp-input:focus[b-tkmb97ptsl],
.nrp-input:focus-within[b-tkmb97ptsl] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.nrp-input[b-tkmb97ptsl]::placeholder {
  color: #cbd5e1;
  font-weight: 500;
}

/* ─── Route type tabs (multi-tabs style) ────────────────────────────────────── */
.nrp-route-type-tabs[b-tkmb97ptsl] {
  gap: 6px;
  background-color: #ffffff;
  border: 1px solid #1e293b1f;
  border-radius: 16px;
  padding: 6px;
  box-shadow: 0px 1px 1px -0.5px #1e293b08;
}

.nrp-route-tab[b-tkmb97ptsl] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  cursor: pointer;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, box-shadow, background-color, border-color, color;
}

.nrp-route-tab.active[b-tkmb97ptsl] {
  background: #5263ff1f;
  color: var(--purple, #5263ff);
  transform: scale(1.015);
}

.nrp-route-tab:hover:not(.active)[b-tkmb97ptsl] {
  color: var(--dark-txt);
  transform: translateY(-1px) scale(1.01);
}

/* ─── Footer buttons ────────────────────────────────────────────────────────── */
.nrp-btn-cancel[b-tkmb97ptsl] {
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-txt);
  padding: 10px 20px;
  height: 44px;
  cursor: pointer;
}

.nrp-btn-create[b-tkmb97ptsl] {
  background: var(--purple, #5263ff);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 10px 20px;
  height: 44px;
  cursor: pointer;
}

.nrp-btn-create:disabled[b-tkmb97ptsl] {
  opacity: 0.7;
  cursor: not-allowed;
}

.icon-button-div[b-tkmb97ptsl] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
/* /Pages/Routes/Components/ExistingRouteCard.razor.rz.scp.css */
/* ── Card shell ─────────────────────────────────────────────────────────── */
.erc-card[b-nww4v9lka1] {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0px 1px 3px 0px #1e293b14, 0px 1px 2px 0px #1e293b0a;
    transition: box-shadow 0.15s ease;
}

.erc-card--expanded[b-nww4v9lka1] {
    box-shadow: 0px 4px 12px 0px #1e293b18, 0px 1px 3px 0px #1e293b10;
}

/* ── Main row ────────────────────────────────────────────────────────────── */
.erc-row[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    gap: 12px;
    user-select: none;
}

/* ── Left info ───────────────────────────────────────────────────────────── */
.erc-info[b-nww4v9lka1] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.erc-name[b-nww4v9lka1] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing:-0.2px;
    line-height:20px;
}

.erc-meta[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.erc-loc-count[b-nww4v9lka1] {
    font-size: 13px;
    color: #475569;
    font-weight:500;
    letter-spacing: -0.2px;
    line-height: 20px;
}

/* Separates stacked meta facts (roads · length · locations). */
.erc-meta .erc-loc-count + .erc-loc-count[b-nww4v9lka1]::before {
    content: "·";
    margin-right: 8px;
    color: #94A3B8;
}

/* ── Road route summary (shown instead of an empty stop list) ─────────────── */
.erc-road-stats[b-nww4v9lka1] {
    display: flex;
    gap: 8px;
    padding: 0 16px 12px 16px;
}

.erc-road-stat[b-nww4v9lka1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}

.erc-road-assignee[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 16px 12px 16px;
    padding: 8px 10px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}

.erc-road-stat-label[b-nww4v9lka1] {
    font-size: 11px;
    font-weight: 500;
    color: #64748B;
    letter-spacing: -0.2px;
}

.erc-road-stat-value[b-nww4v9lka1] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    letter-spacing: -0.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.erc-sub-badge[b-nww4v9lka1] {
    font-size: 12px;
    font-weight: 500;
    color: #475569;
    background-color: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 999px;
    padding: 1px 8px;
    line-height: 18px;
    letter-spacing: -0.2px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Badges ──────────────────────────────────────────────────────────────── */
.erc-badge[b-nww4v9lka1] {
    font-size: 10px;
    font-weight: 600;
    padding: 4px;
    border-radius: 6px;
    white-space: nowrap;
    color: #475569;
    letter-spacing: -0.2px;
    line-height: 16px;
    border: 1px solid #1E293B17;
    backdrop-filter: blur(24px);
    box-shadow: 0px 2px 1.5px -0.5px #1E293B08, 0px 2px 3px 0px #FFFFFF08 inset;
    background-color: #FFFFFF;
    gap: 2px;
}


/* ── Right actions ───────────────────────────────────────────────────────── */
.erc-actions[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

/* ── Eye button ──────────────────────────────────────────────────────────── */
.erc-eye-btn[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: #f1f5f9;
    color: #94a3b8;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.erc-eye-btn:hover[b-nww4v9lka1] {
    background: #e2e8f0;
    color: #64748b;
}

.erc-eye-btn--visible[b-nww4v9lka1] {
    background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%);
    color: #5263ff;
    border: 1px solid #c4b5fd;
}

.erc-eye-btn--visible:hover[b-nww4v9lka1] {
    background: linear-gradient(135deg, #ddd6fe 0%, #c4b5fd 100%);
    color: #4338ca;
}

.erc-eye-btn:disabled[b-nww4v9lka1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.erc-eye-btn:disabled:hover[b-nww4v9lka1] {
    background: #f1f5f9;
    color: #94a3b8;
}

/* ── Chevron button ──────────────────────────────────────────────────────── */
.erc-chevron-btn[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: none;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s ease;
    flex-shrink: 0;
}

.erc-chevron-btn:hover[b-nww4v9lka1] {
    background: #f1f5f9;
}

/* ── Location list ───────────────────────────────────────────────────────── */
.erc-locations[b-nww4v9lka1] {
    /*border-top: 1px solid #f1f5f9;*/
    /*padding: 8px 0 12px;*/
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.erc-locations--empty[b-nww4v9lka1] {
    padding: 12px 16px;
    color: #94a3b8;
    font-size: 13px;
}

.erc-loc-item[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
}

.erc-loc-item--clickable[b-nww4v9lka1] {
    cursor: pointer;
    transition: background 0.1s;
}

.erc-loc-item--clickable:hover[b-nww4v9lka1] {
    background-color: #F1F5F9;
}

.erc-loc-num[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 99px;
    gap: 2px;
    padding: 4px;
    background-color: #FFFFFF;
    border: 1px solid #1E293B17;
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    flex-shrink: 0;
    letter-spacing:-0.2px;
    line-height:24px;
    backdrop-filter: blur(24px);
    box-shadow: 0px 2px 1.5px -0.5px #1E293B08, 0px 2px 3px 0px #FFFFFF08 inset;
}

.erc-loc-info[b-nww4v9lka1] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.erc-loc-name[b-nww4v9lka1] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.erc-loc-addr[b-nww4v9lka1] {
    font-size: 13px;
    font-weight:600;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.erc-name-row[b-nww4v9lka1] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.erc-color-square[b-nww4v9lka1] {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    flex-shrink: 0;
}
/* /Pages/Routes/Components/RoadRouteBuilderModal.razor.rz.scp.css */
/* ── Layout ── */
.rrb-body[b-ag2uv8bmct] {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    padding: 16px;
    background-color: #FFFFFF;
    gap: 16px;
}

/* ── Left sidebar ── */
.rrb-sidebar[b-ag2uv8bmct] {
    width: 360px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #1E293B0F;
    border-radius: 16px;
}

/* ── Stats grid ── */
.rrb-stats-grid[b-ag2uv8bmct] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 16px;
    border-bottom: 1px solid #1E293B17;
    flex-shrink: 0;
}

.rrb-stat-box[b-ag2uv8bmct] {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 16px;
    background: #F1F5F9;
    letter-spacing: -0.2px;
    justify-content: center;
    align-items: center;
}

.rrb-stat-label[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    line-height:20px;

}

.rrb-stat-value[b-ag2uv8bmct] {
    font-size: 18px;
    font-weight: 700;
    color: #1E293B;
    line-height: 24px;
}

/* ── Section header ── */
.rrb-section-header[b-ag2uv8bmct] {
    padding: 16px 16px 8px;
    flex-shrink: 0;
}

.rrb-section-title[b-ag2uv8bmct] {
    font-size: 18px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing: -0.2px;
    line-height: 24px;
}

/* ── Action row (Clear / Undo) ── */
.rrb-action-row[b-ag2uv8bmct] {
    display: flex;
    gap: 10px;
    padding: 0 16px 12px;
    flex-shrink: 0;
}

.rrb-clear-btn[b-ag2uv8bmct],
.rrb-undo-btn[b-ag2uv8bmct] {
    flex: 1;
    height: 38px;
    justify-content: center;
}

.rrb-undo-btn:disabled[b-ag2uv8bmct] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Path point list ── */
.rrb-list-area[b-ag2uv8bmct] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.rrb-point-list[b-ag2uv8bmct] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    background-color: #f1f5f9cc;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.rrb-point-item[b-ag2uv8bmct] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px;
    border-radius: 24px;
    background: #FFFFFF;
    margin-bottom: 6px;
    box-shadow: 0px 20px 20px -12px #1E293B08, 0px 3px 3px -1.5px #1E293B08, 0px 1px 1px -0.5px #1E293B08;
    border: 1px solid #1E293B17;
}

.rrb-point-item--attached[b-ag2uv8bmct] {
    box-shadow: 0px 0px 0px 3px #5263FF33;
    border: 1px solid #1E293B17;
}

.rrb-point-item--clickable[b-ag2uv8bmct] {
    cursor: pointer;
    transition: background 0.1s, border-color 0.1s;
}

/*    .rrb-point-item--clickable:hover {
        background: #5263FF0D;
    }*/

.rrb-point-item--active[b-ag2uv8bmct] {
/*    background: #5263FF1F;
    border-color: #A5B4FC;*/
    box-shadow: 0px 0px 0px 3px #5263FF33;
    border: 1px solid #1E293B17;
}

.rrb-item-num[b-ag2uv8bmct] {
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    text-align: center;
    flex-shrink: 0;
    border: 1px solid #1E293B17;
    background-color: #FFFFFF;
    padding: 4px;
    border-radius: 99px;
    height: 32px;
    width: 32px;
    letter-spacing: -0.2px;
    line-height: 24px;
}

.rrb-item-info[b-ag2uv8bmct] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.rrb-item-name[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 24px;
}

.rrb-item-addr[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 24px;
}

.rrb-drag-handle[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: grab;
    flex-shrink: 0;
    opacity: 0.5;
    transition: opacity 0.15s;
}

.rrb-drag-handle:hover[b-ag2uv8bmct] {
    opacity: 1;
}

.rrb-drag-handle:active[b-ag2uv8bmct] {
    cursor: grabbing;
}

/* ── Centered / placeholder states ── */
.rrb-centered[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 24px;
}

.rrb-placeholder[b-ag2uv8bmct] {
    flex-direction: column;
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
    background-color: #f1f5f9cc;
}

/* ── Save button (sidebar footer) ── */
.rrb-sidebar-footer[b-ag2uv8bmct] {
    padding: 12px 16px;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.rrb-save-btn[b-ag2uv8bmct] {
    width: 100%;
    height: 42px;
    justify-content: center;
}

/* ── Map area ── */
.rrb-map-area[b-ag2uv8bmct] {
    flex: 1;
    position: relative;
    min-height: 0;
    overflow: hidden;
}

.rrb-map-area[b-ag2uv8bmct]  .wm-map-wrapper,
.rrb-map-area[b-ag2uv8bmct]  .wm-map-wrapper > div {
    height: 100%;
}

/* ── Map overlays ── */
.rrb-map-overlay[b-ag2uv8bmct] {
    position: absolute;
    top: 12px;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.rrb-map-overlay--left[b-ag2uv8bmct] {
    left: 12px;
}

.rrb-map-overlay--bottom-right[b-ag2uv8bmct] {
    top: auto;
    bottom: 12px;
    right: 12px;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}

/* ── Paint / erase tools (same pill as the routes button, one size up) ── */
.rrb-tool-btn[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.rrb-tool-btn:disabled[b-ag2uv8bmct] {
    opacity: 0.5;
    cursor: default;
}

.rrb-tool-btn--active[b-ag2uv8bmct] {
    background: #5263FF1F;
    border-color: #363AF5;
}

.rrb-tool-btn--active-erase[b-ag2uv8bmct] {
    background: #EF44441F;
    border-color: #EF4444;
}

/* Slider follows the tools out of the banner, so it brings its own pill. */
.rrb-map-overlay--left .rrb-brush-size[b-ag2uv8bmct] {
    height: 44px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
    user-select: none;
}

/* ── Existing routes button / dropdown (mirrors RouteBuilderModal) ── */
.rrb-routes-btn-wrap[b-ag2uv8bmct] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    user-select: none;
    padding: 6px 6px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
}

.rrb-overlay-btn[b-ag2uv8bmct] {
    border: none;
    height: 16px;
    width: 16px;
    background: none;
}

.rrb-routes-dropdown[b-ag2uv8bmct] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 380px;
    border: 1.5px solid #1E293B0F;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(30, 41, 59, 0.12);
    overflow: hidden;
    z-index: 20;
    background-color: #F1F5F9CC;
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    /* Nearly full height: viewport minus popup header, body padding, the trigger
       button above the dropdown, and breathing room at the bottom. */
    max-height: calc(100vh - 190px);
}

.rrb-routes-search[b-ag2uv8bmct] {
    padding: 12px 12px 0 12px;
    flex-shrink: 0;
}

.rrb-routes-dropdown-header[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid #1E293B0F;
    background-color: #FFFFFF8F;
}

.rrb-routes-dropdown-title[b-ag2uv8bmct] {
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.rrb-routes-list-wrapper[b-ag2uv8bmct] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.rrb-route-heading[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 600;
    color: #363AF5;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.rrb-route-icon[b-ag2uv8bmct] {
    width: 32px;
    height: 32px;
    background: #5263FF1F;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

/* ── Info overlay (draw toggle + hint + color picker) ── */
.rrb-info-overlay[b-ag2uv8bmct] {
    position: absolute;
    z-index: 4;
    top: 10px;
    right: 10px;
}

    .rrb-info-overlay[b-ag2uv8bmct]  .wm-cp-btn {
        height: 24px !important;
        padding: 0 8px !important;
        border-radius: 8px !important;
        gap: 2px !important;
    }

    .rrb-info-overlay[b-ag2uv8bmct]  .wm-cp-swatch-preview {
        width: 16px !important;
        height: 16px !important;
        border-radius: 4px !important;
    }

.rrb-draw-info-btn[b-ag2uv8bmct] {
    border: none;
    background: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    transition: background 0.15s;
}

.rrb-draw-info-btn--active[b-ag2uv8bmct] {
    background: #5263FF1F;
}

.rrb-info-banner[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 6px 6px;
    height: 44px;
    font-size: 13px;
    color: #363AF5;
    line-height: 24px;
    letter-spacing: -0.2px;
    white-space: nowrap;
    border: 1px solid #1E293B17;
    box-shadow: 0px 56px 56px -28px #1E293B08, 0px 32px 32px -16px #1E293B08, 0px 20px 20px -12px #1E293B08, 0px 3px 3px -1.5px #1E293B08, 0px 1px 1px -0.5px #1E293B08, 0px 72px 72px -36px #1E293B08;
}

/* ── Road type filter cluster (bottom-right) ── */
.rrb-filter-pill-row[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.rrb-reset-filters-btn[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 600;
    color: #5263FF;
    background: rgba(255, 255, 255, 0.96);
    border: 1.5px solid #e2e8f0;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    backdrop-filter: blur(8px);
    height: 40px;
    box-shadow: 0px 56px 56px -28px #1E293B08, 0px 32px 32px -16px #1E293B08, 0px 20px 20px -12px #1E293B08, 0px 3px 3px -1.5px #1E293B08, 0px 1px 1px -0.5px #1E293B08, 0px 72px 72px -36px #1E293B08;
}

.rrb-reset-filters-btn span[b-ag2uv8bmct] {
    border-bottom: 1.5px solid #9CB6FF;
}

.rrb-filter-pill[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 600;
    color: #1e293b;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
    height: 40px;
}

.rrb-filter-count[b-ag2uv8bmct] {
    font-size: 12px;
    font-weight: 700;
    color: #5263FF;
    background: #5263FF1F;
    border-radius: 99px;
    padding: 1px 7px;
}

/* WMPopover's own .wm-popover-content already supplies the card chrome (white bg,
   24px radius, border, shadow) — this inner wrapper only sets sizing/padding. */
.rrb-road-type-popover[b-ag2uv8bmct] {
    padding: 16px;
}

.rrb-road-type-header[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 8px 0px;
    gap:8px;
    border-bottom: 1px solid #1E293B0F;
    margin-bottom: 6px;
}

.rrb-road-type-list[b-ag2uv8bmct]{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:8px 0px 0px 0px;
}

.rrb-road-type-title[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 700;
    color: #1E293B;
}

.rrb-reset-filters-link[b-ag2uv8bmct] {
    font-size: 14px;
    font-weight: 600;
    color: #5263FF;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.rrb-road-type-row[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 4px;
    height:40px;
    width:208px;
}

.rrb-road-type-row:hover[b-ag2uv8bmct] {
    background: #F8FAFC;
}

.rrb-road-type-row--checked[b-ag2uv8bmct],
.rrb-road-type-row--checked:hover[b-ag2uv8bmct] {
    background: #5263FF1F;
}

.rrb-road-swatch[b-ag2uv8bmct] {
    width: 24px;
    height: 6px;
    border-radius: 99px;
    flex-shrink: 0;
}

.rrb-road-type-label[b-ag2uv8bmct] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    flex: 1;
    letter-spacing: -0.2px;
    line-height: 24px;
}

.rrb-road-type-row--checked .rrb-road-type-label[b-ag2uv8bmct] {
    color: #363AF5;
}

/* ── Custom div-based checkbox (CLAUDE.md rule #17) ── */
.rrb-custom-checkbox[b-ag2uv8bmct] {
    width: 18px;
    height: 18px;
    border-radius: 6px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%);
    border: 2.5px solid #d9dee3;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    flex-shrink: 0;
    cursor: pointer;
}

.rrb-custom-checkbox.rrb-custom-checkbox--checked[b-ag2uv8bmct] {
    background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%);
    color: white;
    backdrop-filter: blur(24px);
    box-shadow: 0px 1px 1px -0.5px #1e293b08, 0px 3px 3px 0px #ffffff1f inset;
    border: none;
}

.rrb-custom-checkbox--lg[b-ag2uv8bmct] {
    width: 26px;
    height: 26px;
    border-radius: 9px;
    font-size: 14px;
}

/* ── Map loading overlay ── */
.rrb-map-loading[b-ag2uv8bmct] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
    color: #5263ff;
}

/* ── Sortable drag states (classes are hardcoded in wm.sortable.js) ── */
.rlp-drag-ghost[b-ag2uv8bmct] {
    opacity: 0.4;
}

.rlp-drag-chosen[b-ag2uv8bmct] {
    background: #f8fafc;
}

/* ── Paint-selection controls (municipality) ── */

.rrb-brush-size[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 4px;
}

.rrb-brush-size-label[b-ag2uv8bmct] {
    font-size: 12px;
    color: #64748B;
}

.rrb-brush-size input[type="range"][b-ag2uv8bmct] {
    width: 90px;
    accent-color: #363AF5;
}





.rrb-roadtype-breakdown[b-ag2uv8bmct] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 10px;
    margin-bottom: 8px;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
}

.rrb-roadtype-breakdown-row[b-ag2uv8bmct] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    line-height: 22px;
}

.rrb-roadtype-breakdown-label[b-ag2uv8bmct] {
    color: #334155;
}

.rrb-roadtype-breakdown-value[b-ag2uv8bmct] {
    margin-left: auto;
    color: #0F172A;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.rrb-locations-subheader[b-ag2uv8bmct] {
    margin-top: 4px;
}
/* /Pages/Routes/Components/RouteBuilderModal.razor.rz.scp.css */
/* ── Layout ── */
.rb-body[b-bn1wi9xj0z] {
    display: flex;
    flex-direction: row;
    height: 100%;
    overflow: hidden;
    padding: 16px;
    background-color: #FFFFFF;
    gap:16px;
}

/* ── Left sidebar ── */
.rb-sidebar[b-bn1wi9xj0z] {
    width: 440px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    overflow: hidden;
    border: 1px solid #1E293B0F;
    border-radius:16px;
}

.rb-sidebar-top[b-bn1wi9xj0z] {
    padding: 16px;
    border-bottom: 1px solid #1E293B17;
    flex-shrink: 0;
    background-color: #FFFFFF;
    gap:16px;
}

.rb-draw-btn[b-bn1wi9xj0z] {
    width: 100%;
    height: 40px;
    justify-content: center;
}

.rb-action-row[b-bn1wi9xj0z] {
    display: flex;
    gap: 10px;
}

.rb-clear-btn[b-bn1wi9xj0z],
.rb-optimize-btn[b-bn1wi9xj0z] {
    flex: 1;
    height: 38px;
    justify-content: center;
}

.rb-action-row--optimized[b-bn1wi9xj0z] {
    align-items: center;
    justify-content: space-between;
}

.rb-clear-btn--compact[b-bn1wi9xj0z] {
    flex: 1;
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.rb-optimized-label[b-bn1wi9xj0z] {
	flex: 1;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 5px;
	color: #338732;
	font-size: 13px;
}

/* ── Sections ── */
.rb-section[b-bn1wi9xj0z] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    
}

.rb-section--removed[b-bn1wi9xj0z] {
    flex: 0 0 auto;
    height: 140px;
    background-color: #f1f5f9cc;
}

.rb-section-header[b-bn1wi9xj0z] {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    justify-content:space-between;
}

.rb-section-title[b-bn1wi9xj0z] {
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
    letter-spacing:-0.2px;
    line-height:20px;
}

.rb-count-badge[b-bn1wi9xj0z] {
    font-size: 13px;
    font-weight: 700;
    color: #475569;
    letter-spacing: -0.2px;
    line-height: 20px;
}

.rb-optimize-btn--header[b-bn1wi9xj0z] {
    flex: 0 0 auto;
    height: 30px;
    padding: 0 10px;
    font-size: 12px;
}

.rb-route-stats[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 16px 8px;
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    letter-spacing: -0.2px;
}

.rb-stat-pill[b-bn1wi9xj0z] {
    background: #f1f5f9;
    color: #475569;
    padding: 2px 10px;
    border-radius: 99px;
    white-space: nowrap;
}

.rb-stats-gain--flat[b-bn1wi9xj0z] {
    color: #64748b;
    background: #64748b1a;
}

.rb-stats-gain[b-bn1wi9xj0z] {
    color: #338732;
    background: #3387321a;
    font-size: 11px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 99px;
}

/* ── Location list ── */
.rb-location-list[b-bn1wi9xj0z] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 12px;
    gap:6px;
    background-color: #f1f5f9cc;
}

.rb-location-item[b-bn1wi9xj0z] {
    width:100%;
    display: flex;
    align-items: center;
    justify-content:space-between;
    gap: 6px;
    padding: 6px 8px;
    border-radius: 12px;
    background: #FFFFFF;
    margin-bottom: 4px;
    transition: box-shadow 0.15s;
    box-shadow: 0px 20px 20px -12px #1E293B08,0px 3px 3px -1.5px #1E293B08,0px 1px 1px -0.5px #1E293B08;
    border: 1px solid #1E293B17;

}

/*.rb-location-item:hover {
    box-shadow: 0 2px 6px rgba(30, 41, 59, 0.08);
}*/

.rb-item-num[b-bn1wi9xj0z] {
    font-size: 12px;
    font-weight: 700;
    color: #475569;
    text-align: center;
    flex-shrink: 0;
    backdrop-filter: blur(24px);
    box-shadow: 0px 2px 1.5px -0.5px var(--Elevationshadow), inset 0px 2px 3px 0px var(--ColorWhite3);
    border: 1px solid #1E293B17;
    background-color: #FFFFFF;
    gap: 2px;
    padding: 2px;
    border-radius: 99px;
    height: 24px;
    width: 24px;
    letter-spacing: -0.2px;
    line-height: 18px;
}

.rb-item-info[b-bn1wi9xj0z] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.rb-item-name[b-bn1wi9xj0z] {
    font-size: 12px;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.rb-item-addr[b-bn1wi9xj0z] {
    font-size: 11px;
    font-weight:600;
    color: #475569;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    line-height: 16px;
}

.rb-location-item--locked[b-bn1wi9xj0z] {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.rb-lock-btn[b-bn1wi9xj0z] {
    color: #94a3b8;
    font-size: 14px;
}

.rb-lock-btn:hover[b-bn1wi9xj0z] {
    color: #475569;
}

.rb-lock-btn--locked[b-bn1wi9xj0z] {
    color: #5263ff;
}

.rb-lock-btn--locked:hover[b-bn1wi9xj0z] {
    color: #3b4ae0;
}

.rb-icon-btn[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: none;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
}

.rb-icon-btn:hover[b-bn1wi9xj0z] {
    background: #f8fafc;
}

.rb-drag-handle[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: grab;
    flex-shrink: 0;
    opacity: 0.5;
    transition: opacity 0.15s;
}

.rb-drag-handle:hover[b-bn1wi9xj0z] {
    opacity: 1;
}

.rb-drag-handle:active[b-bn1wi9xj0z] {
    cursor: grabbing;
}

/* ── Removed locations ── */
.rb-removed-list[b-bn1wi9xj0z] {
    overflow-y: auto;
    padding: 0 8px 8px;
    flex: 1;
}

.rb-removed-item[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 8px;
    background: #fafafa;
    border: 1px solid #e2e8f0;
    margin-bottom: 4px;
}

.rb-readd-btn[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
    border-radius: 7px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    color: #5263ff;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.rb-readd-btn:hover[b-bn1wi9xj0z] {
    background: #f5f6ff;
    border-color: #c7cbff;
}

/* ── Centered / placeholder states ── */
.rb-centered[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 24px;
}

.rb-placeholder[b-bn1wi9xj0z] {
    flex-direction: column;
    text-align: center;
    font-size: 13px;
    color: #94a3b8;
    background-color: #f1f5f9cc;
}

/* ── Save button (sidebar footer) ── */
.rb-sidebar-footer[b-bn1wi9xj0z] {
    padding: 12px 16px;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.rb-save-btn[b-bn1wi9xj0z] {
    width: 100%;
    height: 42px;
    justify-content: center;
}

/* ── Map area ── */
.rb-map-area[b-bn1wi9xj0z] {
    flex: 1;
    position: relative;
    min-height: 0;
    overflow: hidden;
}

.rb-map-area[b-bn1wi9xj0z]  .wm-map-wrapper,
.rb-map-area[b-bn1wi9xj0z]  .wm-map-wrapper > div {
    height: 100%;
}

/* ── Map overlays ── */
.rb-map-overlay[b-bn1wi9xj0z] {
    position: absolute;
    top: 12px;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.rb-map-overlay--left[b-bn1wi9xj0z] {
    left: 12px;
}

.rb-map-overlay--right[b-bn1wi9xj0z] {
    right: 56px;
    gap: 8px;
    align-items: center;
}

/* ── Existing routes button / dropdown ── */
.rb-routes-btn-wrap[b-bn1wi9xj0z] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    user-select: none;
    padding: 6px 6px;
    border-radius: 10px;
    border: 1.5px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
    font-size: 13px;
    font-weight: 500;
    color: #1e293b;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(30, 41, 59, 0.08);
    transition: border-color 0.15s;
}

.rb-overlay-btn[b-bn1wi9xj0z] {
    border: none;
    height: 16px;
    width: 16px;
    background:none;
}

.rb-routes-dropdown[b-bn1wi9xj0z] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 380px;
    border: 1.5px solid #1E293B0F;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(30, 41, 59, 0.12);
    overflow: hidden;
    z-index: 20;
    background-color: #F1F5F9CC;
    backdrop-filter: blur(16px);
    display: flex;
    flex-direction: column;
    /* Nearly full height: viewport minus popup header, body padding, the trigger
       button above the dropdown, and breathing room at the bottom. */
    max-height: calc(100vh - 190px);
}

.rb-routes-search[b-bn1wi9xj0z] {
    padding: 12px 12px 0 12px;
    flex-shrink: 0;
}

.rb-routes-dropdown-header[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    border-bottom: 1px solid #1E293B0F;
    background-color: #FFFFFF8F;
}

.rb-routes-dropdown-title[b-bn1wi9xj0z] {
    font-size: 15px;
    font-weight: 700;
    color: #475569;
    line-height:24px;
    letter-spacing:-0.2px;
}

.rb-show-all-btn[b-bn1wi9xj0z] {
    font-size: 12px;
    font-weight: 500;
    color: #5263ff;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.rb-routes-list-wrapper[b-bn1wi9xj0z] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
}

.rb-route-row[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius:16px;
    transition: background 0.1s;
    box-shadow: 0px 20px 20px -12px #1E293B08, 0px 3px 3px -1.5px #1E293B08, 0px 1px 1px -0.5px #1E293B08;
    border: 1px solid #1E293B17;
    background-color:white;
}

.rb-route-row:last-child[b-bn1wi9xj0z] {
    border-bottom: none;
}

.rb-route-row:hover[b-bn1wi9xj0z] {
    background: #f8fafc;
}

.rb-route-color-dot[b-bn1wi9xj0z] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.rb-route-info[b-bn1wi9xj0z] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex: 1;
    min-width: 0;
}

.rb-route-name[b-bn1wi9xj0z] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:20px;
    letter-spacing:-0.2px;
}

.rb-route-meta[b-bn1wi9xj0z] {
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.rb-route-heading[b-bn1wi9xj0z] {
    font-size: 13px;
    font-weight: 600;
    color: #363AF5;
    line-height: 24px;
    letter-spacing: -0.2px;
}

.rb-route-icon[b-bn1wi9xj0z] {
    width: 32px;
    height: 32px;
    background: #5263FF1F;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.rb-eye-btn[b-bn1wi9xj0z] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.rb-eye-btn:hover[b-bn1wi9xj0z] {
    background: #f5f6ff;
    border-color: #c7cbff;
}

.rb-eye-btn--active[b-bn1wi9xj0z] {
    background: #f0f1ff;
    border-color: #c7cbff;
}

/* ── Map loading overlay ── */
.rb-map-loading[b-bn1wi9xj0z] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    z-index: 10;
    color: #5263ff;
}

/* ── Sortable drag states ── */
.rlp-drag-ghost[b-bn1wi9xj0z] {
    opacity: 0.4;
}

.rlp-drag-chosen[b-bn1wi9xj0z] {
    background: #f8fafc;
}
/* /Pages/Routes/Components/RouteDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-m21xbr5ccg] {
  z-index: 1049 !important;
}

/* ── Right-side slide-in animation ─────────────────────────────────────── */
.routeDetailsSlider.right .modal-dialog[b-m21xbr5ccg] {
  position: fixed;
  margin: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 740px;
  width: 100%;
}

.routeDetailsSlider.right .modal-content[b-m21xbr5ccg] {
  height: 100vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

.routeDetailsSlider.right.fade .modal-dialog[b-m21xbr5ccg] {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.routeDetailsSlider.right.show .modal-dialog[b-m21xbr5ccg] {
  transform: translateX(0);
}

/* ── Header ──────────────────────────────────────────────────────────── */
.routeDetailsSlider .modal-header[b-m21xbr5ccg] {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
  background: #fff;
}

.routeDetailsSlider .rds-icon[b-m21xbr5ccg] {
  width: 48px;
  height: 48px;
  background: #eef0ff;
  border-radius: 10px;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-icon img[b-m21xbr5ccg] {
  width: 22px;
  height: 22px;
}

.routeDetailsSlider .rds-title[b-m21xbr5ccg] {
  font-size: 18px;
  font-weight: 800;
  color: #1e293b;
  margin: 0;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.routeDetailsSlider .rds-duplicate-btn[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px 12px;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

.routeDetailsSlider .rds-duplicate-btn:hover[b-m21xbr5ccg] {
  background: #e2e8f0;
}

/* ── Tabs container ───────────────────────────────────────────────────── */
.routeDetailsSlider .rds-tabs-container[b-m21xbr5ccg] {
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
}

.routeDetailsSlider .multi-tabs[b-m21xbr5ccg] {
  gap: 6px;
  background-color: #f1f5f9cc;
  border: 1px #1e293b08 solid;
  border-radius: 16px;
  padding: 6px;
}

.routeDetailsSlider .multi-tabs button.tab[b-m21xbr5ccg] {
  padding: 6px;
  background-color: transparent;
  border: 1px transparent solid;
  border-radius: 10px;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  width: 100%;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, box-shadow, background-color, border-color, color;
}

.routeDetailsSlider .multi-tabs button.tab.active[b-m21xbr5ccg] {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1),
    rgba(248, 250, 252, 1)
  );
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 4px 10px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: var(--dark-txt);
  transform: scale(1.015);
}

.routeDetailsSlider .multi-tabs button.tab:hover[b-m21xbr5ccg] {
  color: var(--dark-txt);
  transform: translateY(-1px) scale(1.01);
}

/* ── Body / scrollable content ───────────────────────────────────────── */
.routeDetailsSlider .rds-body[b-m21xbr5ccg] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 0 !important;
}

.routeDetailsSlider .rds-content[b-m21xbr5ccg] {
  /* padding: 12px 24px; */
  min-height: 100%;
}

/* ── Section header ──────────────────────────────────────────────────── */
.routeDetailsSlider .rds-section-header[b-m21xbr5ccg] {
  padding: 12px 24px;
  border-bottom: 1px solid #1e293b17;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.routeDetailsSlider .rds-section-title[b-m21xbr5ccg] {
  font-size: 15px;
  font-weight: 800;
  color: var(--dark-txt);
  margin: 0;
}

.routeDetailsSlider .rds-section-details[b-m21xbr5ccg] {
  padding: 16px 24px;
}

/* ── Saved drive estimate (Locations tab) ────────────────────────────── */
/* Two-up cards across the full sidebar width, matching the road builder's stats grid. */
.rds-route-stats[b-m21xbr5ccg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 12px 24px 0;
  letter-spacing: -0.2px;
}

.rds-stat-box[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 12px 16px;
  border-radius: 16px;
  background: #f1f5f9;
}

.rds-stat-label[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
}

.rds-stat-value[b-m21xbr5ccg] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Edit button ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-edit-btn[b-m21xbr5ccg] {
  gap: 2px;
  padding: 8px 10px;
  /* border: 1px #1E293B17 solid; */
  border: none;
  border-radius: 10px;
  outline: none;
  height: 32px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.rds-edit-btn-text[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--white);
  padding: 0px 4px;
}

.routeDetailsSlider .rds-edit-btn:hover[b-m21xbr5ccg] {
  opacity: 0.9;
}

/* ── Detail grid ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-detail-grid[b-m21xbr5ccg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  background: #fff;
}

.routeDetailsSlider .rds-detail-item[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.routeDetailsSlider .rds-detail-label[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.routeDetailsSlider .rds-detail-value[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-color-dot[b-m21xbr5ccg] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-type-badge[b-m21xbr5ccg] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #363af5;
  background: #5263ff1f;
  border-radius: 8px;
  padding: 4px 8px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

/* ── Work types section ──────────────────────────────────────────────── */
.routeDetailsSlider .rds-work-types[b-m21xbr5ccg] {
  padding: 14px 16px;
  background: #fff;
}

.routeDetailsSlider .rds-wt-badge[b-m21xbr5ccg] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #363af5;
  background: #5263ff1f;
  border-radius: 8px;
  padding: 4px 8px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

/* ── Settings rows (view mode) ───────────────────────────────────────── */
.routeDetailsSlider .rds-settings[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.routeDetailsSlider .rds-settings-group-title[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 800;
  color: var(--dark-txt);
  margin: 0;
}

.routeDetailsSlider .rds-settings-group-title--spaced[b-m21xbr5ccg] {
  margin-top: 12px;
}

.routeDetailsSlider .rds-setting-row[b-m21xbr5ccg] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: none;
  border-radius: 16px;
  background-color: #f1f5f9;
}

.routeDetailsSlider .rds-setting-info[b-m21xbr5ccg] {
  flex: 1;
  min-width: 0;
}

.routeDetailsSlider .rds-setting-title[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 700;
  color: var(--dark-txt);
  margin: 0 0 2px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-setting-desc[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  margin: 0;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-badge[b-m21xbr5ccg] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-badge.enabled[b-m21xbr5ccg] {
  color: #338732;
  background: #409b3f1f;
}

.routeDetailsSlider .rds-badge.disabled[b-m21xbr5ccg] {
  color: #475569;
  background: #ffffff;
  border: 1px solid #1e293b17;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.routeDetailsSlider .rds-badge-neutral[b-m21xbr5ccg] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: var(--dark-txt);
  background: #f1f5f9;
  border-radius: 6px;
  padding: 4px 10px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Edit form inputs ────────────────────────────────────────────────── */
.routeDetailsSlider .rds-edit-label[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

.routeDetailsSlider .rds-required[b-m21xbr5ccg] {
  color: var(--orange);
}

.routeDetailsSlider .rds-edit-input[b-m21xbr5ccg] {
  height: 40px;
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.routeDetailsSlider .rds-edit-input:focus[b-m21xbr5ccg] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.routeDetailsSlider .rds-edit-input[b-m21xbr5ccg]::placeholder {
  color: #cccccc;
}

.routeDetailsSlider .rds-validation-msg[b-m21xbr5ccg] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange, #f97316);
}

/* ── Toggle rows (edit mode) ─────────────────────────────────────────── */

.routeDetailsSlider .det-toggle-switch[b-m21xbr5ccg] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.routeDetailsSlider .det-toggle-switch input[b-m21xbr5ccg] {
  opacity: 0;
  width: 0;
  height: 0;
}

.routeDetailsSlider .det-toggle-slider[b-m21xbr5ccg] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.routeDetailsSlider .det-toggle-slider[b-m21xbr5ccg]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.routeDetailsSlider .det-toggle-switch input:checked + .det-toggle-slider[b-m21xbr5ccg] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.routeDetailsSlider
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-m21xbr5ccg]:before {
  transform: translateX(18px);
  background: #fff;
}

.routeDetailsSlider
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-m21xbr5ccg]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ── Delete button ───────────────────────────────────────────────────── */
.routeDetailsSlider .rds-delete-btn[b-m21xbr5ccg] {
  background-color: rgba(223, 41, 23, 1); /* Surface/danger_high_em */
  color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  /* Gradient border effect */
  background-image:
    linear-gradient(rgba(223, 41, 23, 1), rgba(223, 41, 23, 1)),
    linear-gradient(to bottom, rgba(30, 41, 59, 0.09), rgba(30, 41, 59, 0.18));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  /* Shadow + elevation */
  box-shadow:
    0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
    0 4px 24px rgba(0, 0, 0, 0.15);
  /* Optional blur effect (for glass feel) */
  backdrop-filter: blur(24px);
  transition: all 0.2s ease;
}

.routeDetailsSlider .rds-delete-btn:hover:not(:disabled)[b-m21xbr5ccg] {
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.2),
    0 6px 30px rgba(0, 0, 0, 0.2);
}

.routeDetailsSlider .rds-delete-btn:disabled[b-m21xbr5ccg] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Empty state ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-empty-state[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 20px;
  text-align: center;
}

.routeDetailsSlider .rds-empty-state p[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #64748b);
  margin: 0;
}

/* ── Info banner ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-info-banner[b-m21xbr5ccg] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  background: #f1f5f9;
  color: #475569;
}

.routeDetailsSlider .rds-info-banner p[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 20px;
  color: #475569;
  letter-spacing: -0.2px;
}

/* ── Add driver button ───────────────────────────────────────────────── */
.routeDetailsSlider .rds-add-driver-btn[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 6px 12px;
  height: 32px;
  cursor: pointer;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.routeDetailsSlider .rds-add-driver-btn:hover[b-m21xbr5ccg] {
  opacity: 0.9;
}

/* ── Drivers list ────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-drivers-list[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border-bottom: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-driver-row[b-m21xbr5ccg] {
  padding: 12px 24px;
  border-bottom: 1px solid #f1f5f9;
}

.routeDetailsSlider .rds-driver-row:last-child[b-m21xbr5ccg] {
  border-bottom: none;
}

.rds-driver-info[b-m21xbr5ccg] {
  flex: 1;
}

.routeDetailsSlider .rds-driver-name[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  margin: 0;
  display: flex;
  flex-direction: column;
  max-width: 160px;
}

.routeDetailsSlider .rds-driver-phone[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #475569);
  margin: 0;
  white-space: nowrap;
  min-width: 130px;
  flex: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.routeDetailsSlider .rds-driver-email[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #475569);
  margin: 0;
  white-space: nowrap;
  min-width: 160px;
  text-align: right;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.routeDetailsSlider .rds-remove-driver-btn[b-m21xbr5ccg] {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #df2917;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  transition: color 0.12s;
}

.routeDetailsSlider .rds-remove-driver-btn:hover[b-m21xbr5ccg] {
  filter: brightness(2);
}

/* ── Footer (edit mode) ──────────────────────────────────────────────── */
.routeDetailsSlider .rds-footer[b-m21xbr5ccg] {
  padding: 14px 20px;
  display: flex;
  gap: 16px;
  border-top: 1px solid #f1f5f9;
  background: #fff;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-cancel-btn[b-m21xbr5ccg] {
  flex: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.15s;
}

.routeDetailsSlider .rds-cancel-btn:hover:not(:disabled)[b-m21xbr5ccg] {
  background: #e2e8f0;
}

.routeDetailsSlider .rds-cancel-btn:disabled[b-m21xbr5ccg] {
  opacity: 0.6;
  cursor: not-allowed;
}

.routeDetailsSlider .rds-save-btn[b-m21xbr5ccg] {
  flex: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--purple, #5263ff);
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(79, 91, 213, 0.3);
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.15s;
}

.routeDetailsSlider .rds-save-btn:hover:not(:disabled)[b-m21xbr5ccg] {
  background: #4250e0;
}

.routeDetailsSlider .rds-save-btn:disabled[b-m21xbr5ccg] {
  opacity: 0.7;
  cursor: not-allowed;
}

.routeDetailsSlider .icon-button-div[b-m21xbr5ccg] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* ── Locations tab ── */
.routeDetailsSlider .rds-loc-empty-banner[b-m21xbr5ccg] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #475569;
}

.routeDetailsSlider .rds-loc-empty-banner p[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.routeDetailsSlider .rds-loc-list[b-m21xbr5ccg] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.routeDetailsSlider .rds-loc-item[b-m21xbr5ccg] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-bottom: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-loc-item:first-child[b-m21xbr5ccg] {
  border-top: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-loc-item:hover[b-m21xbr5ccg] {
  background: #5263ff1f;
}

.routeDetailsSlider .rds-loc-num[b-m21xbr5ccg] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f1f5f9cc;
  border: 1px solid #1e293b0f;
  font-size: 15px;
  font-weight: 700;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Location rows (actual locations, e.g. all ByStops rows) use a round badge; road points stay square. */
.routeDetailsSlider .rds-loc-num--round[b-m21xbr5ccg] {
  border-radius: 50%;
}

.routeDetailsSlider .rds-loc-info[b-m21xbr5ccg] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.routeDetailsSlider .rds-loc-name[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 20px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.routeDetailsSlider .rds-loc-addr[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.rds-button-text[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
}

/* ── Duplicate-route confirmation popup ─────────────────────────────────────
   Rendered outside the slider container, so these rules are not prefixed with
   .routeDetailsSlider. Mirrors the New Route popup's label/input styling. */
.rds-dup-label[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

.rds-dup-required[b-m21xbr5ccg] {
  color: var(--orange, #f97316);
}

.rds-dup-input[b-m21xbr5ccg] {
  width: 100%;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  height: 42px;
}

.rds-dup-input:focus[b-m21xbr5ccg],
.rds-dup-input:focus-within[b-m21xbr5ccg] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

/* ── Dispatches table ───────────────────────────────────────────────────── */
/* The slider is a fixed 740px, so the table has to fit — long values wrap instead
   of pushing the row into a horizontal scroll. */
.routeDetailsSlider .rds-dispatch-table-wrap[b-m21xbr5ccg] {
  overflow: hidden;
  border: 1px solid #1e293b0f;
  border-radius: 16px;
}

.routeDetailsSlider .rds-dispatch-table[b-m21xbr5ccg] {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.routeDetailsSlider .rds-dispatch-table th[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table td[b-m21xbr5ccg] {
  padding: 10px 12px;
  color: var(--dark-txt);
  font-size: 12px;
  font-weight: 600;
  text-align: left;
  border-right: 1px solid #1e293b0f;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

/* Planned / dispatched timestamps and the stop count stay on one line; the wider
   text columns take the wrapping. */
.routeDetailsSlider .rds-dispatch-table th:nth-child(1)[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table td:nth-child(1)[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table th:nth-child(2)[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table td:nth-child(2)[b-m21xbr5ccg] { width: 110px; }

.routeDetailsSlider .rds-dispatch-table th:nth-child(5)[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table td:nth-child(5)[b-m21xbr5ccg] { width: 104px; }

.routeDetailsSlider .rds-dispatch-table th:nth-child(6)[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table td:nth-child(6)[b-m21xbr5ccg] { width: 56px; }

.routeDetailsSlider .rds-dispatch-table th[b-m21xbr5ccg] {
  background: #f1f5f9;
  font-size: 13px;
  font-weight: 700;
}

.routeDetailsSlider .rds-dispatch-table td:last-child[b-m21xbr5ccg],
.routeDetailsSlider .rds-dispatch-table th:last-child[b-m21xbr5ccg] { border-right: 0; }
.routeDetailsSlider .rds-dispatch-table tbody tr:nth-child(even)[b-m21xbr5ccg] { background: #f8fafc; }
.routeDetailsSlider .rds-dispatch-row[b-m21xbr5ccg] { cursor: pointer; }
.routeDetailsSlider .rds-dispatch-row:hover[b-m21xbr5ccg] { background: #eef2ff !important; }

/* Dispatched by: company on top, the user below when we are allowed to name them. */
.routeDetailsSlider .rds-dispatch-company[b-m21xbr5ccg] {
  display: block;
}

.routeDetailsSlider .rds-dispatch-user[b-m21xbr5ccg] {
  display: block;
  color: var(--gray-txt);
  font-size: 11px;
  font-weight: 600;
}

.routeDetailsSlider .rds-dispatch-empty[b-m21xbr5ccg] {
  padding: 24px !important;
  color: var(--gray-txt) !important;
  font-weight: 500 !important;
  text-align: center !important;
}

.routeDetailsSlider .rds-dispatch-status[b-m21xbr5ccg] {
  display: inline-flex;
  padding: 3px 7px;
  border-radius: 7px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.routeDetailsSlider .rds-dispatch-status.completed[b-m21xbr5ccg] { color: #338732; background: #dff4df; }
.routeDetailsSlider .rds-dispatch-status.in-progress[b-m21xbr5ccg] { color: #363af5; background: #eaecff; }
.routeDetailsSlider .rds-dispatch-status.planned[b-m21xbr5ccg] { color: #a16207; background: #fef3c7; }
.routeDetailsSlider .rds-dispatch-status.cancelled[b-m21xbr5ccg] { color: #475569; background: #e2e8f0; }

/* ── Dispatches tab filters ──────────────────────────────────────────────
   The popup renders outside the slider container, so like the duplicate-route
   popup these rules are not prefixed with .routeDetailsSlider. */
.rds-dispatch-filters[b-m21xbr5ccg] {
  padding: 16px 20px;
  padding-top: 0;
}

.rds-filter-label[b-m21xbr5ccg] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

.routeDetailsSlider .rds-dispatch-filter-dot[b-m21xbr5ccg] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #5263ff;
}
/* /Pages/Routes/Components/RouteLocationsPopup.razor.rz.scp.css */
.rlp-body[b-8rlemmxlk0] {
  padding: 16px;
  background-color: #f1f5f9;
}

.rlp-loading[b-8rlemmxlk0] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(660px, calc(100dvh - 320px));
}

/* ── Two-column layout ── */
/* Capped to the viewport so the popup (incl. footer) never needs page scrolling */
.rlp-columns[b-8rlemmxlk0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-height: min(640px, calc(100dvh - 320px));
  min-height: min(640px, calc(100dvh - 320px));
  height: 100%;
}

/* ── Panel ── */
.rlp-panel[b-8rlemmxlk0] {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  max-height: 640px;
  height: 100%;
}

.rlp-panel-header[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
  gap: 8px;
  height: 56px;
}

.rlp-panel-title[b-8rlemmxlk0] {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  line-height: 24px;
  letter-spacing: -0.2px;
}

/* ── Search ── */
.rlp-search-wrap[b-8rlemmxlk0] {
  flex: 1;
}

/* ── Filter row ── */
.rlp-filter-row[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 16px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
}

.rlp-filter-check[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  cursor: pointer;
  white-space: nowrap;
}

.rlp-filter-from[b-8rlemmxlk0] {
  min-width: 180px;
}

/* ── Route tags ── */
.rlp-route-tags[b-8rlemmxlk0] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.rlp-route-tag[b-8rlemmxlk0] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 1px 8px;
  border-radius: 8px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
  font-weight: 600;
}

.rlp-route-tag-dot[b-8rlemmxlk0] {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* ── Lists ── */
.rlp-list[b-8rlemmxlk0] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  background-color: #ffffff;
}

.rlp-empty[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
}

/* ── Added location item ── */
.rlp-added-item[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  cursor: default;
  background: #fff;
  transition: background 0.12s;
}

.rlp-added-item:last-child[b-8rlemmxlk0] {
  border-bottom: none;
}

.rlp-added-item:hover[b-8rlemmxlk0] {
  background: #f8fafc;
}

/* SortableJS drag states */
.rlp-drag-ghost[b-8rlemmxlk0] {
  opacity: 0.3 !important;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
}

.rlp-drag-chosen[b-8rlemmxlk0] {
  background: #f8fafc !important;
}

.rlp-drag-dragging[b-8rlemmxlk0] {
  background: #ffffff !important;
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  opacity: 0.95 !important;
}

.rlp-item-num[b-8rlemmxlk0] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #F1F5F9CC;
  border: 1px solid #1E293B0F;
  font-size: 15px;
  font-weight: 700;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ── All location item ── */
.rlp-all-item[b-8rlemmxlk0] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  background: #fff;
  transition: background 0.12s;
}

.rlp-all-item:last-child[b-8rlemmxlk0] {
  border-bottom: none;
}

.rlp-all-item:hover[b-8rlemmxlk0] {
  background: #f8fafc;
}

.rlp-all-item--added[b-8rlemmxlk0] {
  opacity: 0.55;
}

.rlp-loc-icon[b-8rlemmxlk0] {
  color: #94a3b8;
  flex-shrink: 0;
}

/* ── Item text ── */
.rlp-item-info[b-8rlemmxlk0] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.rlp-item-name[b-8rlemmxlk0] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 20px;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 448px;
}

.rlp-item-addr[b-8rlemmxlk0] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 448px;
}

/* ── Buttons ── */
.rlp-remove-btn[b-8rlemmxlk0] {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #ef4444;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    color 0.12s;
  background-color: #ed40301f;
}

.rlp-remove-btn:hover[b-8rlemmxlk0] {
  background: #fef2f2;
  color: #dc2626;
}

.rlp-add-btn[b-8rlemmxlk0] {
  width: 32px;
  height: 32px;
  border: none;
  background: #fff;
  color: #5263ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    border-color 0.12s;
  background-color: #5263ff1f;
}

.rlp-add-btn:hover[b-8rlemmxlk0] {
  background: #eef0ff;
  border-color: #5263ff;
}

.rlp-added-badge[b-8rlemmxlk0] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #f0fdf4;
  color: #16a34a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rlp-drag-handle[b-8rlemmxlk0] {
  color: #cbd5e1;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 2px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b0f;
  border-radius: 8px;
}

.rlp-drag-handle:hover[b-8rlemmxlk0] {
  color: #94a3b8;
  background: #E2E8F0CC;
}

.rlp-drag-handle:active[b-8rlemmxlk0] {
  cursor: grabbing;
}

.rlp-restore-btn[b-8rlemmxlk0] {
  width: 32px;
  height: 32px;
  border: none;
  background: #fff;
  color: #5263ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    border-color 0.12s;
  background-color: #5263ff1f;
}

.rlp-restore-btn:hover[b-8rlemmxlk0] {
  background: #eef0ff;
  border-color: #5263ff;
}

.rlp-footer[b-8rlemmxlk0] {
  display: flex;
  justify-content: flex-end; /* push buttons to right */
  align-items: center;
  gap: 16px; /* space between buttons */
  width: 100%;
  margin: 0px;
}
/* /Pages/Routes/Routes.razor.rz.scp.css */
.title-button[b-zsvfw4t1pf] {
	/*height: 40px;
	width: 194px;*/
	padding:4px 10px;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--white);
	border: none;
	outline: none;
	/* border: 1px transparent solid; */
	border-radius: 10px;
	background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
	backdrop-filter: blur(24px);
	box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
}

.title-button img[b-zsvfw4t1pf] {
	height: 18px;
}

.title-button .badgee[b-zsvfw4t1pf] {
	height: 18px;
	width: 18px;
	background-color: var(--white);
	border: 1px #1E293B17 solid;
	box-shadow: 0 2px 1.5px -0.5px #1E293B08;
	color: var(--gray-txt);
	border-radius: 6px;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.title-button:hover[b-zsvfw4t1pf] {
	opacity: 0.9;
}

.menu-backdrop[b-zsvfw4t1pf] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999;
}

/* ─── Route color dot ──────────────────────────────────────────────────────── */
.route-color-dot[b-zsvfw4t1pf] {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 99999px;
  flex-shrink: 0;
}

/* ─── Route name ───────────────────────────────────────────────────────────── */
.route-name-text[b-zsvfw4t1pf] {
  font-size: 13px;
  font-weight: 800;
  color: var(--dark-txt);
  margin: 0;
  line-height: 20px;
  letter-spacing: -0.2px;
}

/* ─── Contractor own badge ─────────────────────────────────────────────────── */
.contractor-own-badge[b-zsvfw4t1pf] {
  font-size: 12px;
  font-weight: 600;
  color: #363AF5;
  background-color: #5263FF1F;
  border-radius: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  border: none;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.contractor-other-badge[b-zsvfw4t1pf] {
	font-size: 12px;
	font-weight: 600;
	color: #1E293B;
	background-color: #F1F5F9CC;
	border-radius: 8px;
	padding: 4px 8px;
	white-space: nowrap;
	border: 1px solid #1E293B08;
	line-height: 16px;
	letter-spacing: -0.2px;
}

/* ─── Count badge (locations / drivers) ────────────────────────────────────── */
.route-location-badge[b-zsvfw4t1pf] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: fit-content;
	background-color: #5263FF1F;
	border: none;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #363AF5;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.route-driver-badge[b-zsvfw4t1pf] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: fit-content;
	background-color: #06B1F11F;
	border: none;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #0071A7;
	line-height: 16px;
	letter-spacing: -0.2px;
}

/* ─── Warning icon column ──────────────────────────────────────────────────── */
.routes-icon-col[b-zsvfw4t1pf] {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  padding-right: 16px !important;
}

.route-warning-icon[b-zsvfw4t1pf] {
  width: 20px;
  height: 20px;
  display: block;
}

/* ─── Filter select button ─────────────────────────────────────────────────── */
.route-filter-select button[b-zsvfw4t1pf] {
  white-space: nowrap;
}
/* /Pages/Shifts/Components/ManageShiftPopup.razor.rz.scp.css */
.cu-body-wrap[b-eebhi78fln] {
    padding: 20px;
    background: #f1f5f9;
}

.red[b-eebhi78fln] {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.2px;
    color: var(--orange);
}

.shift-date-time[b-eebhi78fln] {
    display: flex;
    width: 100%;
    border-radius: 10px;
}

.shift-date[b-eebhi78fln] {
    flex: 1;
}

.shift-time[b-eebhi78fln] {
    width: 70px;
}

.shift-date-time[b-eebhi78fln] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #1E293B1F;
    border-radius: 10px;
    background: #fff;
    background-color: var(--white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.shift-date-time:focus[b-eebhi78fln],
.shift-date-time:focus-within[b-eebhi78fln] {
    box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.shift-date-time:hover:not(.disabled)[b-eebhi78fln] {
    border-color: #eaecff !important;
}

.shift-date-time.disabled[b-eebhi78fln] {
    background: transparent !important;
    box-shadow: initial !important;
    cursor: not-allowed !important;
}

.shift-date-time-divider[b-eebhi78fln] {
    width: 1px;
    align-self: stretch;
    background-color: #1E293B1F;
    flex-shrink: 0;
}

/* ::deep .wm-calendar-container.shift-date {
    width: fit-content !important;
} */

[b-eebhi78fln] .shift-date .wm-calendar-input {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 40px !important;
    white-space: nowrap;
    outline: none !important;
}

[b-eebhi78fln] .shift-date .wm-calendar-input:focus {
    box-shadow: none !important;
}

[b-eebhi78fln] .wm-time-container.shift-time {
    width: fit-content !important;
}

[b-eebhi78fln] .shift-time .wm-time-input {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    outline: none !important;
}

[b-eebhi78fln] .shift-time .wm-time-input:focus {
    box-shadow: none !important;
}

.det-toggle-item[b-eebhi78fln] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.det-toggle-switch[b-eebhi78fln] {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 28px;
    background: linear-gradient( 180deg, rgba(226, 232, 240, 1) 0%, rgba(248, 250, 252, 1) 100% );
    border-radius: 50px;
    padding: 3px;
    flex-shrink: 0;
}

    .det-toggle-switch input[b-eebhi78fln] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.det-toggle-slider[b-eebhi78fln] {
    position: absolute;
    cursor: pointer;
    border-radius: 30px;
    background-color: #d3dde8;
    transition: 0.3s;
    height: 22px;
    width: 40px;
}

    .det-toggle-slider[b-eebhi78fln]:before {
        content: "";
        position: absolute;
        height: 18px;
        width: 18px;
        left: 2px;
        top: 2px;
        border-radius: 1000px;
        background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
        border: 3.5px solid #f9fbfc;
        box-shadow: 0 2px 4px rgba(0,0,0,.15);
        transition: .3s;
    }

.det-toggle-switch input:checked + .det-toggle-slider[b-eebhi78fln] {
    background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

    .det-toggle-switch input:checked + .det-toggle-slider[b-eebhi78fln]:before {
        transform: translateX(18px);
        background: #fff;
    }

    .det-toggle-switch input:checked + .det-toggle-slider[b-eebhi78fln]:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 7.5px;
        width: 11px;
        height: 11px;
        background-image: url("../img/icons/toggle-check-icon.svg");
        background-size: contain;
        background-repeat: no-repeat;
    }

.det-toggle-label[b-eebhi78fln] {
    font-size: 15px;
    font-weight: 600;
    color: var(--dark-txt);
}
/* /Pages/Shifts/Shifts.razor.rz.scp.css */
.shift-page .main-table[b-qatbhe7tzc] {
    background: #FFFFFF;
    border: 1px solid #EBECED;
    border-radius: 20px;
    overflow: hidden;
}

.shift-page .table-title[b-qatbhe7tzc] {
    padding: 16px;
    border-bottom: 1px solid #EBECED;
}

.shift-page .main-content .table-title .top-bagge .bagge[b-qatbhe7tzc] {
    padding: 8px;
    border-radius: 8px;
    gap: 4px;
}

    .shift-page .main-content .table-title .top-bagge .bagge.green[b-qatbhe7tzc] {
        background-color: #409B3F1F;
    }

    .shift-page .main-content .table-title .top-bagge .bagge.yellow[b-qatbhe7tzc] {
        background-color: #FFC30A1F;
    }

    .shift-page .main-content .table-title .top-bagge .bagge img[b-qatbhe7tzc] {
        width: 14px;
        height: 14px;
    }

    .shift-page .main-content .table-title .top-bagge .bagge p[b-qatbhe7tzc] {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
    }

    .shift-page .main-content .table-title .top-bagge .bagge.green p[b-qatbhe7tzc] {
        color: #4D9B3F;
    }

    .shift-page .main-content .table-title .top-bagge .bagge.yellow p[b-qatbhe7tzc] {
        color: #C58B00;
    }

    .shift-page .main-content .table-title .top-bagge .bagge p span[b-qatbhe7tzc] {
        font-weight: 600;
    }

.shift-page .shift-table[b-qatbhe7tzc] {
    margin-bottom: 0;
}

    .shift-page .shift-table thead th[b-qatbhe7tzc] {
        background: #F8FAFC;
        border: none;
        padding: 16px 20px;
        font-size: 12px;
        font-weight: 600;
        color: #667085;
        text-transform: uppercase;
        white-space: nowrap;
        vertical-align: middle;
    }

    .shift-page .shift-table tbody td[b-qatbhe7tzc] {
        padding: 20px;
        border-top: 1px solid #F1F5F9;
        vertical-align: middle;
    }

.shift-page .profile.blue[b-qatbhe7tzc] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 50%;
    background: #6366F1;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
}

.shift-page .profile-txt h6[b-qatbhe7tzc] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
}

.shift-page .profile-txt span[b-qatbhe7tzc] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shift-page .bagee[b-qatbhe7tzc] {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    width: max-content;
    gap: 4px;
}

    .shift-page .bagee.green[b-qatbhe7tzc] {
        background-color: #409B3F1F;
        color: #4D9B3F;
    }

    .shift-page .bagee.yellow[b-qatbhe7tzc] {
        background-color: #FFC30A1F;
        color: #C58B00;
    }

    .shift-page .bagee.archive[b-qatbhe7tzc] {
        background-color: #F1F5F9CC;
        color: #1E293B;
        border: 1px solid #1E293B08;
    }

.shift-page .archive-bagge[b-qatbhe7tzc] {
    padding: 6px 10px;
    border-radius: 999px;
    background: #F2F4F7;
    width: fit-content;
    gap: 4px;
}

    .shift-page .archive-bagge p[b-qatbhe7tzc] {
        margin: 0;
        font-size: 13px;
    }

.shift-page .shift-table tbody tr:hover[b-qatbhe7tzc] {
    background: #FAFAFA;
}

.shift-page .table-responsive[b-qatbhe7tzc] {
    overflow-x: auto;
}

.shift-page .filter-btn[b-qatbhe7tzc] {
    display: flex;
    align-items: center;
    gap: 8px;
    /* Matches the shared title-bar button scale (32px / 12px / 8px radius). */
    height: 32px;
    padding: 4px 8px;
    border-radius: 8px;
    border: 1px solid #1E293B17;
    background: #F1F5F9;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: #344054;
    cursor: pointer;
}

    .shift-page .filter-btn img[b-qatbhe7tzc] {
        width: 16px;
        height: 16px;
    }

    .shift-page .filter-btn:hover[b-qatbhe7tzc] {
        background: #EAEFF5;
    }

.filter-popup[b-qatbhe7tzc] {
    width: 360px;
    background: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
}

.filter-header[b-qatbhe7tzc] {
    padding: 8px 16px 8px 16px;
    border-bottom: 1px solid #EBECED;
}

    .filter-header h6[b-qatbhe7tzc] {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 24px;
        color: var(--dark-txt);
        letter-spacing: -0.2px;
    }

.filter-body[b-qatbhe7tzc] {
    padding: 16px;
}

.filter-group[b-qatbhe7tzc] {
    margin-bottom: 16px;
}

    .filter-group label[b-qatbhe7tzc] {
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.2px;
        color: var(--gray-txt);
        margin-bottom: 4px;
    }

.status-buttons[b-qatbhe7tzc] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.status-chip[b-qatbhe7tzc] {
    border: none;
    background: #F2F4F7;
    border-radius: 1000px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 600;
    color: #344054;
    transition: all 0.15s;
}

    .status-chip.active[b-qatbhe7tzc] {
        background: #5263FF1F;
        color: var(--purple-2);
    }

    .status-chip:hover:not(.active)[b-qatbhe7tzc] {
        background: #aab2ff1f;
        color: var(--purple-2);
    }

.filter-footer[b-qatbhe7tzc] {
    padding: 12px 16px;
    border-top: 1px solid #EBECED;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.reset-btn[b-qatbhe7tzc] {
    border: none;
    background: transparent;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}

.dispatch .main-content .data-left-right .main-table table tr td p[b-qatbhe7tzc] {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.cu-contractors-checkbox[b-qatbhe7tzc] {
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
    padding: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
    background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
    border: 2.5px solid #d9dee3 !important;
    backdrop-filter: blur(24px) !important;
    box-shadow:
        0px 1px 1px -0.5px #1e293b08,
        0px 3px 3px 0px #ffffff1f inset !important;
    flex-shrink: 0 !important;
}

    .cu-contractors-checkbox.checked[b-qatbhe7tzc],
    .cu-contractors-checkbox.mixed[b-qatbhe7tzc] {
        background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
        color: white !important;
        backdrop-filter: blur(24px) !important;
        box-shadow:
            0px 1px 1px -0.5px #1e293b08,
            0px 3px 3px 0px #ffffff1f inset !important;
        border: none !important;
    }

    .cu-contractors-checkbox.mixed[b-qatbhe7tzc] {
        background: #D1D8FA !important;
        color: #5263FF !important;
    }

.cu-contractors-checkbox-icon[b-qatbhe7tzc] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cu-contractors-checkbox:disabled[b-qatbhe7tzc],
.cu-contractors-checkbox.disabled[b-qatbhe7tzc] {
    opacity: 0.6;
    cursor: not-allowed;
}

.selected-row[b-qatbhe7tzc] {
    padding: 8px 16px;
}

.selected-count[b-qatbhe7tzc] {
    font-size: 13px;
    font-weight: 500;
    color: #64748B;
    display: flex;
    align-items: center;
    gap: 6px;
}

.filter-chip[b-qatbhe7tzc] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 8px 12px;
    border-radius: 8px;
    background: rgba(82, 99, 255, 0.12);
}

.filter-chip-text[b-qatbhe7tzc] {
    color: #363AF5;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.filter-chip-close[b-qatbhe7tzc] {
    width: 10px;
    height: 10px;
    cursor: pointer;
    object-fit: contain;
}

.shift-note[b-qatbhe7tzc] {
    /* width: 20%; */
    min-width: 180px;
    max-width: 180px;
}

    .shift-note p[b-qatbhe7tzc] {
        margin: 0;
        white-space: normal;
        word-break: break-word;
        overflow-wrap: anywhere;
        line-height: 20px;
    }

.lgs-btn-icon[b-qatbhe7tzc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    transition: background 0.12s, transform 0.2s;
    flex-shrink: 0;
}

    .lgs-btn-icon:hover[b-qatbhe7tzc] {
        background: #f1f5f9;
    }

.shift-menu-item.danger[b-qatbhe7tzc] {
    color: #ef4444;
}

    .shift-menu-item.danger:hover[b-qatbhe7tzc] {
        background: #fff5f5 ;
    }

.shift-menu-item.success[b-qatbhe7tzc] {
    color: #2E8B39;
}

    .shift-menu-item.success:hover[b-qatbhe7tzc] {
        background: #409B3F1F;
    }

.shift-action-menu[b-qatbhe7tzc] {
    min-width: 135px;
    padding: 6px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.shift-menu-item[b-qatbhe7tzc] {
    width: 100%;
    height: 40px;
    padding: 4px 16px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 16px;
}

    .shift-menu-item.active[b-qatbhe7tzc] {
        background: #EEF0FF;
        color: #475569;
    }

    .shift-menu-item.success[b-qatbhe7tzc] {
        color: #2E8B39;
    }

    .shift-menu-item.danger[b-qatbhe7tzc] {
        color: #E42B1D;
    }

    .shift-menu-item:hover[b-qatbhe7tzc] {
        background: #EEF0FF;
    }
/* /Pages/TermsAndConditions.razor.rz.scp.css */
.terms-page[b-a8bql2x5hs] {
    padding: 96px 0 64px;
    background: #fff;
}

.terms-container[b-a8bql2x5hs] {
    max-width: 768px;
    margin: 0 auto;
    padding: 0 24px;
}

.terms-title[b-a8bql2x5hs] {
    font-size: 36px;
    font-weight: 700;
    color: var(--dark-txt);
    margin-bottom: 16px;
}

.terms-updated[b-a8bql2x5hs] {
    font-size: 14px;
    color: #6B7280;
    margin-bottom: 12px;
}

.terms-intro[b-a8bql2x5hs] {
    font-size: 16px;
    line-height: 1.7;
    color: #6B7280;
    margin-bottom: 32px;
}

.terms-section[b-a8bql2x5hs] {
    margin-bottom: 32px;
}

.terms-heading[b-a8bql2x5hs] {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-txt);
    margin-bottom: 16px;
}

.terms-text[b-a8bql2x5hs] {
    font-size: 16px;
    line-height: 1.7;
    color: #6B7280;
    white-space: pre-line;
}
/* /Pages/Users/Components/CreateUserPopup.razor.rz.scp.css */
/* ── Input focus override (matches design system: indigo ring) ───────────── */
.form-control:focus[b-8kvl6as2zv] {
  border-color: #5263ff;
  box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.1);
}

.form-control.is-invalid:focus[b-8kvl6as2zv] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.cu-body-wrap[b-8kvl6as2zv] {
  padding: 20px;
  background: #f1f5f9;
}

/* ── Share with contractors box ──────────────────────────────────────────── */
.cu-contractors-box[b-8kvl6as2zv] {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.cu-contractors-header[b-8kvl6as2zv] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
  border-bottom: 1px solid #1e293b0f;
}

.cu-contractors-count[b-8kvl6as2zv] {
  color: #64748b;
  font-weight: 500;
  font-size: 12px;
}

.cu-contractors-list[b-8kvl6as2zv] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c3c8cf transparent;
}

.cu-contractors-item[b-8kvl6as2zv] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  cursor: pointer;
  font-size: 13px;
  color: #1e293b;
  margin: 0;
  user-select: none;
}

.cu-contractors-item:hover[b-8kvl6as2zv] {
  background-color: #eef0ff;
}

.cu-contractors-checkbox[b-8kvl6as2zv] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.cu-contractors-checkbox.checked[b-8kvl6as2zv] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.cu-contractors-checkbox-icon[b-8kvl6as2zv] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: initial !important;
  line-height: initial !important;
  letter-spacing: initial !important;
  color: white !important;
}

.phone-group[b-8kvl6as2zv] {
    width: 100% !important;
    height: fit-content !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1E293B1F !important;
    border-radius: 10px !important;
    background: #fff !important;
    background-color: var(--white) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
}

    .phone-group:focus[b-8kvl6as2zv],
    .phone-group:focus-within[b-8kvl6as2zv] {
        box-shadow: 0 0 0 0.2rem #dce0ff !important;
    }

    .phone-group input:focus[b-8kvl6as2zv],
    .phone-group input:focus-within[b-8kvl6as2zv] {
        box-shadow: none !important;
    }

    .phone-group:hover:not(.disabled)[b-8kvl6as2zv] {
        border-color: #eaecff !important;
    }

    .phone-group.disabled[b-8kvl6as2zv] {
        background: transparent !important;
        box-shadow: initial !important;
        cursor: not-allowed !important;
    }

.phone-group-divider[b-8kvl6as2zv] {
    width: 1px !important;
    height: 40px !important;
    background-color: #1E293B1F;
    flex-shrink: 0 !important;
}

.phone-input[b-8kvl6as2zv] {
    flex: 1 !important;
    height: 40px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    min-width: 0 !important;
    border-radius: 0px !important;
}

    .phone-input[b-8kvl6as2zv]::placeholder {
        color: #cccccc !important;
    }

[b-8kvl6as2zv] .dropdown:has(> .user-phone-code) {
    width: fit-content !important;
    height: 40px !important;
    display: flex !important;
    align-items: stretch !important;
}

[b-8kvl6as2zv] .user-phone-code {
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 40px !important;
    width: 100px !important;
    white-space: nowrap;
    border: none !important;
}

    [b-8kvl6as2zv] .user-phone-code:focus {
        box-shadow: none !important;
    }
/* /Pages/Users/Components/UserDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-4uhx9dd7el] {
  z-index: 1049 !important;
}

/* ── User details slider ─────────────────────────────────────────────────── */
.userDetailsSlider.right .modal-dialog[b-4uhx9dd7el] {
    position: fixed;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 740px;
    width: 100%;
}

.userDetailsSlider.right .modal-content[b-4uhx9dd7el] {
    height: 100vh;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    border: none;
}

.userDetailsSlider.right.fade .modal-dialog[b-4uhx9dd7el] {
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.userDetailsSlider.right.show .modal-dialog[b-4uhx9dd7el] {
    transform: translateX(0);
}
/* ── End user details slider ─────────────────────────────────────────────── */


/* ── Shell ───────────────────────────────────────────────────────────────── */
.uds-shell[b-4uhx9dd7el] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #F8FAFC;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.uds-header[b-4uhx9dd7el] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px;
    background: #fff;
    border-bottom: 1px solid #EBECED;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.uds-header-identity[b-4uhx9dd7el] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

    .uds-header-identity > div[b-4uhx9dd7el] {
        min-width: 0;
    }

.uds-name[b-4uhx9dd7el] {
    font-size: 18px;
    font-weight: 800;
    color: #1E293B;
    margin: 0 0 2px;
    letter-spacing: -0.2px;
    line-height: 24px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.uds-role[b-4uhx9dd7el] {
	font-size: 13px;
	font-weight: 600;
	color: #64748B;
	line-height: 20px;
	letter-spacing: -0.2px;
	margin: 0;
}

/* Header action buttons */
.uds-header-actions[b-4uhx9dd7el] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.uds-body[b-4uhx9dd7el] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 24px;
    background: #fff;
}

/* ── Details grid ────────────────────────────────────────────────────────── */
.uds-grid[b-4uhx9dd7el] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.uds-detail-item[b-4uhx9dd7el] {
    background: #F1F5F9;
    border: none;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 338px;
}

.uds-detail-label[b-4uhx9dd7el] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.uds-detail-value[b-4uhx9dd7el] {
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    letter-spacing: -0.2px;
}

/* ── Status badge inside grid ────────────────────────────────────────────── */
.uds-status-badge[b-4uhx9dd7el] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    width: max-content;
}
/* /Pages/Users/Users.razor.rz.scp.css */
/* ── Filter dropdowns ────────────────────────────────────────────────────── */
.users-filter-group[b-xewmhyu7b2] {
    flex-shrink: 0;
}

.users-filter-dropdown[b-xewmhyu7b2] {
    width: 140px;
}

/* ── Table layout ────────────────────────────────────────────────────────── */
.users-table[b-xewmhyu7b2] {
    table-layout: fixed;
    width: 100%;
}

.users-table thead th[b-xewmhyu7b2] {
    text-transform: uppercase;
}

/* ── Avatar circle ───────────────────────────────────────────────────────── */
.users-avatar[b-xewmhyu7b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background-clip: padding-box; 
    box-sizing: border-box;
}

.user-avtar-blue[b-xewmhyu7b2] {
    background-image: linear-gradient(180deg, #5263FF 0%, rgba(82, 99, 255, 0.2) 100%);
    border: 1px solid rgba(82, 99, 255, 0.3);
}

.user-avtar-orange[b-xewmhyu7b2] {
    background-image: linear-gradient(180deg, #F74E03 0%, rgba(247, 78, 3, 0.2) 100%);
    border: 1px solid rgba(247, 78, 3, 0.3);
}

.user-avtar-pink[b-xewmhyu7b2] {
    background-image: linear-gradient(180deg, #F83CE9 0%, rgba(248, 60, 233, 0.2) 100%);
    border: 1px solid rgba(248, 60, 233, 0.3);
}

.user-avtar-green[b-xewmhyu7b2] {
    background-image: linear-gradient(180deg, #409B3F 0%, rgba(64, 155, 63, 0.2) 100%);
    border: 1px solid rgba(64, 155, 63, 0.3);
}

.users-avatar-initials[b-xewmhyu7b2] {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
}

.users-avatar-fallback[b-xewmhyu7b2] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* ── Name & role ─────────────────────────────────────────────────────────── */
.users-name[b-xewmhyu7b2] {
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
    line-height: 20px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.users-role[b-xewmhyu7b2] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Muted cells ─────────────────────────────────────────────────────────── */
.users-cell-muted[b-xewmhyu7b2] {
    font-size: 13px;
    font-weight: 500;
    color: var(--dark-txt);
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ── Status badge ────────────────────────────────────────────────────────── */
.users-status-badge[b-xewmhyu7b2],
.users-status-badge-clickable[b-xewmhyu7b2] {
    display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.users-status-badge-clickable[b-xewmhyu7b2] {
    cursor: pointer;
}

.users-status-badge-clickable:hover[b-xewmhyu7b2] {
    opacity: 0.8;
}

.users-status-badge-clickable.disabled[b-xewmhyu7b2] {
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Origin badge ────────────────────────────────────────────────────────── */
.users-origin-badge[b-xewmhyu7b2],
.users-origin-badge-alter[b-xewmhyu7b2] {
    display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    background-color: #EEF0FF;
    color: #4F46E5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.users-origin-badge-alter[b-xewmhyu7b2] {
    background-color: #F1F5F9CC;
    border: 1px solid #1E293B08;
    color: #1E293B;
}

/* ── Action cell ─────────────────────────────────────────────────────────── */
.users-action-cell[b-xewmhyu7b2] {
    text-align: center;
}

.users-view-btn[b-xewmhyu7b2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
}
/* /Pages/ZoneMap/Components/ZoneListCard.razor.rz.scp.css */
.zm-zone-card[b-ey18zmphu8] {
	border: 1px solid #1E293B17;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	border-radius: 24px;
	padding: 16px;
	background: #FFFFFF;
	cursor: pointer;
	transition: box-shadow 0.15s;
}

	.zm-zone-card:hover[b-ey18zmphu8] {
		box-shadow: 0px 3px 6px -1px #1E293B12;
	}

.zm-zone-card--expanded[b-ey18zmphu8] {
	border-color: #1E293B1F;
}

/* ── Zone header row ── */
.zm-zone-row[b-ey18zmphu8] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.zm-zone-dot[b-ey18zmphu8] {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	flex-shrink: 0;
}

.zm-zone-name[b-ey18zmphu8] {
	flex: 1;
	font-size: 15px;
	font-weight: 700;
	color: #1E293B;
	line-height: 24px;
	letter-spacing: -0.2px;
}

/* ── Action buttons ── */
.zm-zone-actions[b-ey18zmphu8] {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.zm-icon-btn[b-ey18zmphu8] {
	background: none;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748B;
	line-height: 1;
	width: 24px;
	height: 24px;
}

	.zm-icon-btn:hover[b-ey18zmphu8] {
		background: #F1F5F9;
	}

.zm-loc-badge[b-ey18zmphu8] {
	background: #5263FF1F;
	color: #363AF5;
	font-size: 12px;
	font-weight: 600;
	border-radius: 8px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 16px;
	letter-spacing: -0.2px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.zm-btn-chevron[b-ey18zmphu8] {
	background: none;
	border: none;
	cursor: pointer;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.2s ease;
	width: 24px;
	height: 24px;
}

	.zm-btn-chevron:hover[b-ey18zmphu8] {
		background: #F1F5F9;
	}

.zm-btn-chevron--up svg[b-ey18zmphu8] {
	transform: rotate(180deg);
}

/* ── Expanded location sub-list ── */
.zm-loc-sublist[b-ey18zmphu8] {
	margin-top: 12px;
}

.zm-loc-empty[b-ey18zmphu8] {
	padding: 10px 12px;
	font-size: 12px;
	color: #94A3B8;
	border-top: 1px solid #F1F5F9;
	margin-top: 12px;
}

.zm-loc-item[b-ey18zmphu8] {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 10px 8px;
	cursor: pointer;
	transition: background 0.1s;
	border-radius: 16px;
}

	.zm-loc-item:last-child[b-ey18zmphu8] {
		border-bottom: none;
	}

	.zm-loc-item:hover[b-ey18zmphu8] {
		background: #5263FF1F;
	}

.zm-loc-item--active[b-ey18zmphu8] {
	background: #EFF6FF;
}

.zm-loc-icon[b-ey18zmphu8] {
	flex-shrink: 0;
	margin-top: 1px;
}

.zm-loc-text[b-ey18zmphu8] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.zm-loc-addr[b-ey18zmphu8] {
	font-size: 13px;
}

.zm-loc-sub[b-ey18zmphu8] {
	color: #475569;
}

/* ── Dots dropdown menu ── */
.zm-dropdown-menu[b-ey18zmphu8] {
	min-width: 96px;
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.zm-menu-item[b-ey18zmphu8] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	font-size: 13px;
	font-weight: 500;
	border: none;
	border-radius: 16px;
	background: transparent;
	cursor: pointer;
	text-align: left;
	transition: background 0.12s;
	white-space: nowrap;
	height:40px;
}

.zm-menu-item--gray[b-ey18zmphu8] {
	color: #475569;
}

	.zm-menu-item--gray:hover[b-ey18zmphu8] {
		background-color: #5263FF1F;
	}

.zm-menu-item--red[b-ey18zmphu8] {
	color: #DF2917;
}

	.zm-menu-item--red:hover[b-ey18zmphu8] {
		background: #fff5f5;
	}
/* /Pages/ZoneMap/ZoneMap.razor.rz.scp.css */
.zm-main-content[b-tj9eppjin3] {
	height: 100vh;
	display: flex;
	flex-direction: column;
}

/* Fullscreen (via the map's fullscreen button). The fullscreen target stays
   .zm-main-content so the create/edit and delete popups — which render inside
   it but outside .zm-layout — keep working; these rules restyle it so only the
   map shows edge-to-edge, with the zone panel floating on top. */
.zm-main-content:fullscreen[b-tj9eppjin3] {
	background: #F8FAFC;
}

	.zm-main-content:fullscreen .main-titlee[b-tj9eppjin3] {
		display: none;
	}

	.zm-main-content:fullscreen .zm-layout[b-tj9eppjin3] {
		margin: 0;
		padding: 0;
		border: none;
		border-radius: 0;
		position: relative;
	}

	.zm-main-content:fullscreen .zm-left-panel[b-tj9eppjin3] {
		position: absolute;
		top: 16px;
		left: 16px;
		bottom: 16px;
		z-index: 5;
		box-shadow: 0 8px 24px rgba(30, 41, 59, 0.16);
	}

	.zm-main-content:fullscreen .zm-map-area[b-tj9eppjin3] {
		border-radius: 0;
	}

	/* Stand in for Bootstrap's backdrop, which lives on <body> and therefore
	   doesn't render while an inner element is fullscreen. */
	.zm-main-content:fullscreen[b-tj9eppjin3]  .modal.show {
		background: rgba(30, 41, 59, 0.4);
	}

/* ── Full-height two-column layout ── */
.zm-layout[b-tj9eppjin3] {
	display: flex;
	flex: 1;
	min-height: 0;
	overflow: hidden;
	margin: 24px;
	padding: 16px;
	gap: 16px;
	border: 1px solid #1E293B0F;
	box-shadow: 0px 20px 20px -12px #1E293B08;
	box-shadow: 0px 3px 3px -1.5px #1E293B08;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	background-color: #FFFFFF;
	border-radius: 28px;
}

/* ── Left panel ── */
.zm-left-panel[b-tj9eppjin3] {
	width: 374px;
	min-width: 300px;
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	border-right: 1px solid #E2E8F0;
	background: #fff;
	overflow: hidden;
	background-color: #F1F5F9;
	border: 1px solid #1E293B0F;
	border-radius: 16px;
}

.zm-panel-top[b-tj9eppjin3] {
	padding: 16px;
	border-bottom: 1px solid #E2E8F0;
	flex-shrink: 0;
	gap: 10px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #1E293B17;
}

.zm-state-center[b-tj9eppjin3] {
	flex: 1;
	min-height: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5263FF;
}

.zm-map-loading[b-tj9eppjin3] {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F8FAFC;
	border-radius: 16px;
	color: #5263FF;
}

/* ── Zone list ── */
.zm-zone-list[b-tj9eppjin3] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	background-color: #F1F5F9;
	scrollbar-width: none;
}

.zm-zone-card[b-tj9eppjin3] {
	border: 1px solid #E2E8F0;
	border-radius: 8px;
	overflow: hidden;
	background: #FFFFFF;
	border: 1px solid #1E293B17;
	box-shadow: 0px 20px 20px -12px #1E293B08;
	box-shadow: 0px 3px 3px -1.5px #1E293B08;
	box-shadow: 0px 1px 1px -0.5px #1E293B08;
	border-radius: 24px;
	padding: 20px;
}

.zm-zone-row[b-tj9eppjin3] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.zm-zone-dot[b-tj9eppjin3] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	flex-shrink: 0;
}

.zm-zone-name[b-tj9eppjin3] {
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	color: #1E293B;
	line-height: 1.4;
}

.zm-zone-actions[b-tj9eppjin3] {
	display: flex;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
}

.zm-icon-btn[b-tj9eppjin3] {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #64748B;
	line-height: 1;
	height:24px;
	width:24px;
}

	.zm-icon-btn:hover[b-tj9eppjin3] {
		background: #F1F5F9;
	}

.zm-loc-badge[b-tj9eppjin3] {
	background: #F1F5F9;
	color: #475569;
	font-size: 12px;
	font-weight: 600;
	border-radius: 99px;
	padding: 2px 8px;
	min-width: 24px;
	text-align: center;
	line-height: 1.6;
	gap: 2px;
	padding: 4px 6px;
}

/* ── Location sub-list ── */
.zm-loc-sublist[b-tj9eppjin3] {
	border-top: 1px solid #F1F5F9;
}

.zm-loc-empty[b-tj9eppjin3] {
	padding: 10px 12px;
	font-size: 12px;
	color: #94A3B8;
	border-top: 1px solid #F1F5F9;
}

.zm-loc-item[b-tj9eppjin3] {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 10px 12px;
	cursor: pointer;
	transition: background 0.1s;
	border-bottom: 1px solid #F8FAFC;
}

	.zm-loc-item:last-child[b-tj9eppjin3] {
		border-bottom: none;
	}

	.zm-loc-item:hover[b-tj9eppjin3] {
		background: #F8FAFC;
	}

.zm-loc-item--active[b-tj9eppjin3] {
	background: #EFF6FF;
}

.zm-loc-icon[b-tj9eppjin3] {
	flex-shrink: 0;
	margin-top: 1px;
}

.zm-loc-text[b-tj9eppjin3] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.zm-loc-addr[b-tj9eppjin3] {
	font-size: 13px;
	color: #1E293B;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.zm-loc-sub[b-tj9eppjin3] {
	font-size: 12px;
	color: #64748B;
}

/* ── Right panel: map ── */
.zm-map-area[b-tj9eppjin3] {
	flex: 1;
	position: relative;
	overflow: hidden;
	min-width: 0;
	border-radius: 16px;
}

	/* Cascade 100% height into WMMap's wrapper chain */
	.zm-map-area[b-tj9eppjin3]  .wm-map-wrapper,
	.zm-map-area[b-tj9eppjin3]  .wm-map-wrapper > div {
		height: 100%;
	}

	.zm-map-area[b-tj9eppjin3]  .wm-map-container {
		border-radius: 0;
	}

/* ── Location detail card ── */
.zm-detail-card[b-tj9eppjin3] {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 280px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 24px rgba(30, 41, 59, 0.14);
	z-index: 10;
	overflow: hidden;
}

.zm-detail-header[b-tj9eppjin3] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	font-weight: 600;
	font-size: 14px;
	color: #1E293B;
	border-bottom: 1px solid #EBECED;
}

.zm-detail-close[b-tj9eppjin3] {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: 4px;
	display: flex;
	align-items: center;
}

	.zm-detail-close:hover[b-tj9eppjin3] {
		background: #F1F5F9;
	}

.zm-detail-body[b-tj9eppjin3] {
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.zm-detail-section[b-tj9eppjin3] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.zm-detail-label[b-tj9eppjin3] {
	font-size: 12px;
	color: #64748B;
}

.zm-detail-name[b-tj9eppjin3] {
	font-size: 14px;
	font-weight: 600;
	color: #1E293B;
}

.zm-detail-addr[b-tj9eppjin3] {
	font-size: 13px;
	color: #475569;
}

.zm-detail-value[b-tj9eppjin3] {
	font-size: 13px;
	font-weight: 500;
	color: #1E293B;
}

.zm-detail-zones[b-tj9eppjin3] {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 2px;
}

.zm-detail-zone-row[b-tj9eppjin3] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.zm-detail-zone-dot[b-tj9eppjin3] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

/* ── Inline create-zone overlays (on the main map) ── */
.zm-create-overlay[b-tj9eppjin3] {
	position: absolute;
	z-index: 10;
}

.zm-create-form-overlay[b-tj9eppjin3] {
	bottom: 10px;
	right: 10px;
	/* Never wider than the map area — on narrow screens the panel must shrink,
	   not slide under the zone list panel to the left. */
	max-width: calc(100% - 20px);
}

	.zm-create-form-overlay[b-tj9eppjin3]  .wm-colour-picker {
		flex-shrink: 0;
	}

	/* Compact swatch-only color button: just the color with padding, no chevron. */
	.zm-create-form-overlay[b-tj9eppjin3]  .wm-cp-btn {
		width: 40px !important;
		padding: 0 !important;
		justify-content: center !important;
		flex-shrink: 0;
	}

	.zm-create-form-overlay[b-tj9eppjin3]  .wm-cp-btn .bi {
		display: none;
	}

	.zm-create-form-overlay[b-tj9eppjin3]  .wm-cp-swatch-preview {
		width: 24px !important;
		height: 24px !important;
		border-radius: 6px !important;
	}

.zm-create-form-panel[b-tj9eppjin3] {
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(30, 41, 59, 0.1);
	padding: 14px 16px;
	display: flex;
	align-items: flex-end;
	gap: 12px;
}

.zm-create-form-field[b-tj9eppjin3] {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.zm-create-form-label[b-tj9eppjin3] {
	font-size: 13px;
	color: #475569;
	font-weight: 600;
	letter-spacing: -0.2px;
	line-height: 20px;
}

.zm-create-name-input[b-tj9eppjin3] {
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	padding: 7px 10px;
	font-size: 14px;
	color: #1E293B;
	outline: none;
	transition: border-color 0.15s;
	width: 100%;
	min-width: 120px;
	height: 40px;
}

	.zm-create-name-input:focus[b-tj9eppjin3] {
		box-shadow: 0 0 0 0.2rem #dce0ff;
	}

.zm-create-name-input--invalid[b-tj9eppjin3] {
	border-color: #ED3030;
}

.zm-create-action-btn[b-tj9eppjin3] {
	height: 40px;
	margin: 0;
	white-space: nowrap;
	flex-shrink: 0;
}

.zm-dropdown-menu[b-tj9eppjin3] {
	min-width: 96px;
	padding: 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.zm-menu-item[b-tj9eppjin3] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 10px;
	font-size: 13px;
	font-weight: 500;
	border: none;
	border-radius: 16px;
	background: transparent;
	cursor: pointer;
	text-align: left;
	transition: background 0.12s;
	white-space: nowrap;
	height: 40px;
	width: 89px;
}

.zm-menu-item--gray[b-tj9eppjin3] {
	color: #475569;
}

	.zm-menu-item--gray:hover[b-tj9eppjin3] {
		background-color: #5263FF1F;
	}

.zm-menu-item--red[b-tj9eppjin3] {
	color: #ef4444;
}

	.zm-menu-item--red:hover[b-tj9eppjin3] {
		background: #fff5f5;
	}