/* /Components/ContactPicker.razor.rz.scp.css */
.contact-picker-filters[b-75xtb92ohn] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto auto;
    gap: .5rem;
}

.contact-picker-summary[b-75xtb92ohn] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .9rem 0 .5rem;
    color: #53646f;
    font-size: .78rem;
}

.contact-picker-picked[b-75xtb92ohn] {
    padding: .15rem .5rem;
    border-radius: 4px;
    background: #eaf0f6;
    color: #002545;
}

/* The dialog scrolls its body, so the table keeps its header in view while the
   operator works down a long category. */
.contact-picker-table[b-75xtb92ohn] {
    max-height: 46vh;
    overflow-y: auto;
    border: 1px solid #e0e5e9;
    border-radius: 6px;
}

.contact-picker-table thead th[b-75xtb92ohn] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #eef2f7;
    color: #2c3f4c;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.contact-picker-table td[b-75xtb92ohn] {
    font-size: .8rem;
}

.contact-picker-tick[b-75xtb92ohn] {
    width: 38px;
    text-align: center;
}

.contact-picker-row-picked td[b-75xtb92ohn] {
    background: #f2f7fb;
}

@media (max-width: 820px) {
    .contact-picker-filters[b-75xtb92ohn] { grid-template-columns: 1fr; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.tracker-shell[b-90ag8vkph1]{display:flex;width:100%;height:100vh;overflow:hidden;background:#f3f5f7}.tracker-sidebar[b-90ag8vkph1]{width:210px;flex:0 0 210px;height:100vh;background-image:linear-gradient(180deg,#002B4A 0%,#001E36 100%);padding:1.15rem .75rem}
/* The checkbox lives inside NavMenu; :has() lets the parent react to it without JS. */
.tracker-sidebar:has(.nav-collapse-state:checked)[b-90ag8vkph1]{width:64px;flex:0 0 64px;min-width:0;overflow:hidden;padding-left:.35rem;padding-right:.35rem}.tracker-main[b-90ag8vkph1]{flex:1;min-width:0;height:100vh;background:#f3f5f7}.tracker-topbar[b-90ag8vkph1]{position:relative;z-index:1000;height:62px;display:flex;align-items:center;gap:1.15rem;padding:0 1rem 0 1.35rem;background:#002B4A;border-bottom:1px solid #001322;color:#fff}.tracker-topbar .navbar-brand[b-90ag8vkph1]{display:flex;align-items:baseline;gap:.28rem;color:#fff;text-decoration:none;white-space:nowrap}.tracker-topbar .navbar-brand span[b-90ag8vkph1]{font-size:.78rem;font-weight:500}.tracker-topbar .navbar-brand strong[b-90ag8vkph1]{color:#fff;font-size:.78rem;font-weight:500}.tracker-user-dropdown[b-90ag8vkph1]{position:relative;margin-left:auto;height:100%;display:flex;align-items:center}.tracker-user-toggle[b-90ag8vkph1]{min-width:154px;height:44px;display:flex;align-items:center;gap:.55rem;border:0;border-radius:8px;background:transparent;color:#fff;padding:0 .55rem;text-align:left}.tracker-user-toggle:hover[b-90ag8vkph1],.tracker-user-toggle[aria-expanded="true"][b-90ag8vkph1]{background:rgba(255,255,255,.15)}.tracker-user-avatar[b-90ag8vkph1]{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#002B4A;font-size:.67rem;font-weight:600}.tracker-user-summary[b-90ag8vkph1]{min-width:0;display:flex;flex:1;flex-direction:column}.tracker-user-summary strong[b-90ag8vkph1]{max-width:115px;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:.7rem;font-weight:500;white-space:nowrap}.tracker-user-summary small[b-90ag8vkph1]{color:rgba(255,255,255,.72);font-size:.56rem}.tracker-user-toggle>i[b-90ag8vkph1]{color:rgba(255,255,255,.8);font-size:.58rem}.tracker-user-menu[b-90ag8vkph1]{position:absolute;top:calc(100% + 1px);right:0;z-index:1200;width:250px;padding:.5rem;background:#fff;border:1px solid #d8dde2;border-radius:0 0 10px 10px;box-shadow:0 14px 32px rgba(20,33,45,.18);color:#263746}.tracker-user-menu-header[b-90ag8vkph1]{display:flex;align-items:center;gap:.7rem;margin-bottom:.35rem;padding:.65rem .65rem .8rem;border-bottom:1px solid #e8ebee}.tracker-user-menu-header div[b-90ag8vkph1]{display:flex;min-width:0;flex-direction:column}.tracker-user-menu-header small[b-90ag8vkph1]{color:#7b8791;font-size:.57rem;text-transform:uppercase;letter-spacing:.08em}.tracker-user-menu-header strong[b-90ag8vkph1]{overflow:hidden;text-overflow:ellipsis;font-size:.74rem;font-weight:500;white-space:nowrap}.tracker-user-menu-header div>span[b-90ag8vkph1]{color:#8c979f;font-size:.62rem}.tracker-user-menu .tracker-user-menu-item[b-90ag8vkph1]{display:flex;width:100%;align-items:center;gap:.7rem;border:0;border-radius:6px;background:#fff;color:#334754;text-align:left;text-decoration:none;padding:.7rem .75rem;white-space:nowrap;font-size:.72rem}.tracker-user-menu .tracker-user-menu-item>i:first-child[b-90ag8vkph1]{width:18px;color:#6783ad;text-align:center}.tracker-user-menu .tracker-user-menu-arrow[b-90ag8vkph1]{margin-left:auto;color:#9ba5ad;font-size:.58rem}.tracker-user-menu .tracker-user-menu-item:hover[b-90ag8vkph1],.tracker-user-menu .tracker-user-menu-item.active[b-90ag8vkph1]{background:#edf2f6;color:#004882}.tracker-user-menu form[b-90ag8vkph1]{margin:0;padding-top:.35rem;border-top:1px solid #e8ebee}.tracker-user-menu .tracker-user-logout>i:first-child[b-90ag8vkph1]{color:#a94442}.tracker-content[b-90ag8vkph1]{height:calc(100vh - 62px);overflow:auto;padding:1rem}.mobile-menu-button[b-90ag8vkph1],.mobile-menu[b-90ag8vkph1],.mobile-menu-overlay[b-90ag8vkph1]{display:none}.read-only-banner[b-90ag8vkph1]{position:fixed;right:1rem;bottom:1rem;z-index:900;padding:.45rem .75rem;border:1px solid #ffecb5;border-radius:.35rem;background:#fff3cd;color:#664d03;font-size:.72rem;box-shadow:0 2px 8px rgba(0,0,0,.15)}
@media(max-width:900px){.tracker-shell[b-90ag8vkph1]{display:block;overflow:hidden}.tracker-sidebar[b-90ag8vkph1]{display:none}.tracker-main[b-90ag8vkph1]{height:100vh}.tracker-topbar[b-90ag8vkph1]{height:58px;gap:.65rem;padding:0 .75rem;background:#002B4A}.tracker-content[b-90ag8vkph1]{height:calc(100vh - 58px);padding:.65rem}.mobile-menu-button[b-90ag8vkph1]{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;background:#002B4A;color:#fff}.tracker-topbar .navbar-brand[b-90ag8vkph1]{margin-right:auto}.tracker-user-toggle[b-90ag8vkph1]{min-width:0;width:42px;height:42px;padding:0;justify-content:center}.tracker-user-summary[b-90ag8vkph1],.tracker-user-toggle>i[b-90ag8vkph1]{display:none}.mobile-menu-overlay[b-90ag8vkph1]{position:fixed;inset:0;z-index:1300;display:block;border:0;background:rgba(0,24,43,.38)}.mobile-menu[b-90ag8vkph1]{position:fixed;inset:0 auto 0 0;z-index:1400;width:210px;display:block;overflow:auto;background-image:linear-gradient(180deg,#002B4A 0%,#001E36 100%);padding:1.15rem .75rem;box-shadow:12px 0 30px rgba(0,24,43,.25)}.tracker-user-menu[b-90ag8vkph1]{right:-.25rem}.read-only-banner[b-90ag8vkph1]{right:.65rem;bottom:.65rem;max-width:calc(100% - 1.3rem)}}
@media(max-width:480px){.tracker-topbar .navbar-brand span[b-90ag8vkph1]{display:none}.tracker-content[b-90ag8vkph1]{padding:.5rem}}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.side-navigation[b-vb9nmg2wlg]{height:100%;display:flex;flex-direction:column}.tracker-logo[b-vb9nmg2wlg]{flex:1 1 auto;min-width:0;height:62px;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.tracker-logo img[b-vb9nmg2wlg]{display:block;width:150px;max-width:82%;height:auto;margin:0 auto}.side-navigation-label[b-vb9nmg2wlg]{padding:0 .8rem .55rem;color:rgba(255,255,255,.48);font-size:.58rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.side-links[b-vb9nmg2wlg]{display:flex;flex-direction:column;gap:.18rem}.side-links[b-vb9nmg2wlg]  a{position:relative;min-height:2.5rem;display:flex;align-items:center;padding:.55rem .8rem;border-radius:4px;color:#d7d7d7;font-size:.85rem;text-decoration:none}.side-links[b-vb9nmg2wlg]  a:hover{background:rgba(2,136,209,.35);color:#fff}.side-links[b-vb9nmg2wlg]  a.active{background:#0288D1;color:#fff}
/* Icons sit in a fixed-width box so every label starts at the same x position, and
   so the icon stays centred once the labels are hidden. */
.side-links[b-vb9nmg2wlg]  .nav-ico{width:20px;flex:0 0 20px;margin-right:.6rem;font-size:.86rem;text-align:center}
.side-links[b-vb9nmg2wlg]  .nav-txt{overflow:hidden;white-space:nowrap}

/* Collapse control. The checkbox is the state; it is never shown. */
.nav-collapse-state[b-vb9nmg2wlg]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
/* The button is a flex item, not an overlay. Absolutely positioned over the logo's
   right edge it looked cramped against the image and had no room of its own. */
.nav-header[b-vb9nmg2wlg]{display:flex;align-items:center;gap:.35rem;margin:0 0 1.15rem}
.nav-collapse-btn[b-vb9nmg2wlg]{flex:0 0 32px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);font-size:.92rem;cursor:pointer;margin:0}
.nav-collapse-btn:hover[b-vb9nmg2wlg]{background:rgba(255,255,255,.15);color:#fff}
.nav-collapse-btn i[b-vb9nmg2wlg]{transition:transform .15s ease}

/* Collapsed state, driven entirely by the checkbox. */
.side-navigation:has(.nav-collapse-state:checked) .side-navigation-label[b-vb9nmg2wlg]{display:none}
.side-navigation:has(.nav-collapse-state:checked) .nav-header[b-vb9nmg2wlg]{flex-direction:column;gap:.5rem}
.side-navigation:has(.nav-collapse-state:checked) .nav-collapse-btn i[b-vb9nmg2wlg]{transform:rotate(180deg)}
.side-navigation:has(.nav-collapse-state:checked) .tracker-logo img[b-vb9nmg2wlg]{width:34px}
.side-navigation:has(.nav-collapse-state:checked) .side-links[b-vb9nmg2wlg]  a{justify-content:center;padding:.55rem 0}
.side-navigation:has(.nav-collapse-state:checked) .side-links[b-vb9nmg2wlg]  .nav-ico{margin-right:0}
.side-navigation:has(.nav-collapse-state:checked) .side-links[b-vb9nmg2wlg]  .nav-txt{display:none}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-qib3chydvq],
.components-reconnect-repeated-attempt-visible[b-qib3chydvq],
.components-reconnect-failed-visible[b-qib3chydvq],
.components-pause-visible[b-qib3chydvq],
.components-resume-failed-visible[b-qib3chydvq],
.components-rejoining-animation[b-qib3chydvq] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-retrying[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-failed[b-qib3chydvq],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-qib3chydvq] {
    display: block;
}


#components-reconnect-modal[b-qib3chydvq] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-qib3chydvq 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-qib3chydvq 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-qib3chydvq 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-qib3chydvq]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-qib3chydvq 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-qib3chydvq {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-qib3chydvq {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-qib3chydvq {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-qib3chydvq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-qib3chydvq] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-qib3chydvq] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-qib3chydvq] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-qib3chydvq] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-qib3chydvq] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-qib3chydvq] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-qib3chydvq 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-qib3chydvq] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-qib3chydvq {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TopModuleMenu.razor.rz.scp.css */
.tracker-module-navigation[b-1uo3epe5h1]{min-width:0;height:100%;display:flex;align-items:center;gap:.85rem}.tracker-module-title[b-1uo3epe5h1]{color:rgba(255,255,255,.9);font-size:.72rem;font-weight:600;white-space:nowrap}.tracker-module-divider[b-1uo3epe5h1]{width:1px;height:22px;background:rgba(255,255,255,.28)}.tracker-toplinks[b-1uo3epe5h1]{min-width:0;height:100%;display:flex;align-items:stretch;gap:.15rem}.tracker-toplinks>a[b-1uo3epe5h1],.tracker-top-dropdown-toggle[b-1uo3epe5h1]{height:100%;display:flex;align-items:center;gap:.35rem;padding:0 1rem;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:rgba(255,255,255,.75);font-size:.67rem;font-weight:400;line-height:1;text-decoration:none;white-space:nowrap}.tracker-toplinks>a:hover[b-1uo3epe5h1],.tracker-top-dropdown-toggle:hover[b-1uo3epe5h1]{background:transparent;color:#fff}.tracker-toplinks>a.active[b-1uo3epe5h1],.tracker-top-dropdown-toggle.active[b-1uo3epe5h1],.tracker-top-dropdown-toggle[aria-expanded="true"][b-1uo3epe5h1]{background:transparent;color:#fff;border-bottom-color:#fff}.tracker-top-dropdown[b-1uo3epe5h1]{position:relative;display:flex;align-items:stretch;height:100%}.tracker-top-dropdown-toggle i[b-1uo3epe5h1]{font-size:.52rem}.tracker-top-dropdown-menu[b-1uo3epe5h1]{position:absolute;top:calc(100% - 6px);left:0;z-index:1100;min-width:12rem;padding:.42rem;background:#fff;border:1px solid #dfe5e9;border-radius:8px;box-shadow:0 12px 28px rgba(20,33,45,.16)}.tracker-top-dropdown-menu a[b-1uo3epe5h1]{display:block;padding:.58rem .68rem;border-radius:6px;color:#425661;font-size:.67rem;text-decoration:none;white-space:nowrap}.tracker-top-dropdown-menu a:hover[b-1uo3epe5h1]{background:#edf2f6;color:#002545}.tracker-top-dropdown-menu a.active[b-1uo3epe5h1]{background:#496287;color:#fff}
@media(max-width:1100px){.tracker-toplinks>a[b-1uo3epe5h1],.tracker-top-dropdown-toggle[b-1uo3epe5h1]{padding:0 .6rem;font-size:.62rem}}
@media(max-width:900px){.tracker-module-navigation[b-1uo3epe5h1]{order:3;flex:1;justify-content:flex-end}.tracker-module-divider[b-1uo3epe5h1],.tracker-toplinks[b-1uo3epe5h1]{display:none}.tracker-module-title[b-1uo3epe5h1]{padding:.4rem .62rem;border-radius:6px;background:#496287;color:#fff;font-size:.67rem}}
@media(max-width:480px){.tracker-module-navigation[b-1uo3epe5h1]{display:none}}
/* /Components/PropertyVideoEditor.razor.rz.scp.css */
.property-video-editor[b-llvrrv12h6] { display: flex; flex-direction: column; gap: .6rem; }

.property-video-add[b-llvrrv12h6] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) auto; gap: .5rem; }

.property-video-message[b-llvrrv12h6] {
    padding: .45rem .7rem;
    border: 1px solid #f0c4c0;
    border-radius: 6px;
    background: #fdf3f2;
    color: #a5342c;
    font-size: .76rem;
}

.property-video-empty[b-llvrrv12h6] {
    padding: .8rem .9rem;
    border: 1px dashed #d7dde2;
    border-radius: 8px;
    background: #fbfcfd;
    color: #8a959d;
    font-size: .78rem;
}

.property-video-list[b-llvrrv12h6] { display: flex; flex-direction: column; gap: .5rem; margin: 0; padding: 0; list-style: none; }

.property-video-item[b-llvrrv12h6] {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .5rem;
    border: 1px solid #e0e5e9;
    border-radius: 8px;
    background: #fff;
}

.property-video-thumb[b-llvrrv12h6] {
    display: block;
    width: 108px;
    height: 61px;
    object-fit: cover;
    border-radius: 5px;
    background: #eef2f7;
}

.property-video-detail[b-llvrrv12h6] { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.property-video-detail code[b-llvrrv12h6] { color: #7b8791; font-size: .68rem; }

.property-video-actions[b-llvrrv12h6] { display: flex; gap: .3rem; }

.property-video-count[b-llvrrv12h6] { color: #96a0a8; font-size: .68rem; }

@media (max-width: 640px) {
    .property-video-add[b-llvrrv12h6] { grid-template-columns: 1fr; }
    .property-video-item[b-llvrrv12h6] { grid-template-columns: 84px minmax(0, 1fr); }
    .property-video-thumb[b-llvrrv12h6] { width: 84px; height: 47px; }
    .property-video-actions[b-llvrrv12h6] { grid-column: 1 / -1; justify-content: flex-end; }
}