/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9ba9okcmru] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9ba9okcmru] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/About.razor.rz.scp.css */
.ab[b-ggo8fgzsoc] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ab-container[b-ggo8fgzsoc] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
}

.ab-header[b-ggo8fgzsoc] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 20;
}

.ab-headrow[b-ggo8fgzsoc] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ab-logo[b-ggo8fgzsoc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ab-nav[b-ggo8fgzsoc] {
    display: flex;
    gap: 18px;
    margin-left: auto;
}

    .ab-nav a[b-ggo8fgzsoc] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ab-nav a.active[b-ggo8fgzsoc], .ab-nav a:hover[b-ggo8fgzsoc] {
            color: var(--g);
            font-weight: 600;
        }

.ab-cta[b-ggo8fgzsoc] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ab-center[b-ggo8fgzsoc] {
    display: flex;
    justify-content: center;
    padding: 70px 0;
}

.ab-hero[b-ggo8fgzsoc] {
    background: linear-gradient(135deg,#e6f2f2,#f4f6f8);
    padding: 44px 0 38px;
    border-bottom: 1px solid #e2e8f0;
}

.ab-h1[b-ggo8fgzsoc] {
    font-size: 2.2rem;
    font-weight: 800;
    color: #1a3c40;
}

.ab-sub[b-ggo8fgzsoc] {
    color: #5f6c72;
    margin-top: 8px;
    font-size: 1.02rem;
}

.ab-intro[b-ggo8fgzsoc] {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 34px;
    align-items: center;
    margin: 38px 0;
}

.ab-text p[b-ggo8fgzsoc] {
    color: #4a5568;
    line-height: 1.85;
    margin-bottom: 14px;
}

.ab-img[b-ggo8fgzsoc] {
    height: 300px;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 8px 26px rgba(0,0,0,.12);
}

.ab-stats[b-ggo8fgzsoc] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 16px rgba(0,0,0,.06);
    padding: 26px;
    margin-bottom: 44px;
}

.ab-stat[b-ggo8fgzsoc] {
    text-align: center;
}

.ab-statnum[b-ggo8fgzsoc] {
    font-size: 2.1rem;
    font-weight: 800;
    color: var(--g);
}

    .ab-statnum span[b-ggo8fgzsoc] {
        font-size: 1.2rem;
    }

.ab-statlbl[b-ggo8fgzsoc] {
    color: #8a949a;
    font-size: .84rem;
    margin-top: 2px;
}

.ab-h2[b-ggo8fgzsoc] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 18px;
}

.ab-features[b-ggo8fgzsoc] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 18px;
    margin-bottom: 44px;
}

.ab-feat[b-ggo8fgzsoc] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
}

.ab-featic[b-ggo8fgzsoc] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: #e6f2f2;
    color: var(--g);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.ab-feattitle[b-ggo8fgzsoc] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1.05rem;
}

.ab-featbody[b-ggo8fgzsoc] {
    color: #718096;
    font-size: .9rem;
    line-height: 1.65;
    margin-top: 6px;
}

.ab-cta-box[b-ggo8fgzsoc] {
    background: var(--g);
    border-radius: 16px;
    padding: 28px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 50px;
    flex-wrap: wrap;
}

    .ab-cta-box h3[b-ggo8fgzsoc] {
        color: #fff;
        font-size: 1.3rem;
        font-weight: 700;
    }

    .ab-cta-box p[b-ggo8fgzsoc] {
        color: rgba(255,255,255,.85);
        margin-top: 4px;
    }

.ab-ctabtn[b-ggo8fgzsoc] {
    background: #fff;
    color: var(--g);
    padding: 12px 28px;
    border-radius: 24px;
    text-decoration: none;
    font-weight: 600;
}

@media (max-width:900px) {
    .ab-intro[b-ggo8fgzsoc] {
        grid-template-columns: 1fr;
    }

    .ab-stats[b-ggo8fgzsoc] {
        grid-template-columns: repeat(2,1fr);
    }

    .ab-features[b-ggo8fgzsoc] {
        grid-template-columns: 1fr;
    }

    .ab-nav[b-ggo8fgzsoc] {
        display: none;
    }
}

@media (max-width:520px) {
    .ab-stats[b-ggo8fgzsoc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/AgentManage.razor.rz.scp.css */
.ad[b-m9vj7garo9] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad-container[b-m9vj7garo9] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad-header[b-m9vj7garo9] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ad-headrow[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad-logo[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad-nav[b-m9vj7garo9] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad-nav a[b-m9vj7garo9] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad-nav a.active[b-m9vj7garo9], .ad-nav a:hover[b-m9vj7garo9] {
            color: var(--g);
            font-weight: 600;
        }

.ad-user[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-uname[b-m9vj7garo9] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.ad-logout[b-m9vj7garo9] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad-top[b-m9vj7garo9] {
    margin: 28px 0 20px;
}

.ad-h1[b-m9vj7garo9] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ad-sub[b-m9vj7garo9] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.ad-center[b-m9vj7garo9] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ad-tabs[b-m9vj7garo9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ad-tab[b-m9vj7garo9] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ad-tab:hover[b-m9vj7garo9] {
        border-color: var(--g);
        color: var(--g);
    }

    .ad-tab.active[b-m9vj7garo9] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.ad-dot[b-m9vj7garo9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.ad-list[b-m9vj7garo9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ad-card[b-m9vj7garo9] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ad-card:hover[b-m9vj7garo9] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ad-thumb[b-m9vj7garo9] {
    background-size: cover;
    background-position: center;
    min-height: 150px;
}

.ad-body[b-m9vj7garo9] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ad-cardtop[b-m9vj7garo9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ad-title[b-m9vj7garo9] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ad-addr[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ad-status[b-m9vj7garo9] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ad-meta[b-m9vj7garo9] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ad-meta span[b-m9vj7garo9] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ad-foot[b-m9vj7garo9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.ad-price[b-m9vj7garo9] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ad-actions[b-m9vj7garo9] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-btn[b-m9vj7garo9] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ad-btn:hover:not(:disabled)[b-m9vj7garo9] {
        opacity: .88;
    }

    .ad-btn:disabled[b-m9vj7garo9] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ad-btn.outline[b-m9vj7garo9] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ad-btn.warn[b-m9vj7garo9] {
        background: #dd6b20;
    }

    .ad-btn.danger[b-m9vj7garo9] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

.ad-empty[b-m9vj7garo9] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad-empty p[b-m9vj7garo9] {
        margin: 14px 0 0;
    }

@media (max-width:800px) {
    .ad-card[b-m9vj7garo9] {
        grid-template-columns: 1fr;
    }

    .ad-thumb[b-m9vj7garo9] {
        height: 170px;
    }

    .ad-nav[b-m9vj7garo9] {
        display: none;
    }
}
/* Маягт */
.ag-form[b-m9vj7garo9] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 18px rgba(0,0,0,.09);
    padding: 22px 24px;
    margin-bottom: 18px;
    border-left: 4px solid var(--g);
}

.agf-head[b-m9vj7garo9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}

.agf-h[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a3c40;
}

.agf-close[b-m9vj7garo9] {
    background: none;
    border: none;
    color: #a0aec0;
    cursor: pointer;
    padding: 4px;
    display: flex;
}

    .agf-close:hover[b-m9vj7garo9] {
        color: #e53e3e;
    }

.agf-grid[b-m9vj7garo9] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px 16px;
}

.agf-full[b-m9vj7garo9] {
    grid-column: 1 / -1;
}

.ag-form[b-m9vj7garo9]  .mud-input-control {
    min-width: 0;
}

.agf-actions[b-m9vj7garo9] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 18px;
}

/* Шүүлтүүр */
.ag-filter[b-m9vj7garo9] {
    display: grid;
    grid-template-columns: 1fr 170px 170px auto;
    gap: 12px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 14px 16px;
    margin-bottom: 18px;
    align-items: center;
}

    .ag-filter[b-m9vj7garo9]  .mud-input-control {
        min-width: 0;
    }

/* Жагсаалт */
.ag-list[b-m9vj7garo9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.agc[b-m9vj7garo9] {
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 52px 1fr auto auto;
    gap: 16px;
    align-items: center;
}

    .agc.off[b-m9vj7garo9] {
        opacity: .62;
        background: #fafafa;
    }

.agc-ava[b-m9vj7garo9] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.25rem;
}

.agc.off .agc-ava[b-m9vj7garo9] {
    background: #a0aec0;
}

.agc-nameline[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.agc-name[b-m9vj7garo9] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1.02rem;
}

.agc-role[b-m9vj7garo9] {
    background: #edf2f7;
    color: #4a5568;
    font-size: .68rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 10px;
}

    .agc-role.admin[b-m9vj7garo9] {
        background: #e6f2f2;
        color: var(--g);
    }

.agc-off[b-m9vj7garo9] {
    background: #fed7d7;
    color: #9b2c2c;
    font-size: .68rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 10px;
}

.agc-contacts[b-m9vj7garo9] {
    display: flex;
    gap: 16px;
    color: #718096;
    font-size: .82rem;
    margin-top: 5px;
    flex-wrap: wrap;
}

    .agc-contacts span[b-m9vj7garo9] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.agc-stats[b-m9vj7garo9] {
    display: flex;
    gap: 18px;
}

    .agc-stats > div[b-m9vj7garo9] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.agc-num[b-m9vj7garo9] {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--g);
}

.agc-lbl[b-m9vj7garo9] {
    color: #a0aec0;
    font-size: .7rem;
}

.agc-actions[b-m9vj7garo9] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}

.agc-confirm[b-m9vj7garo9] {
    color: #dd6b20;
    font-size: .8rem;
    font-weight: 600;
}

/* Нууц үгийн хайрцаг */
.pw-box[b-m9vj7garo9] {
    position: sticky;
    bottom: 16px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #1a3c40;
    color: #fff;
    border-radius: 13px;
    padding: 16px 18px;
    margin: 20px 0 40px;
    box-shadow: 0 8px 26px rgba(0,0,0,.25);
}

.pw-lbl[b-m9vj7garo9] {
    font-size: .8rem;
    opacity: .8;
}

.pw-val[b-m9vj7garo9] {
    display: inline-block;
    background: rgba(255,255,255,.15);
    padding: 6px 14px;
    border-radius: 7px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .06em;
    margin: 5px 0;
    font-family: Consolas, monospace;
}

.pw-hint[b-m9vj7garo9] {
    font-size: .76rem;
    opacity: .7;
}

.pw-close[b-m9vj7garo9] {
    background: none;
    border: none;
    color: rgba(255,255,255,.7);
    cursor: pointer;
    margin-left: auto;
    padding: 2px;
    display: flex;
}

    .pw-close:hover[b-m9vj7garo9] {
        color: #fff;
    }

.ag-pager[b-m9vj7garo9] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 24px 0 50px;
}

.pg-btn[b-m9vj7garo9] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pg-btn.on[b-m9vj7garo9] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-m9vj7garo9] {
        opacity: .4;
        cursor: not-allowed;
    }

@media (max-width:1000px) {
    .agf-grid[b-m9vj7garo9] {
        grid-template-columns: 1fr 1fr;
    }

    .ag-filter[b-m9vj7garo9] {
        grid-template-columns: 1fr 1fr;
    }

    .agc[b-m9vj7garo9] {
        grid-template-columns: 52px 1fr;
    }

    .agc-stats[b-m9vj7garo9], .agc-actions[b-m9vj7garo9] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .ad-nav[b-m9vj7garo9] {
        display: none;
    }
}

@media (max-width:600px) {
    .agf-grid[b-m9vj7garo9], .ag-filter[b-m9vj7garo9] {
        grid-template-columns: 1fr;
    }
}

.agf-photo[b-m9vj7garo9] {
    padding-bottom: 20px;
    margin-bottom: 18px;
    border-bottom: 1px solid #edf2f7;
}

.agf-note[b-m9vj7garo9] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 12px 16px;
    color: #4a5568;
    font-size: .86rem;
    margin-bottom: 18px;
}

.agc-ava[b-m9vj7garo9] {
    overflow: hidden;
}

    .agc-ava img[b-m9vj7garo9] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.agc-initial[b-m9vj7garo9] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* /Components/Pages/Admin/AgentReport.razor.rz.scp.css */
.rp[b-l6nibwhy6d] {
    min-height: 100vh;
    background: #f7fafc;
}

.rp-container[b-l6nibwhy6d] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 16px 48px;
}

.rp-top[b-l6nibwhy6d] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.rp-h1[b-l6nibwhy6d] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1a202c;
    margin: 0;
}

.rp-sub[b-l6nibwhy6d] {
    color: #718096;
    margin: 4px 0 0;
    font-size: .95rem;
}

/* Toggle */
.rp-toggle[b-l6nibwhy6d] {
    display: inline-flex;
    background: #edf2f7;
    border-radius: 10px;
    padding: 4px;
    gap: 4px;
}

.rp-tbtn[b-l6nibwhy6d] {
    border: none;
    background: transparent;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 600;
    color: #4a5568;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .15s;
}

.rp-tbtn:hover[b-l6nibwhy6d] { color: #2d3748; }

.rp-tbtn.active[b-l6nibwhy6d] {
    background: #fff;
    color: #2c7a7b;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* Cards */
.rp-card[b-l6nibwhy6d] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 20px;
}

.rp-card-h[b-l6nibwhy6d] {
    font-weight: 600;
    color: #2d3748;
    margin-bottom: 14px;
    font-size: 1.05rem;
}

.rp-legend[b-l6nibwhy6d] {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 10px;
}

.rp-lg[b-l6nibwhy6d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .85rem;
    color: #4a5568;
}

.rp-dot[b-l6nibwhy6d] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    display: inline-block;
}

/* Table */
.rp-table-wrap[b-l6nibwhy6d] { overflow-x: auto; }

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

.rp-table th[b-l6nibwhy6d] {
    text-align: left;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #a0aec0;
    padding: 10px 12px;
    border-bottom: 2px solid #edf2f7;
}

.rp-table td[b-l6nibwhy6d] {
    padding: 12px;
    border-bottom: 1px solid #f1f5f9;
    color: #2d3748;
}

.rp-num[b-l6nibwhy6d] {
    text-align: right;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.rp-rank[b-l6nibwhy6d] { width: 48px; text-align: center; }

.rp-badge[b-l6nibwhy6d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #edf2f7;
    color: #4a5568;
    font-weight: 700;
    font-size: .85rem;
}

.rp-badge.gold[b-l6nibwhy6d]   { background: #f6e05e; color: #744210; }
.rp-badge.silver[b-l6nibwhy6d] { background: #e2e8f0; color: #2d3748; }
.rp-badge.bronze[b-l6nibwhy6d] { background: #f6ad55; color: #7b341e; }

.rp-agent[b-l6nibwhy6d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rp-ava[b-l6nibwhy6d] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
}

.rp-ava-ph[b-l6nibwhy6d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2c7a7b;
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
}

/* States */
.rp-center[b-l6nibwhy6d], .rp-empty[b-l6nibwhy6d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 60px 20px;
    color: #a0aec0;
}

@media (max-width: 640px) {
    .rp-top[b-l6nibwhy6d] { align-items: stretch; }
    .rp-toggle[b-l6nibwhy6d] { width: 100%; }
    .rp-tbtn[b-l6nibwhy6d] { flex: 1; justify-content: center; }
}
/* /Components/Pages/Admin/Closures.razor.rz.scp.css */
.ad[b-6vzfptn187] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad-container[b-6vzfptn187] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad-header[b-6vzfptn187] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ad-headrow[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad-logo[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad-nav[b-6vzfptn187] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad-nav a[b-6vzfptn187] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad-nav a.active[b-6vzfptn187], .ad-nav a:hover[b-6vzfptn187] {
            color: var(--g);
            font-weight: 600;
        }

.ad-user[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-uname[b-6vzfptn187] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.ad-logout[b-6vzfptn187] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad-top[b-6vzfptn187] {
    margin: 28px 0 20px;
}

.ad-h1[b-6vzfptn187] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ad-sub[b-6vzfptn187] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.ad-center[b-6vzfptn187] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ad-tabs[b-6vzfptn187] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ad-tab[b-6vzfptn187] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ad-tab:hover[b-6vzfptn187] {
        border-color: var(--g);
        color: var(--g);
    }

    .ad-tab.active[b-6vzfptn187] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.ad-dot[b-6vzfptn187] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.ad-list[b-6vzfptn187] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ad-card[b-6vzfptn187] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ad-card:hover[b-6vzfptn187] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ad-thumb[b-6vzfptn187] {
    background-size: cover;
    background-position: center;
    min-height: 150px;
}

.ad-body[b-6vzfptn187] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ad-cardtop[b-6vzfptn187] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ad-title[b-6vzfptn187] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ad-addr[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ad-status[b-6vzfptn187] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ad-meta[b-6vzfptn187] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ad-meta span[b-6vzfptn187] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ad-foot[b-6vzfptn187] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.ad-price[b-6vzfptn187] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ad-actions[b-6vzfptn187] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-btn[b-6vzfptn187] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ad-btn:hover:not(:disabled)[b-6vzfptn187] {
        opacity: .88;
    }

    .ad-btn:disabled[b-6vzfptn187] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ad-btn.outline[b-6vzfptn187] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ad-btn.warn[b-6vzfptn187] {
        background: #dd6b20;
    }

    .ad-btn.danger[b-6vzfptn187] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

.ad-empty[b-6vzfptn187] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad-empty p[b-6vzfptn187] {
        margin: 14px 0 0;
    }

@media (max-width:800px) {
    .ad-card[b-6vzfptn187] {
        grid-template-columns: 1fr;
    }

    .ad-thumb[b-6vzfptn187] {
        height: 170px;
    }

    .ad-nav[b-6vzfptn187] {
        display: none;
    }
}
.ad-warn-inline[b-6vzfptn187] {
    color: #dd6b20;
    font-weight: 600;
}

    .ad-warn-inline[b-6vzfptn187]  .mud-icon-root {
        vertical-align: middle;
    }

.cl-list[b-6vzfptn187] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding-bottom: 50px;
}

.cl-card[b-6vzfptn187] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 20px 22px;
    border-left: 4px solid #3182ce;
}

    .cl-card.warn[b-6vzfptn187] {
        border-left-color: #dd6b20;
    }

.cl-head[b-6vzfptn187] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.cl-title[b-6vzfptn187] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.cl-addr[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.cl-tags[b-6vzfptn187] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.cl-tag[b-6vzfptn187] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: .74rem;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 14px;
    white-space: nowrap;
}

    .cl-tag.warn[b-6vzfptn187] {
        background: #feebc8;
        color: #9c4221;
    }

.cl-reason[b-6vzfptn187] {
    background: #ebf8ff;
    color: #2b6cb0;
    font-size: .78rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

    .cl-reason.sold[b-6vzfptn187] {
        background: #e6fffa;
        color: #276749;
    }

.cl-facts[b-6vzfptn187] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 14px 18px;
    margin: 16px 0;
    padding: 14px 0;
    border-top: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
}

.cl-fact[b-6vzfptn187] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.cl-lbl[b-6vzfptn187] {
    color: #8a949a;
    font-size: .75rem;
}

.cl-val[b-6vzfptn187] {
    color: #1a202c;
    font-weight: 600;
    font-size: .92rem;
}

    .cl-val.hl[b-6vzfptn187] {
        color: var(--g);
    }

    .cl-val.link[b-6vzfptn187] {
        color: var(--g);
        text-decoration: none;
    }

.cl-expand[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: none;
    border: none;
    color: var(--g);
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 6px 0;
    font-family: inherit;
}

    .cl-expand:hover[b-6vzfptn187] {
        text-decoration: underline;
    }

.cl-detail-load[b-6vzfptn187] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.cl-detail[b-6vzfptn187] {
    background: #f8fafb;
    border-radius: 10px;
    padding: 16px 18px;
    margin: 10px 0 16px;
}

.cl-sec[b-6vzfptn187] {
    margin-bottom: 18px;
}

    .cl-sec:last-child[b-6vzfptn187] {
        margin-bottom: 0;
    }

.cl-sh[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .9rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e2e8f0;
}

.cl-dgrid[b-6vzfptn187] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px 16px;
}

    .cl-dgrid > div[b-6vzfptn187] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

.cl-none[b-6vzfptn187] {
    color: #a0aec0;
    font-size: .85rem;
    font-style: italic;
}

.cl-pricebox[b-6vzfptn187] {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cl-pcell[b-6vzfptn187] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cl-pval[b-6vzfptn187] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1a202c;
}

    .cl-pval.hl[b-6vzfptn187] {
        color: var(--g);
    }

    .cl-pval.up[b-6vzfptn187] {
        color: #276749;
    }

    .cl-pval.down[b-6vzfptn187] {
        color: #c53030;
    }

.cl-psub[b-6vzfptn187] {
    color: #8a949a;
    font-size: .76rem;
}

.cl-arrow[b-6vzfptn187] {
    color: #cbd5e0;
}

.cl-note[b-6vzfptn187] {
    margin-bottom: 14px;
}

    .cl-note[b-6vzfptn187]  .mud-input-control {
        min-width: 0;
    }

.cl-actions[b-6vzfptn187] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.cl-confirm-txt[b-6vzfptn187] {
    color: #dd6b20;
    font-size: .82rem;
    font-weight: 600;
    margin-right: 4px;
}

@media (max-width:800px) {
    .cl-facts[b-6vzfptn187] {
        grid-template-columns: 1fr 1fr;
    }

    .cl-dgrid[b-6vzfptn187] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width:500px) {
    .cl-facts[b-6vzfptn187], .cl-dgrid[b-6vzfptn187] {
        grid-template-columns: 1fr;
    }

    .cl-actions[b-6vzfptn187] {
        justify-content: stretch;
    }
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.ad[b-u97uup9hzu] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad-container[b-u97uup9hzu] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad-header[b-u97uup9hzu] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ad-headrow[b-u97uup9hzu] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad-logo[b-u97uup9hzu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad-nav[b-u97uup9hzu] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad-nav a[b-u97uup9hzu] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad-nav a.active[b-u97uup9hzu], .ad-nav a:hover[b-u97uup9hzu] {
            color: var(--g);
            font-weight: 600;
        }

.ad-user[b-u97uup9hzu] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-uname[b-u97uup9hzu] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.ad-logout[b-u97uup9hzu] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad-top[b-u97uup9hzu] {
    margin: 28px 0 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.ad-top .ad-btn[b-u97uup9hzu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ad-h1[b-u97uup9hzu] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ad-sub[b-u97uup9hzu] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.ad-center[b-u97uup9hzu] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ad-tabs[b-u97uup9hzu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ad-tab[b-u97uup9hzu] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ad-tab:hover[b-u97uup9hzu] {
        border-color: var(--g);
        color: var(--g);
    }

    .ad-tab.active[b-u97uup9hzu] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.ad-dot[b-u97uup9hzu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.ad-list[b-u97uup9hzu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ad-card[b-u97uup9hzu] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ad-card:hover[b-u97uup9hzu] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ad-thumb[b-u97uup9hzu] {
    background-size: cover;
    background-position: center;
    min-height: 150px;
}

.ad-body[b-u97uup9hzu] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ad-cardtop[b-u97uup9hzu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ad-title[b-u97uup9hzu] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ad-addr[b-u97uup9hzu] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ad-status[b-u97uup9hzu] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ad-meta[b-u97uup9hzu] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ad-meta span[b-u97uup9hzu] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ad-foot[b-u97uup9hzu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.ad-price[b-u97uup9hzu] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ad-actions[b-u97uup9hzu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-btn[b-u97uup9hzu] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ad-btn:hover:not(:disabled)[b-u97uup9hzu] {
        opacity: .88;
    }

    .ad-btn:disabled[b-u97uup9hzu] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ad-btn.outline[b-u97uup9hzu] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ad-btn.warn[b-u97uup9hzu] {
        background: #dd6b20;
    }

    .ad-btn.danger[b-u97uup9hzu] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

.ad-empty[b-u97uup9hzu] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad-empty p[b-u97uup9hzu] {
        margin: 14px 0 0;
    }

@media (max-width:800px) {
    .ad-card[b-u97uup9hzu] {
        grid-template-columns: 1fr;
    }

    .ad-thumb[b-u97uup9hzu] {
        height: 170px;
    }

    .ad-nav[b-u97uup9hzu] {
        display: none;
    }
}

/* ===== Агентуудын чансаа ===== */
.ad-stats[b-u97uup9hzu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
}
.ad-stat-card[b-u97uup9hzu] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 18px;
}
.ad-stat-h[b-u97uup9hzu] {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
    color: #2d3748;
}
.ad-stat-row[b-u97uup9hzu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-top: 1px solid #f1f5f9;
}
.ad-stat-name[b-u97uup9hzu] { color: #4a5568; }
.ad-stat-val[b-u97uup9hzu] {
    font-weight: 700;
    color: #2c7a7b;
    font-variant-numeric: tabular-nums;
}
.ad-stat-empty[b-u97uup9hzu] {
    color: #a0aec0;
    font-size: .9rem;
    padding: 8px 0;
}

@media (max-width: 640px) {
    .ad-stats[b-u97uup9hzu] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Admin/Messages.razor.rz.scp.css */
.ad[b-t2o7d2cw4d] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad-container[b-t2o7d2cw4d] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad-header[b-t2o7d2cw4d] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ad-headrow[b-t2o7d2cw4d] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad-logo[b-t2o7d2cw4d] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad-nav[b-t2o7d2cw4d] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad-nav a[b-t2o7d2cw4d] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad-nav a.active[b-t2o7d2cw4d], .ad-nav a:hover[b-t2o7d2cw4d] {
            color: var(--g);
            font-weight: 600;
        }

.ad-user[b-t2o7d2cw4d] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-uname[b-t2o7d2cw4d] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.ad-logout[b-t2o7d2cw4d] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad-top[b-t2o7d2cw4d] {
    margin: 28px 0 20px;
}

.ad-h1[b-t2o7d2cw4d] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ad-sub[b-t2o7d2cw4d] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.ad-center[b-t2o7d2cw4d] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ad-tabs[b-t2o7d2cw4d] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ad-tab[b-t2o7d2cw4d] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ad-tab:hover[b-t2o7d2cw4d] {
        border-color: var(--g);
        color: var(--g);
    }

    .ad-tab.active[b-t2o7d2cw4d] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.ad-dot[b-t2o7d2cw4d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.ad-list[b-t2o7d2cw4d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ad-card[b-t2o7d2cw4d] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ad-card:hover[b-t2o7d2cw4d] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ad-thumb[b-t2o7d2cw4d] {
    background-size: cover;
    background-position: center;
    min-height: 150px;
}

.ad-body[b-t2o7d2cw4d] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ad-cardtop[b-t2o7d2cw4d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ad-title[b-t2o7d2cw4d] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ad-addr[b-t2o7d2cw4d] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ad-status[b-t2o7d2cw4d] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ad-meta[b-t2o7d2cw4d] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ad-meta span[b-t2o7d2cw4d] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ad-foot[b-t2o7d2cw4d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.ad-price[b-t2o7d2cw4d] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ad-actions[b-t2o7d2cw4d] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-btn[b-t2o7d2cw4d] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ad-btn:hover:not(:disabled)[b-t2o7d2cw4d] {
        opacity: .88;
    }

    .ad-btn:disabled[b-t2o7d2cw4d] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ad-btn.outline[b-t2o7d2cw4d] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ad-btn.warn[b-t2o7d2cw4d] {
        background: #dd6b20;
    }

    .ad-btn.danger[b-t2o7d2cw4d] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

.ad-empty[b-t2o7d2cw4d] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad-empty p[b-t2o7d2cw4d] {
        margin: 14px 0 0;
    }

@media (max-width:800px) {
    .ad-card[b-t2o7d2cw4d] {
        grid-template-columns: 1fr;
    }

    .ad-thumb[b-t2o7d2cw4d] {
        height: 170px;
    }

    .ad-nav[b-t2o7d2cw4d] {
        display: none;
    }
}
.ms-unreadinline[b-t2o7d2cw4d] {
    color: #e53e3e;
    font-weight: 600;
}

.ms-list[b-t2o7d2cw4d] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 20px;
}

.ms-card[b-t2o7d2cw4d] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 18px 20px;
    border-left: 4px solid transparent;
}

    .ms-card.unread[b-t2o7d2cw4d] {
        border-left-color: #e53e3e;
        background: #fffdfd;
    }

.ms-head[b-t2o7d2cw4d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ms-from[b-t2o7d2cw4d] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.ms-ava[b-t2o7d2cw4d] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.ms-name[b-t2o7d2cw4d] {
    font-weight: 700;
    color: #1a3c40;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ms-new[b-t2o7d2cw4d] {
    background: #e53e3e;
    color: #fff;
    font-size: .62rem;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 8px;
    letter-spacing: .04em;
}

.ms-contacts[b-t2o7d2cw4d] {
    display: flex;
    gap: 14px;
    margin-top: 3px;
    flex-wrap: wrap;
}

.ms-link[b-t2o7d2cw4d] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    font-size: .82rem;
    text-decoration: none;
}

    .ms-link:hover[b-t2o7d2cw4d] {
        text-decoration: underline;
    }

.ms-time[b-t2o7d2cw4d] {
    color: #a0aec0;
    font-size: .8rem;
    white-space: nowrap;
}

.ms-subject[b-t2o7d2cw4d] {
    font-weight: 600;
    color: #2d3748;
    margin: 14px 0 6px;
    font-size: .95rem;
}

.ms-body[b-t2o7d2cw4d] {
    color: #4a5568;
    line-height: 1.7;
    font-size: .92rem;
    white-space: pre-wrap;
    padding: 10px 0 14px;
}

.ms-foot[b-t2o7d2cw4d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #edf2f7;
    padding-top: 12px;
    flex-wrap: wrap;
}

.ms-date[b-t2o7d2cw4d] {
    color: #a0aec0;
    font-size: .78rem;
}

.ms-actions[b-t2o7d2cw4d] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}

.ms-confirm[b-t2o7d2cw4d] {
    color: #e53e3e;
    font-size: .8rem;
    font-weight: 600;
}

.ms-pager[b-t2o7d2cw4d] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 24px 0 50px;
}

.pg-btn[b-t2o7d2cw4d] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-t2o7d2cw4d] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-t2o7d2cw4d] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-t2o7d2cw4d] {
        opacity: .4;
        cursor: not-allowed;
    }
/* /Components/Pages/Admin/SiteContent.razor.rz.scp.css */
.ad[b-o3rhun6ef8] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad-container[b-o3rhun6ef8] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad-header[b-o3rhun6ef8] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ad-headrow[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad-logo[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad-nav[b-o3rhun6ef8] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad-nav a[b-o3rhun6ef8] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad-nav a.active[b-o3rhun6ef8], .ad-nav a:hover[b-o3rhun6ef8] {
            color: var(--g);
            font-weight: 600;
        }

.ad-user[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ad-uname[b-o3rhun6ef8] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.ad-logout[b-o3rhun6ef8] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad-top[b-o3rhun6ef8] {
    margin: 28px 0 20px;
}

.ad-h1[b-o3rhun6ef8] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ad-sub[b-o3rhun6ef8] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.ad-center[b-o3rhun6ef8] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ad-tabs[b-o3rhun6ef8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ad-tab[b-o3rhun6ef8] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ad-tab:hover[b-o3rhun6ef8] {
        border-color: var(--g);
        color: var(--g);
    }

    .ad-tab.active[b-o3rhun6ef8] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.ad-dot[b-o3rhun6ef8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.ad-list[b-o3rhun6ef8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ad-card[b-o3rhun6ef8] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ad-card:hover[b-o3rhun6ef8] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ad-thumb[b-o3rhun6ef8] {
    background-size: cover;
    background-position: center;
    min-height: 150px;
}

.ad-body[b-o3rhun6ef8] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ad-cardtop[b-o3rhun6ef8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ad-title[b-o3rhun6ef8] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ad-addr[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ad-status[b-o3rhun6ef8] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ad-meta[b-o3rhun6ef8] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ad-meta span[b-o3rhun6ef8] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ad-foot[b-o3rhun6ef8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.ad-price[b-o3rhun6ef8] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ad-actions[b-o3rhun6ef8] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ad-btn[b-o3rhun6ef8] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ad-btn:hover:not(:disabled)[b-o3rhun6ef8] {
        opacity: .88;
    }

    .ad-btn:disabled[b-o3rhun6ef8] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ad-btn.outline[b-o3rhun6ef8] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ad-btn.warn[b-o3rhun6ef8] {
        background: #dd6b20;
    }

    .ad-btn.danger[b-o3rhun6ef8] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

.ad-empty[b-o3rhun6ef8] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad-empty p[b-o3rhun6ef8] {
        margin: 14px 0 0;
    }

@media (max-width:800px) {
    .ad-card[b-o3rhun6ef8] {
        grid-template-columns: 1fr;
    }

    .ad-thumb[b-o3rhun6ef8] {
        height: 170px;
    }

    .ad-nav[b-o3rhun6ef8] {
        display: none;
    }
}
.sc-card[b-o3rhun6ef8] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}

.sc-h[b-o3rhun6ef8] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 16px;
}

.sc-headrow[b-o3rhun6ef8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

    .sc-headrow .sc-h[b-o3rhun6ef8] {
        margin-bottom: 0;
    }

.sc-grid[b-o3rhun6ef8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}

.sc-full[b-o3rhun6ef8] {
    grid-column: 1 / -1;
}

.sc-card[b-o3rhun6ef8]  .mud-input-control {
    min-width: 0;
}

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

.sc-none[b-o3rhun6ef8] {
    color: #a0aec0;
    font-size: .88rem;
    font-style: italic;
}

.bl-row[b-o3rhun6ef8] {
    border: 1px solid #edf2f7;
    border-radius: 11px;
    padding: 16px;
    margin-bottom: 12px;
    background: #fafbfc;
}

.bl-grid[b-o3rhun6ef8] {
    display: grid;
    grid-template-columns: 180px 1fr 110px;
    gap: 12px 14px;
}

    .bl-grid.stat[b-o3rhun6ef8] {
        grid-template-columns: 1fr 160px 110px;
    }

.bl-tools[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 12px;
}

.sc-preview[b-o3rhun6ef8] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #718096;
    font-size: .88rem;
    padding: 14px 0 50px;
    flex-wrap: wrap;
}

    .sc-preview a[b-o3rhun6ef8] {
        color: var(--g);
        font-weight: 600;
        text-decoration: none;
    }

@media (max-width:800px) {
    .sc-grid[b-o3rhun6ef8] {
        grid-template-columns: 1fr;
    }

    .bl-grid[b-o3rhun6ef8], .bl-grid.stat[b-o3rhun6ef8] {
        grid-template-columns: 1fr;
    }

    .bl-tools[b-o3rhun6ef8] {
        justify-content: stretch;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Admin/Viewings.razor.rz.scp.css */
.av[b-1l24olcau5] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.av-container[b-1l24olcau5] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.av-center[b-1l24olcau5] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.av-top[b-1l24olcau5] {
    margin: 28px 0 20px;
}

.av-h1[b-1l24olcau5] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.av-sub[b-1l24olcau5] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

/* Статистик */
.av-stats[b-1l24olcau5] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 12px;
    margin-bottom: 20px;
}

.stat[b-1l24olcau5] {
    background: #fff;
    border: 2px solid transparent;
    border-radius: 13px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 16px 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-family: inherit;
    transition: .15s;
}

    .stat:hover[b-1l24olcau5] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,.1);
    }

    .stat.on[b-1l24olcau5] {
        border-color: var(--g);
    }

    .stat.new .stat-num[b-1l24olcau5] {
        color: #e53e3e;
    }

    .stat.on.new[b-1l24olcau5] {
        border-color: #e53e3e;
    }

    .stat.today[b-1l24olcau5] {
        cursor: default;
        background: #1a3c40;
    }

        .stat.today:hover[b-1l24olcau5] {
            transform: none;
            box-shadow: 0 2px 10px rgba(0,0,0,.05);
        }

        .stat.today .stat-num[b-1l24olcau5], .stat.today .stat-lbl[b-1l24olcau5] {
            color: #fff;
        }

.stat-num[b-1l24olcau5] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1a3c40;
}

.stat-lbl[b-1l24olcau5] {
    color: #8a949a;
    font-size: .76rem;
}

/* Шүүлтүүр */
.av-filter[b-1l24olcau5] {
    display: flex;
    gap: 12px;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 14px 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.av-fsel[b-1l24olcau5] {
    min-width: 260px;
}

.av-fdate[b-1l24olcau5] {
    min-width: 150px;
}

.av-filter[b-1l24olcau5]  .mud-input-control {
    min-width: 0;
}

.av-count[b-1l24olcau5] {
    color: #718096;
    font-size: .9rem;
    margin-bottom: 12px;
}

/* Жагсаалт */
.av-list[b-1l24olcau5] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 50px;
}

.avc[b-1l24olcau5] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 170px 1fr;
    overflow: hidden;
    border-left: 4px solid transparent;
}

    .avc.new[b-1l24olcau5] {
        border-left-color: #e53e3e;
    }

.avc-thumb[b-1l24olcau5] {
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    min-height: 170px;
}

.avc-body[b-1l24olcau5] {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
}

.avc-head[b-1l24olcau5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.avc-prop[b-1l24olcau5] {
    font-weight: 700;
    color: #1a3c40;
    text-decoration: none;
    font-size: 1.02rem;
}

    .avc-prop:hover[b-1l24olcau5] {
        color: var(--g);
    }

.avc-addr[b-1l24olcau5] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .83rem;
    margin-top: 3px;
}

.avc-status[b-1l24olcau5] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 13px;
    white-space: nowrap;
}

.avc-mid[b-1l24olcau5] {
    display: grid;
    grid-template-columns: 1.4fr 1fr auto;
    gap: 16px;
    align-items: center;
    margin: 14px 0 0;
    padding: 12px 0;
    border-top: 1px solid #edf2f7;
}

.avc-client[b-1l24olcau5] {
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 0;
}

.avc-ava[b-1l24olcau5] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.avc-name[b-1l24olcau5] {
    font-weight: 700;
    color: #1a3c40;
    font-size: .95rem;
}

.avc-contacts[b-1l24olcau5] {
    display: flex;
    gap: 14px;
    margin-top: 2px;
    flex-wrap: wrap;
}

.avc-link[b-1l24olcau5] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    font-size: .82rem;
    text-decoration: none;
}

    .avc-link:hover[b-1l24olcau5] {
        text-decoration: underline;
    }

.avc-agent[b-1l24olcau5] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.avc-alabel[b-1l24olcau5] {
    color: #a0aec0;
    font-size: .72rem;
}

.avc-aname[b-1l24olcau5] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #3d4d57;
    font-weight: 600;
    font-size: .88rem;
}

.avc-when[b-1l24olcau5] {
    text-align: right;
}

.avc-date[b-1l24olcau5] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #3182ce;
    font-weight: 600;
    font-size: .85rem;
    justify-content: flex-end;
}

.avc-created[b-1l24olcau5] {
    color: #a0aec0;
    font-size: .76rem;
    margin-top: 2px;
}

.avc-note[b-1l24olcau5] {
    color: #4a5568;
    font-size: .88rem;
    font-style: italic;
    background: #f7fafc;
    border-radius: 8px;
    padding: 9px 12px;
    margin-top: 12px;
}

.avc-anote[b-1l24olcau5] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #276749;
    font-size: .82rem;
    background: #e6fffa;
    border-radius: 8px;
    padding: 8px 12px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.avc-handler[b-1l24olcau5] {
    color: #8a949a;
    font-style: italic;
}

.avc-foot[b-1l24olcau5] {
    display: flex;
    justify-content: flex-end;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
}

.avc-actions[b-1l24olcau5] {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
}

.avc-notein[b-1l24olcau5] {
    min-width: 200px;
}

.avc-actions[b-1l24olcau5]  .mud-input-control {
    min-width: 0;
}

.av-btn[b-1l24olcau5] {
    background: #3182ce;
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 15px;
    border-radius: 17px;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s;
}

    .av-btn:hover:not(:disabled)[b-1l24olcau5] {
        opacity: .88;
    }

    .av-btn:disabled[b-1l24olcau5] {
        opacity: .5;
        cursor: not-allowed;
    }

    .av-btn.ok[b-1l24olcau5] {
        background: var(--g);
    }

    .av-btn.danger[b-1l24olcau5] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

        .av-btn.danger:hover:not(:disabled)[b-1l24olcau5] {
            background: #e53e3e;
            color: #fff;
            opacity: 1;
        }

    .av-btn.outline[b-1l24olcau5] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

        .av-btn.outline:hover:not(:disabled)[b-1l24olcau5] {
            background: var(--g);
            color: #fff;
            opacity: 1;
        }

.av-empty[b-1l24olcau5] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .av-empty p[b-1l24olcau5] {
        margin-top: 14px;
    }

.av-pager[b-1l24olcau5] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 24px 0 50px;
}

.pg-btn[b-1l24olcau5] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-1l24olcau5] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-1l24olcau5] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-1l24olcau5] {
        opacity: .4;
        cursor: not-allowed;
    }

@media (max-width:900px) {
    .av-stats[b-1l24olcau5] {
        grid-template-columns: repeat(3,1fr);
    }

    .avc-mid[b-1l24olcau5] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .avc-when[b-1l24olcau5] {
        text-align: left;
    }

    .avc-date[b-1l24olcau5] {
        justify-content: flex-start;
    }
}

@media (max-width:700px) {
    .avc[b-1l24olcau5] {
        grid-template-columns: 1fr;
    }

    .avc-thumb[b-1l24olcau5] {
        height: 150px;
    }

    .av-stats[b-1l24olcau5] {
        grid-template-columns: repeat(2,1fr);
    }
}
/* /Components/Pages/AgentDetail.razor.rz.scp.css */
.ad2[b-umtuno605l] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ad2-container[b-umtuno605l] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ad2-header[b-umtuno605l] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 20;
}

.ad2-headrow[b-umtuno605l] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ad2-logo[b-umtuno605l] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ad2-nav[b-umtuno605l] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ad2-nav a[b-umtuno605l] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ad2-nav a.active[b-umtuno605l], .ad2-nav a:hover[b-umtuno605l] {
            color: var(--g);
            font-weight: 600;
        }

.ad2-cta[b-umtuno605l] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ad2-crumbbar[b-umtuno605l] {
    background: #eef1f4;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
    font-size: .88rem;
    margin-bottom: 24px;
}

    .ad2-crumbbar a[b-umtuno605l] {
        color: var(--g);
        text-decoration: none;
    }

    .ad2-crumbbar span[b-umtuno605l] {
        color: #a0aec0;
        margin: 0 8px;
    }

    .ad2-crumbbar b[b-umtuno605l] {
        color: #4a5568;
        font-weight: 600;
    }

.ad2-center[b-umtuno605l] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* Профайл */
.prof[b-umtuno605l] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 16px rgba(0,0,0,.07);
    padding: 26px 28px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 24px;
    align-items: center;
}

.prof-ava[b-umtuno605l] {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
}

.prof-name[b-umtuno605l] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.prof-branch[b-umtuno605l] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #718096;
    font-size: .9rem;
    margin-top: 5px;
    flex-wrap: wrap;
}

.prof-dot[b-umtuno605l] {
    color: #cbd5e0;
}

.prof-contacts[b-umtuno605l] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    flex-wrap: wrap;
}

.prof-btn[b-umtuno605l] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: var(--g);
    color: #fff;
    padding: 9px 18px;
    border-radius: 22px;
    text-decoration: none;
    font-size: .88rem;
}

    .prof-btn.outline[b-umtuno605l] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

.prof-stats[b-umtuno605l] {
    display: flex;
    gap: 26px;
}

.pstat[b-umtuno605l] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pstat-num[b-umtuno605l] {
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--g);
}

.pstat-lbl[b-umtuno605l] {
    color: #8a949a;
    font-size: .76rem;
}

/* Зарууд */
.ad2-listhead[b-umtuno605l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 34px 0 16px;
    gap: 14px;
    flex-wrap: wrap;
}

.ad2-h2[b-umtuno605l] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a3c40;
}

.ad2-sort[b-umtuno605l] {
    min-width: 200px;
}

.ad2-listhead[b-umtuno605l]  .mud-input-control {
    min-width: 0;
}

.ad2-grid[b-umtuno605l] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.gcard[b-umtuno605l] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    text-decoration: none;
    display: block;
    transition: transform .15s, box-shadow .15s;
}

    .gcard:hover[b-umtuno605l] {
        transform: translateY(-3px);
        box-shadow: 0 8px 22px rgba(0,0,0,.12);
    }

.gcard-img[b-umtuno605l] {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    position: relative;
}

.gcard-badge[b-umtuno605l] {
    position: absolute;
    top: 11px;
    left: 11px;
    background: var(--g);
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 6px;
}

.gcard-body[b-umtuno605l] {
    padding: 14px 16px;
}

.gcard-title[b-umtuno605l] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1rem;
}

.gcard-loc[b-umtuno605l] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .82rem;
    margin-top: 3px;
}

.gcard-meta[b-umtuno605l] {
    display: flex;
    gap: 14px;
    color: #718096;
    font-size: .82rem;
    margin: 10px 0;
}

    .gcard-meta span[b-umtuno605l] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.gcard-foot[b-umtuno605l] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid #edf2f7;
    padding-top: 11px;
}

.gcard-price[b-umtuno605l] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.05rem;
}

.gcard-sqm[b-umtuno605l] {
    color: #a0aec0;
    font-size: .76rem;
}

.ad2-empty[b-umtuno605l] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ad2-empty p[b-umtuno605l] {
        margin-top: 14px;
    }

.ad2-pager[b-umtuno605l] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 28px 0 50px;
}

.pg-btn[b-umtuno605l] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-umtuno605l] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-umtuno605l] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-umtuno605l] {
        opacity: .4;
        cursor: not-allowed;
    }

@media (max-width:900px) {
    .prof[b-umtuno605l] {
        grid-template-columns: auto 1fr;
    }

    .prof-stats[b-umtuno605l] {
        grid-column: 1 / -1;
        justify-content: space-around;
        padding-top: 16px;
        border-top: 1px solid #edf2f7;
    }

    .ad2-grid[b-umtuno605l] {
        grid-template-columns: repeat(2,1fr);
    }

    .ad2-nav[b-umtuno605l] {
        display: none;
    }
}

@media (max-width:560px) {
    .prof[b-umtuno605l] {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .prof-contacts[b-umtuno605l] {
        justify-content: center;
    }

    .ad2-grid[b-umtuno605l] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AgentsList.razor.rz.scp.css */
.ags[b-ue5w4t4lvh] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ags-container[b-ue5w4t4lvh] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ags-header[b-ue5w4t4lvh] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 20;
}

.ags-headrow[b-ue5w4t4lvh] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ags-logo[b-ue5w4t4lvh] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ags-nav[b-ue5w4t4lvh] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .ags-nav a[b-ue5w4t4lvh] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ags-nav a.active[b-ue5w4t4lvh], .ags-nav a:hover[b-ue5w4t4lvh] {
            color: var(--g);
            font-weight: 600;
        }

.ags-user[b-ue5w4t4lvh] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ags-mylink[b-ue5w4t4lvh] {
    color: var(--g);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
}

.ags-cta[b-ue5w4t4lvh] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ags-hero[b-ue5w4t4lvh] {
    background: linear-gradient(135deg,#e6f2f2,#f4f6f8);
    padding: 38px 0 32px;
    border-bottom: 1px solid #e2e8f0;
}

.ags-h1[b-ue5w4t4lvh] {
    font-size: 2rem;
    font-weight: 800;
    color: #1a3c40;
}

.ags-sub[b-ue5w4t4lvh] {
    color: #5f6c72;
    margin-top: 6px;
}

.ags-center[b-ue5w4t4lvh] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ags-toolbar[b-ue5w4t4lvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 14px 16px;
    margin: 22px 0 20px;
    flex-wrap: wrap;
}

.ags-tools[b-ue5w4t4lvh] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.ags-search[b-ue5w4t4lvh] {
    min-width: 230px;
}

.ags-sel[b-ue5w4t4lvh] {
    min-width: 180px;
}

.ags-toolbar[b-ue5w4t4lvh]  .mud-input-control {
    min-width: 0;
}

.ags-count[b-ue5w4t4lvh] {
    color: #4a5568;
    font-size: .9rem;
}

.ags-grid[b-ue5w4t4lvh] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 18px;
    padding-bottom: 20px;
}

.acard[b-ue5w4t4lvh] {
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    text-decoration: none;
    display: block;
    position: relative;
    transition: transform .15s, box-shadow .15s;
}

    .acard:hover[b-ue5w4t4lvh] {
        transform: translateY(-4px);
        box-shadow: 0 10px 26px rgba(0,0,0,.13);
    }

.acard-cover[b-ue5w4t4lvh] {
    height: 88px;
    background-size: cover;
    background-position: center;
    background-color: #cbd5e0;
    filter: brightness(.85);
}

.acard-ava[b-ue5w4t4lvh] {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: 4px solid #fff;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

.acard-body[b-ue5w4t4lvh] {
    padding: 34px 16px 18px;
    text-align: center;
}

.acard-name[b-ue5w4t4lvh] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1.02rem;
}

.acard-branch[b-ue5w4t4lvh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #8a949a;
    font-size: .8rem;
    margin-top: 3px;
}

.acard-stats[b-ue5w4t4lvh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin: 14px 0 12px;
    padding: 12px 0;
    border-top: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
}

.astat[b-ue5w4t4lvh] {
    display: flex;
    flex-direction: column;
}

.astat-num[b-ue5w4t4lvh] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--g);
}

.astat-lbl[b-ue5w4t4lvh] {
    color: #8a949a;
    font-size: .72rem;
}

.acard-phone[b-ue5w4t4lvh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #4a5568;
    font-size: .85rem;
    font-weight: 600;
}

.ags-empty[b-ue5w4t4lvh] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ags-empty p[b-ue5w4t4lvh] {
        margin-top: 14px;
    }

.ags-pager[b-ue5w4t4lvh] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 28px 0 50px;
}

.pg-btn[b-ue5w4t4lvh] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-ue5w4t4lvh] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-ue5w4t4lvh] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-ue5w4t4lvh] {
        opacity: .4;
        cursor: not-allowed;
    }

@media (max-width:1000px) {
    .ags-grid[b-ue5w4t4lvh] {
        grid-template-columns: repeat(3,1fr);
    }

    .ags-nav[b-ue5w4t4lvh] {
        display: none;
    }
}

@media (max-width:760px) {
    .ags-grid[b-ue5w4t4lvh] {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width:480px) {
    .ags-grid[b-ue5w4t4lvh] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Agents/Dashboard.razor.rz.scp.css */
.ag[b-x1yznviwog] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ag-container[b-x1yznviwog] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.ag-center[b-x1yznviwog] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.ag-top[b-x1yznviwog] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 28px 0 20px;
    gap: 14px;
    flex-wrap: wrap;
}

.ag-h1[b-x1yznviwog] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.ag-sub[b-x1yznviwog] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

/* ============ Шинэ үзлэгийн хүсэлт ============ */
.vwbox[b-x1yznviwog] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 3px 16px rgba(0,0,0,.07);
    padding: 18px 20px;
    margin-bottom: 20px;
    border-left: 4px solid #e53e3e;
}

.vwbox-head[b-x1yznviwog] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    gap: 12px;
}

.vwbox-h[b-x1yznviwog] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.02rem;
    font-weight: 700;
    color: #1a3c40;
}

.vwbox-count[b-x1yznviwog] {
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .74rem;
    font-weight: 700;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vwbox-all[b-x1yznviwog] {
    color: var(--g);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

    .vwbox-all:hover[b-x1yznviwog] {
        text-decoration: underline;
    }

.vwbox-list[b-x1yznviwog] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vwrow[b-x1yznviwog] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fafbfc;
    border-radius: 10px;
    padding: 11px 14px;
    text-decoration: none;
    transition: background .15s;
}

    .vwrow:hover[b-x1yznviwog] {
        background: #f0f7f7;
    }

.vwrow-ava[b-x1yznviwog] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .9rem;
    flex-shrink: 0;
}

.vwrow-main[b-x1yznviwog] {
    min-width: 0;
}

.vwrow-name[b-x1yznviwog] {
    font-weight: 600;
    color: #1a3c40;
    font-size: .92rem;
}

.vwrow-prop[b-x1yznviwog] {
    color: #8a949a;
    font-size: .8rem;
    margin-top: 1px;
}

.vwrow-side[b-x1yznviwog] {
    margin-left: auto;
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.vwrow-phone[b-x1yznviwog] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    font-size: .84rem;
    font-weight: 600;
}

.vwrow-date[b-x1yznviwog] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #3182ce;
    font-size: .84rem;
    font-weight: 600;
}

/* ================= Табууд ================= */
.ag-tabs[b-x1yznviwog] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.ag-tab[b-x1yznviwog] {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    transition: .15s;
    font-family: inherit;
}

    .ag-tab:hover[b-x1yznviwog] {
        border-color: var(--g);
        color: var(--g);
    }

    .ag-tab.active[b-x1yznviwog] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

/* ================= Жагсаалт ================= */
.ag-list[b-x1yznviwog] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 50px;
}

.ag-card[b-x1yznviwog] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 200px 1fr;
    overflow: hidden;
    transition: box-shadow .15s;
}

    .ag-card:hover[b-x1yznviwog] {
        box-shadow: 0 6px 20px rgba(0,0,0,.10);
    }

.ag-thumb[b-x1yznviwog] {
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    min-height: 150px;
    position: relative;
}

.ag-imgcount[b-x1yznviwog] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: .72rem;
    padding: 4px 9px;
    border-radius: 12px;
}

.ag-body[b-x1yznviwog] {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}

.ag-cardtop[b-x1yznviwog] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.ag-title[b-x1yznviwog] {
    font-weight: 700;
    font-size: 1.05rem;
    color: #1a3c40;
}

.ag-addr[b-x1yznviwog] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .85rem;
    margin-top: 4px;
}

.ag-status[b-x1yznviwog] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 5px 13px;
    border-radius: 14px;
    white-space: nowrap;
}

.ag-meta[b-x1yznviwog] {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    color: #718096;
    font-size: .83rem;
    margin: 12px 0;
}

    .ag-meta span[b-x1yznviwog] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.ag-foot[b-x1yznviwog] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
    gap: 12px;
    flex-wrap: wrap;
}

.ag-price[b-x1yznviwog] {
    font-weight: 800;
    color: #1a202c;
    font-size: 1.05rem;
}

.ag-actions[b-x1yznviwog] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin-left: auto;
}

.ag-btn[b-x1yznviwog] {
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .ag-btn:hover:not(:disabled)[b-x1yznviwog] {
        opacity: .88;
    }

    .ag-btn:disabled[b-x1yznviwog] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ag-btn.outline[b-x1yznviwog] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

    .ag-btn.danger[b-x1yznviwog] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

        .ag-btn.danger:hover:not(:disabled)[b-x1yznviwog] {
            background: #e53e3e;
            color: #fff;
            opacity: 1;
        }

.ag-confirm-txt[b-x1yznviwog] {
    color: #e53e3e;
    font-size: .8rem;
    font-weight: 600;
    align-self: center;
    margin-right: 4px;
}

.ag-empty[b-x1yznviwog] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .ag-empty p[b-x1yznviwog] {
        margin: 14px 0 18px;
    }

@media (max-width:800px) {
    .ag-card[b-x1yznviwog] {
        grid-template-columns: 1fr;
    }

    .ag-thumb[b-x1yznviwog] {
        height: 170px;
    }

    .ag-top[b-x1yznviwog] {
        flex-direction: column;
        align-items: stretch;
    }

    .vwrow[b-x1yznviwog] {
        flex-wrap: wrap;
    }

    .vwrow-side[b-x1yznviwog] {
        margin-left: 48px;
        width: 100%;
        justify-content: flex-start;
    }
}

/* ===== Миний статистик ===== */
.ag-stats[b-x1yznviwog] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
    margin: 16px 0 20px;
}
.ag-stat[b-x1yznviwog] {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 12px;
    text-align: center;
}
.ag-stat-num[b-x1yznviwog] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #2c7a7b;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}
.ag-stat-lbl[b-x1yznviwog] {
    font-size: .8rem;
    color: #718096;
    margin-top: 4px;
}
/* /Components/Pages/Agents/PropertyClose.razor.rz.scp.css */
.pn[b-hj0kjtcne6] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.pn-container[b-hj0kjtcne6] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}

.pn-header[b-hj0kjtcne6] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.pn-headrow[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    height: 64px;
}

.pn-logo[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.pn-back[b-hj0kjtcne6] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    text-decoration: none;
    font-size: .9rem;
}

.pn-top[b-hj0kjtcne6] {
    margin: 28px 0 20px;
}

.pn-h1[b-hj0kjtcne6] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.pn-sub[b-hj0kjtcne6] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.pn-card[b-hj0kjtcne6] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}

.pn-ch[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 18px;
}

.pn-num[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}

.pn-grid[b-hj0kjtcne6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}

.pn-full[b-hj0kjtcne6] {
    grid-column: 1 / -1;
}

.pn-grid[b-hj0kjtcne6]  .mud-input-control {
    min-width: 0;
}

.pn-calc[b-hj0kjtcne6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 8px 16px;
}

.pn-calc-lbl[b-hj0kjtcne6] {
    color: #718096;
    font-size: .75rem;
}

.pn-calc-val[b-hj0kjtcne6] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.1rem;
}

.pn-checks[b-hj0kjtcne6] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    grid-column: 1 / -1;
}

.pn-actions[b-hj0kjtcne6] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 6px 0 50px;
}

@media (max-width:700px) {
    .pn-grid[b-hj0kjtcne6] {
        grid-template-columns: 1fr;
    }
}

.pn-note[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 12px 16px;
    color: #4a5568;
    font-size: .88rem;
}
.pn-center[b-hj0kjtcne6] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.pn-hint[b-hj0kjtcne6] {
    color: #8a949a;
    font-size: .8rem;
    margin: -10px 0 14px;
}

.pn-note[b-hj0kjtcne6] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 12px 16px;
    color: #4a5568;
    font-size: .88rem;
}

.mb-3[b-hj0kjtcne6] {
    margin-bottom: 14px;
}

.mb-4[b-hj0kjtcne6] {
    margin-bottom: 18px;
}
/* /Components/Pages/Agents/PropertyEdit.razor.rz.scp.css */
.pn[b-54c0reupmu] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.pn-container[b-54c0reupmu] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}

.pn-header[b-54c0reupmu] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.pn-headrow[b-54c0reupmu] {
    display: flex;
    align-items: center;
    height: 64px;
}

.pn-logo[b-54c0reupmu] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.pn-back[b-54c0reupmu] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    text-decoration: none;
    font-size: .9rem;
}

.pn-top[b-54c0reupmu] {
    margin: 28px 0 20px;
}

.pn-h1[b-54c0reupmu] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.pn-sub[b-54c0reupmu] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.pn-card[b-54c0reupmu] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}

.pn-ch[b-54c0reupmu] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 18px;
}

.pn-num[b-54c0reupmu] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}

.pn-grid[b-54c0reupmu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}

.pn-full[b-54c0reupmu] {
    grid-column: 1 / -1;
}

.pn-grid[b-54c0reupmu]  .mud-input-control {
    min-width: 0;
}

.pn-calc[b-54c0reupmu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 8px 16px;
}

.pn-calc-lbl[b-54c0reupmu] {
    color: #718096;
    font-size: .75rem;
}

.pn-calc-val[b-54c0reupmu] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.1rem;
}

.pn-checks[b-54c0reupmu] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    grid-column: 1 / -1;
}

.pn-actions[b-54c0reupmu] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 6px 0 50px;
}

@media (max-width:700px) {
    .pn-grid[b-54c0reupmu] {
        grid-template-columns: 1fr;
    }
}

.pn-center[b-54c0reupmu] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.pn-status[b-54c0reupmu] {
    display: inline-block;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: 3px 11px;
    border-radius: 12px;
}
.pd-user[b-54c0reupmu] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pd-mylink[b-54c0reupmu] {
    color: var(--g);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
}

.pd-cta[b-54c0reupmu] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}
.pn-center[b-54c0reupmu] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.pn-status[b-54c0reupmu] {
    display: inline-block;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: 3px 11px;
    border-radius: 12px;
}
/* /Components/Pages/Agents/PropertyNew.razor.rz.scp.css */
.pn[b-sjxtwnphjl] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.pn-container[b-sjxtwnphjl] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 16px;
}

.pn-header[b-sjxtwnphjl] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.pn-headrow[b-sjxtwnphjl] {
    display: flex;
    align-items: center;
    height: 64px;
}

.pn-logo[b-sjxtwnphjl] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.pn-back[b-sjxtwnphjl] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    text-decoration: none;
    font-size: .9rem;
}

.pn-top[b-sjxtwnphjl] {
    margin: 28px 0 20px;
}

.pn-h1[b-sjxtwnphjl] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.pn-sub[b-sjxtwnphjl] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.pn-card[b-sjxtwnphjl] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
    margin-bottom: 18px;
}

.pn-ch[b-sjxtwnphjl] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 18px;
}

.pn-num[b-sjxtwnphjl] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    font-size: .85rem;
    font-weight: 700;
}

.pn-grid[b-sjxtwnphjl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 16px;
}

.pn-full[b-sjxtwnphjl] {
    grid-column: 1 / -1;
}

.pn-grid[b-sjxtwnphjl]  .mud-input-control {
    min-width: 0;
}

.pn-calc[b-sjxtwnphjl] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 8px 16px;
}

.pn-calc-lbl[b-sjxtwnphjl] {
    color: #718096;
    font-size: .75rem;
}

.pn-calc-val[b-sjxtwnphjl] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.1rem;
}

.pn-checks[b-sjxtwnphjl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    grid-column: 1 / -1;
}

.pn-actions[b-sjxtwnphjl] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 6px 0 50px;
}

@media (max-width:700px) {
    .pn-grid[b-sjxtwnphjl] {
        grid-template-columns: 1fr;
    }
}
.pn-note[b-sjxtwnphjl] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #f0f7f7;
    border-radius: 9px;
    padding: 12px 16px;
    color: #4a5568;
    font-size: .88rem;
}
/* /Components/Pages/Agents/Viewings.razor.rz.scp.css */
.vw[b-yrrtz7ii82] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.vw-container[b-yrrtz7ii82] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.vw-center[b-yrrtz7ii82] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

.vw-top[b-yrrtz7ii82] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 28px 0 18px;
    gap: 14px;
    flex-wrap: wrap;
}

.vw-h1[b-yrrtz7ii82] {
    font-size: 1.7rem;
    font-weight: 800;
    color: #1a3c40;
}

.vw-sub[b-yrrtz7ii82] {
    color: #718096;
    font-size: .92rem;
    margin-top: 4px;
}

.vw-newinline[b-yrrtz7ii82] {
    color: #e53e3e;
    font-weight: 700;
}

.vw-scope[b-yrrtz7ii82] {
    display: flex;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    overflow: hidden;
}

.vw-sbtn[b-yrrtz7ii82] {
    background: #fff;
    border: none;
    color: #4a5568;
    padding: 8px 18px;
    font-size: .85rem;
    cursor: pointer;
    font-family: inherit;
}

    .vw-sbtn.on[b-yrrtz7ii82] {
        background: var(--g);
        color: #fff;
        font-weight: 600;
    }

.vw-tabs[b-yrrtz7ii82] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.vw-tab[b-yrrtz7ii82] {
    position: relative;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 20px;
    padding: 8px 18px;
    font-size: .87rem;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .vw-tab:hover[b-yrrtz7ii82] {
        border-color: var(--g);
        color: var(--g);
    }

    .vw-tab.active[b-yrrtz7ii82] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

.vw-dot[b-yrrtz7ii82] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 7px;
    background: #e53e3e;
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    border-radius: 10px;
}

.vw-list[b-yrrtz7ii82] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-bottom: 50px;
}

.vwc[b-yrrtz7ii82] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 170px 1fr;
    overflow: hidden;
    border-left: 4px solid transparent;
}

    .vwc.new[b-yrrtz7ii82] {
        border-left-color: #e53e3e;
    }

.vwc-thumb[b-yrrtz7ii82] {
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    min-height: 160px;
}

.vwc-body[b-yrrtz7ii82] {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
}

.vwc-head[b-yrrtz7ii82] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.vwc-prop[b-yrrtz7ii82] {
    font-weight: 700;
    color: #1a3c40;
    text-decoration: none;
    font-size: 1.02rem;
}

    .vwc-prop:hover[b-yrrtz7ii82] {
        color: var(--g);
    }

.vwc-addr[b-yrrtz7ii82] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .83rem;
    margin-top: 3px;
}

.vwc-status[b-yrrtz7ii82] {
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 13px;
    white-space: nowrap;
}

.vwc-client[b-yrrtz7ii82] {
    display: flex;
    gap: 12px;
    align-items: center;
    margin: 14px 0 0;
    padding: 12px 0;
    border-top: 1px solid #edf2f7;
}

.vwc-ava[b-yrrtz7ii82] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.vwc-cinfo[b-yrrtz7ii82] {
    min-width: 0;
}

.vwc-name[b-yrrtz7ii82] {
    font-weight: 700;
    color: #1a3c40;
    font-size: .95rem;
}

.vwc-contacts[b-yrrtz7ii82] {
    display: flex;
    gap: 14px;
    margin-top: 2px;
    flex-wrap: wrap;
}

.vwc-link[b-yrrtz7ii82] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--g);
    font-size: .82rem;
    text-decoration: none;
}

    .vwc-link:hover[b-yrrtz7ii82] {
        text-decoration: underline;
    }

.vwc-when[b-yrrtz7ii82] {
    margin-left: auto;
    text-align: right;
    flex-shrink: 0;
}

.vwc-date[b-yrrtz7ii82] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #3182ce;
    font-weight: 600;
    font-size: .85rem;
    justify-content: flex-end;
}

.vwc-ago[b-yrrtz7ii82] {
    color: #a0aec0;
    font-size: .76rem;
    margin-top: 2px;
}

.vwc-note[b-yrrtz7ii82] {
    color: #4a5568;
    font-size: .88rem;
    font-style: italic;
    background: #f7fafc;
    border-radius: 8px;
    padding: 9px 12px;
    margin: 12px 0 0;
}

.vwc-anote[b-yrrtz7ii82] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #276749;
    font-size: .82rem;
    background: #e6fffa;
    border-radius: 8px;
    padding: 8px 12px;
    margin: 10px 0 0;
}

.vwc-foot[b-yrrtz7ii82] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #edf2f7;
    flex-wrap: wrap;
}

.vwc-agent[b-yrrtz7ii82] {
    color: #718096;
    font-size: .82rem;
}

.vwc-actions[b-yrrtz7ii82] {
    display: flex;
    gap: 7px;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
}

.vwc-notein[b-yrrtz7ii82] {
    min-width: 200px;
}

.vwc-actions[b-yrrtz7ii82]  .mud-input-control {
    min-width: 0;
}

.vw-btn[b-yrrtz7ii82] {
    background: #3182ce;
    color: #fff;
    border: none;
    font-size: .8rem;
    padding: 7px 15px;
    border-radius: 17px;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s;
}

    .vw-btn:hover:not(:disabled)[b-yrrtz7ii82] {
        opacity: .88;
    }

    .vw-btn:disabled[b-yrrtz7ii82] {
        opacity: .5;
        cursor: not-allowed;
    }

    .vw-btn.ok[b-yrrtz7ii82] {
        background: var(--g);
    }

    .vw-btn.danger[b-yrrtz7ii82] {
        background: #fff;
        color: #e53e3e;
        border: 1.5px solid #e53e3e;
    }

        .vw-btn.danger:hover:not(:disabled)[b-yrrtz7ii82] {
            background: #e53e3e;
            color: #fff;
            opacity: 1;
        }

    .vw-btn.outline[b-yrrtz7ii82] {
        background: #fff;
        color: var(--g);
        border: 1.5px solid var(--g);
    }

        .vw-btn.outline:hover:not(:disabled)[b-yrrtz7ii82] {
            background: var(--g);
            color: #fff;
            opacity: 1;
        }

.vw-empty[b-yrrtz7ii82] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .vw-empty p[b-yrrtz7ii82] {
        margin-top: 14px;
    }

.vw-pager[b-yrrtz7ii82] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin: 24px 0 50px;
}

.pg-btn[b-yrrtz7ii82] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-yrrtz7ii82] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-yrrtz7ii82] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-yrrtz7ii82] {
        opacity: .4;
        cursor: not-allowed;
    }

@media (max-width:800px) {
    .vwc[b-yrrtz7ii82] {
        grid-template-columns: 1fr;
    }

    .vwc-thumb[b-yrrtz7ii82] {
        height: 150px;
    }

    .vwc-when[b-yrrtz7ii82] {
        margin-left: 0;
        text-align: left;
    }

    .vwc-date[b-yrrtz7ii82] {
        justify-content: flex-start;
    }

    .vwc-client[b-yrrtz7ii82] {
        flex-wrap: wrap;
    }

    .vwc-actions[b-yrrtz7ii82] {
        margin-left: 0;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.ct[b-tmv2neh723] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.ct-container[b-tmv2neh723] {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 16px;
}

.ct-header[b-tmv2neh723] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 20;
}

.ct-headrow[b-tmv2neh723] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.ct-logo[b-tmv2neh723] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.ct-nav[b-tmv2neh723] {
    display: flex;
    gap: 18px;
    margin-left: auto;
}

    .ct-nav a[b-tmv2neh723] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .ct-nav a.active[b-tmv2neh723], .ct-nav a:hover[b-tmv2neh723] {
            color: var(--g);
            font-weight: 600;
        }

.ct-cta[b-tmv2neh723] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.ct-center[b-tmv2neh723] {
    display: flex;
    justify-content: center;
    padding: 70px 0;
}

.ct-hero[b-tmv2neh723] {
    background: linear-gradient(135deg,#e6f2f2,#f4f6f8);
    padding: 44px 0 38px;
    border-bottom: 1px solid #e2e8f0;
}

.ct-h1[b-tmv2neh723] {
    font-size: 2.2rem;
    font-weight: 800;
    color: #1a3c40;
}

.ct-sub[b-tmv2neh723] {
    color: #5f6c72;
    margin-top: 8px;
}

.ct-body[b-tmv2neh723] {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 24px;
    padding: 32px 16px 40px;
    align-items: start;
}

.ct-info[b-tmv2neh723] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ci-card[b-tmv2neh723] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 18px 20px;
    display: flex;
    gap: 14px;
}

.ci-ic[b-tmv2neh723] {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: #e6f2f2;
    color: var(--g);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ci-lbl[b-tmv2neh723] {
    color: #8a949a;
    font-size: .76rem;
    margin-bottom: 3px;
}

.ci-val[b-tmv2neh723] {
    color: #1a202c;
    font-weight: 600;
    font-size: .92rem;
    line-height: 1.5;
    display: block;
}

    .ci-val.link[b-tmv2neh723] {
        color: var(--g);
        text-decoration: none;
    }

.ct-social[b-tmv2neh723] {
    display: flex;
    gap: 10px;
}

.soc[b-tmv2neh723] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    color: var(--g);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    text-decoration: none;
    transition: .15s;
}

    .soc:hover[b-tmv2neh723] {
        background: var(--g);
        color: #fff;
    }

.ct-form[b-tmv2neh723] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 3px 16px rgba(0,0,0,.07);
    padding: 26px 28px;
}

.ct-h2[b-tmv2neh723] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 6px;
}

.ct-note[b-tmv2neh723] {
    color: #718096;
    font-size: .9rem;
    line-height: 1.6;
    margin-bottom: 18px;
}

.ct-grid[b-tmv2neh723] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 14px;
}

.ct-full[b-tmv2neh723] {
    grid-column: 1 / -1;
}

.ct-form[b-tmv2neh723]  .mud-input-control {
    min-width: 0;
}

.ct-hint[b-tmv2neh723] {
    color: #8a949a;
    font-size: .8rem;
    margin: 12px 0 4px;
}

.ct-btn[b-tmv2neh723] {
    border-radius: 9px;
    height: 44px;
    padding: 0 30px;
    margin-top: 8px;
}

.ct-map[b-tmv2neh723] {
    margin-bottom: 0;
    line-height: 0;
}

    .ct-map iframe[b-tmv2neh723] {
        width: 100%;
        height: 380px;
        border: 0;
    }

@media (max-width:900px) {
    .ct-body[b-tmv2neh723] {
        grid-template-columns: 1fr;
    }

    .ct-nav[b-tmv2neh723] {
        display: none;
    }
}

@media (max-width:560px) {
    .ct-grid[b-tmv2neh723] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.lp[b-n8wspa5bfq] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.lp-container[b-n8wspa5bfq] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Толгой */
.lp-header[b-n8wspa5bfq] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 10;
}

.lp-headrow[b-n8wspa5bfq] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.lp-logo[b-n8wspa5bfq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.15rem;
    color: #1a202c;
}

.lp-nav[b-n8wspa5bfq] {
    display: flex;
    gap: 22px;
    margin-left: auto;
}

    .lp-nav a[b-n8wspa5bfq] {
        color: #4a5568;
        text-decoration: none;
        font-size: .92rem;
    }

        .lp-nav a.active[b-n8wspa5bfq], .lp-nav a:hover[b-n8wspa5bfq] {
            color: var(--g);
        }

.lp-cta[b-n8wspa5bfq] {
    background: var(--g);
    color: #fff;
    padding: 9px 18px;
    border-radius: 22px;
    text-decoration: none;
    font-size: .9rem;
}

.lp-center[b-n8wspa5bfq] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* HERO */
.hero[b-n8wspa5bfq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    padding: 44px 0 40px;
}

.hero-badge[b-n8wspa5bfq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--g);
    color: #fff;
    font-size: .8rem;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 20px;
}

.hero-h1[b-n8wspa5bfq] {
    font-size: 3rem;
    line-height: 1.12;
    font-weight: 800;
    color: #1a3c40;
    margin: 20px 0 16px;
}

    .hero-h1 span[b-n8wspa5bfq] {
        color: var(--g);
    }

.hero-sub[b-n8wspa5bfq] {
    color: #5f6c72;
    font-size: 1rem;
    line-height: 1.6;
    max-width: 520px;
    margin-bottom: 26px;
}

.search-card[b-n8wspa5bfq] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0,0,0,.10);
    padding: 20px;
}

.sc-row.two[b-n8wspa5bfq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.fcell[b-n8wspa5bfq] {
    min-width: 0;
}

.sc-btn[b-n8wspa5bfq] {
    border-radius: 10px;
    height: 48px;
    margin-top: 10px;
    font-weight: 600;
}

.sc-reset[b-n8wspa5bfq] {
    text-align: center;
    margin-top: 4px;
}

.search-card[b-n8wspa5bfq]  .mud-input-control {
    min-width: 0;
}

.stats[b-n8wspa5bfq] {
    display: flex;
    gap: 44px;
    margin-top: 34px;
}

.stat-num[b-n8wspa5bfq] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--g);
}

    .stat-num span[b-n8wspa5bfq] {
        font-size: 1.2rem;
    }

.stat-lbl[b-n8wspa5bfq] {
    color: #5f6c72;
    font-size: .85rem;
    margin-top: 2px;
}

.hero-right[b-n8wspa5bfq] {
    position: relative;
}

.feat-wrap[b-n8wspa5bfq] {
    position: relative;
}

.feat-img[b-n8wspa5bfq] {
    height: 460px;
    border-radius: 18px;
    background-size: cover;
    background-position: center;
    box-shadow: 0 12px 40px rgba(0,0,0,.15);
    position: relative;
}

.feat-price[b-n8wspa5bfq] {
    position: absolute;
    top: 18px;
    right: 18px;
    background: #fff;
    border-radius: 12px;
    padding: 12px 16px;
    text-align: center;
    box-shadow: 0 4px 14px rgba(0,0,0,.18);
}

.fp-amount[b-n8wspa5bfq] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.05rem;
}

.fp-tag[b-n8wspa5bfq] {
    color: #8a949a;
    font-size: .68rem;
    letter-spacing: .06em;
    margin-top: 2px;
}

.feat-thumb[b-n8wspa5bfq] {
    position: absolute;
    top: -26px;
    left: -26px;
    width: 180px;
    height: 132px;
    border-radius: 14px;
    background-size: cover;
    background-position: center;
    border: 5px solid #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

.agent-card[b-n8wspa5bfq] {
    position: absolute;
    bottom: -24px;
    left: 24px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 26px rgba(0,0,0,.16);
    padding: 14px 18px;
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 250px;
}

.agent-ava[b-n8wspa5bfq] {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.agent-name[b-n8wspa5bfq] {
    font-weight: 700;
    color: #1a3c40;
}

.agent-role[b-n8wspa5bfq] {
    color: #8a949a;
    font-size: .8rem;
}

.agent-rate[b-n8wspa5bfq] {
    color: #e0a400;
    font-size: .8rem;
    display: flex;
    align-items: center;
    gap: 3px;
    margin-top: 2px;
}

/* Grid */
.section-title[b-n8wspa5bfq] {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1a202c;
    margin: 40px 0 16px;
}

.grid[b-n8wspa5bfq] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    padding-bottom: 50px;
}

.prop-card[b-n8wspa5bfq] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    transition: transform .15s, box-shadow .15s;
}

    .prop-card:hover[b-n8wspa5bfq] {
        transform: translateY(-3px);
        box-shadow: 0 6px 18px rgba(0,0,0,.12);
    }

.prop-img[b-n8wspa5bfq] {
    height: 190px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.prop-badge[b-n8wspa5bfq] {
    position: absolute;
    top: 12px;
    left: 12px;
    background: var(--g);
    color: #fff;
    font-size: .72rem;
    padding: 5px 12px;
    border-radius: 6px;
}

.prop-body[b-n8wspa5bfq] {
    padding: 14px 16px;
}

.prop-title[b-n8wspa5bfq] {
    font-weight: 700;
    color: #1a202c;
}

.loc[b-n8wspa5bfq] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .9rem;
    margin-top: 3px;
}

    .loc.sm[b-n8wspa5bfq] {
        font-size: .8rem;
    }

.prop-meta[b-n8wspa5bfq] {
    display: flex;
    gap: 16px;
    color: #718096;
    font-size: .82rem;
    margin: 10px 0;
}

    .prop-meta span[b-n8wspa5bfq] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.prop-footer[b-n8wspa5bfq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #edf2f7;
    padding-top: 12px;
}

.prop-price[b-n8wspa5bfq] {
    color: #1a202c;
    font-weight: 700;
}

.view-btn[b-n8wspa5bfq] {
    border: 1.5px solid var(--g);
    color: var(--g);
    font-size: .78rem;
    padding: 6px 16px;
    border-radius: 20px;
    text-decoration: none;
}

@media (max-width:960px) {
    .hero[b-n8wspa5bfq] {
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .hero-h1[b-n8wspa5bfq] {
        font-size: 2.2rem;
    }

    .feat-thumb[b-n8wspa5bfq] {
        display: none;
    }

    .grid[b-n8wspa5bfq] {
        grid-template-columns: repeat(2,1fr);
    }

    .lp-nav[b-n8wspa5bfq] {
        display: none;
    }
}

@media (max-width:600px) {
    .grid[b-n8wspa5bfq] {
        grid-template-columns: 1fr;
    }

    .stats[b-n8wspa5bfq] {
        gap: 24px;
    }
}

.lp-user[b-n8wspa5bfq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.lp-uname[b-n8wspa5bfq] {
    color: #4a5568;
    font-size: .9rem;
    font-weight: 600;
}

.lp-mylink[b-n8wspa5bfq] {
    color: var(--g);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
}
.section-title[b-n8wspa5bfq] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.section-more[b-n8wspa5bfq] {
    color: var(--g);
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.auth-wrap[b-k0ssvqe3wh] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f6f8;
    font-family: Roboto, sans-serif;
    padding: 24px;
}

.auth-card[b-k0ssvqe3wh] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0,0,0,.10);
    padding: 36px 34px;
    width: 100%;
    max-width: 420px;
}

.auth-logo[b-k0ssvqe3wh] {
    display: block;
    text-align: center;
    color: #2c7a7b;
    font-weight: 800;
    font-size: 1.15rem;
    text-decoration: none;
    margin-bottom: 18px;
}

.auth-h[b-k0ssvqe3wh] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1a3c40;
    text-align: center;
}

.auth-sub[b-k0ssvqe3wh] {
    color: #8a949a;
    font-size: .9rem;
    text-align: center;
    margin: 6px 0 22px;
}

.auth-label[b-k0ssvqe3wh] {
    display: block;
    color: #4a5568;
    font-size: .85rem;
    font-weight: 600;
    margin: 14px 0 6px;
}

.auth-row[b-k0ssvqe3wh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .auth-row .auth-label[b-k0ssvqe3wh] {
        margin-top: 0;
    }

/* ===== InputText / ValidationMessage компонентын дотоод элемент — ::deep шаардлагатай ===== */
.auth-form[b-k0ssvqe3wh]  .auth-input {
    width: 100%;
    border: 1.5px solid #dfe4e8;
    border-radius: 9px;
    padding: 11px 13px;
    font-size: .95rem;
    font-family: Roboto, sans-serif;
    color: #1a202c;
    background: #fff;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-sizing: border-box;
}

    .auth-form[b-k0ssvqe3wh]  .auth-input:focus {
        border-color: #2c7a7b;
        box-shadow: 0 0 0 3px rgba(44,122,123,.12);
    }

    .auth-form[b-k0ssvqe3wh]  .auth-input::placeholder {
        color: #a8b2b9;
    }

    /* Blazor валидацийн үед автоматаар нэмэгддэг класс */
    .auth-form[b-k0ssvqe3wh]  .auth-input.invalid {
        border-color: #e53e3e;
        box-shadow: 0 0 0 3px rgba(229,62,62,.10);
    }

    .auth-form[b-k0ssvqe3wh]  .auth-input.modified.valid {
        border-color: #38a169;
    }

.auth-form[b-k0ssvqe3wh]  .auth-vmsg {
    color: #e53e3e;
    font-size: .78rem;
    display: block;
    margin-top: 4px;
}
/* ===== ::deep хэсэг дуусав ===== */

.auth-btn[b-k0ssvqe3wh] {
    width: 100%;
    background: #2c7a7b;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 13px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 22px;
    transition: .15s;
}

    .auth-btn:hover[b-k0ssvqe3wh] {
        background: #276869;
    }

.auth-error[b-k0ssvqe3wh] {
    background: #fed7d7;
    color: #9b2c2c;
    border-radius: 9px;
    padding: 11px 14px;
    font-size: .88rem;
    margin-bottom: 16px;
}

.auth-ok[b-k0ssvqe3wh] {
    background: #c6f6d5;
    color: #22543d;
    border-radius: 9px;
    padding: 11px 14px;
    font-size: .88rem;
    margin-bottom: 16px;
}

.auth-foot[b-k0ssvqe3wh] {
    text-align: center;
    color: #718096;
    font-size: .88rem;
    margin-top: 20px;
}

    .auth-foot a[b-k0ssvqe3wh] {
        color: #2c7a7b;
        font-weight: 600;
        text-decoration: none;
    }
/* /Components/Pages/Properties.razor.rz.scp.css */
.pl[b-pbn6moyb0p] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.pl-container[b-pbn6moyb0p] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Толгой */
.pl-header[b-pbn6moyb0p] {
    background: #fff;
    box-shadow: 0 1px 6px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 20;
}

.pl-headrow[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 24px;
    height: 64px;
}

.pl-logo[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    color: #1a202c;
    text-decoration: none;
}

.pl-nav[b-pbn6moyb0p] {
    display: flex;
    gap: 20px;
    margin-left: auto;
}

    .pl-nav a[b-pbn6moyb0p] {
        color: #4a5568;
        text-decoration: none;
        font-size: .9rem;
    }

        .pl-nav a.active[b-pbn6moyb0p], .pl-nav a:hover[b-pbn6moyb0p] {
            color: var(--g);
            font-weight: 600;
        }

.pl-user[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pl-mylink[b-pbn6moyb0p] {
    color: var(--g);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
}

.pl-cta[b-pbn6moyb0p] {
    background: var(--g);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    text-decoration: none;
    font-size: .85rem;
}

.pl-crumbbar[b-pbn6moyb0p] {
    background: #eef1f4;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
    font-size: .88rem;
}

    .pl-crumbbar a[b-pbn6moyb0p] {
        color: var(--g);
        text-decoration: none;
    }

    .pl-crumbbar span[b-pbn6moyb0p] {
        color: #a0aec0;
        margin: 0 8px;
    }

    .pl-crumbbar b[b-pbn6moyb0p] {
        color: #4a5568;
        font-weight: 600;
    }

/* Байрлал */
.pl-body[b-pbn6moyb0p] {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 22px;
    padding-top: 22px;
    padding-bottom: 50px;
    align-items: start;
}

.pl-side[b-pbn6moyb0p] {
    position: sticky;
    top: 84px;
}

.pl-center[b-pbn6moyb0p] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* Шүүлтүүр */
.fl-card[b-pbn6moyb0p] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 18px 18px 20px;
}

.fl-head[b-pbn6moyb0p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.fl-h[b-pbn6moyb0p] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a3c40;
}

.fl-clear[b-pbn6moyb0p] {
    background: none;
    border: none;
    color: #e53e3e;
    font-size: .8rem;
    cursor: pointer;
    font-family: inherit;
}

    .fl-clear:hover[b-pbn6moyb0p] {
        text-decoration: underline;
    }

.fl-block[b-pbn6moyb0p] {
    margin-bottom: 14px;
}

.fl-lbl[b-pbn6moyb0p] {
    color: #4a5568;
    font-size: .82rem;
    font-weight: 600;
    margin-bottom: 7px;
}

.fl-two[b-pbn6moyb0p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.fl-card[b-pbn6moyb0p]  .mud-input-control {
    min-width: 0;
}

.fl-btn[b-pbn6moyb0p] {
    border-radius: 9px;
    height: 42px;
    margin-top: 4px;
}

.fl-chips[b-pbn6moyb0p] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.fl-chip[b-pbn6moyb0p] {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 16px;
    padding: 5px 13px;
    font-size: .82rem;
    cursor: pointer;
    font-family: inherit;
    transition: .15s;
}

    .fl-chip:hover[b-pbn6moyb0p] {
        border-color: var(--g);
        color: var(--g);
    }

    .fl-chip.on[b-pbn6moyb0p] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 600;
    }

/* Toolbar */
.pl-toolbar[b-pbn6moyb0p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 12px 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.pl-count[b-pbn6moyb0p] {
    color: #4a5568;
    font-size: .9rem;
}

.pl-range[b-pbn6moyb0p] {
    color: #a0aec0;
    margin-left: 6px;
}

.pl-tools[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pl-sort[b-pbn6moyb0p] {
    min-width: 200px;
}

.pl-toolbar[b-pbn6moyb0p]  .mud-input-control {
    min-width: 0;
}

.pl-viewtoggle[b-pbn6moyb0p] {
    display: flex;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.pl-vbtn[b-pbn6moyb0p] {
    background: #fff;
    border: none;
    color: #a0aec0;
    padding: 7px 11px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

    .pl-vbtn.on[b-pbn6moyb0p] {
        background: var(--g);
        color: #fff;
    }

/* Grid карт */
.pl-grid[b-pbn6moyb0p] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 18px;
}

.gcard[b-pbn6moyb0p] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    text-decoration: none;
    display: block;
    transition: transform .15s, box-shadow .15s;
}

    .gcard:hover[b-pbn6moyb0p] {
        transform: translateY(-3px);
        box-shadow: 0 8px 22px rgba(0,0,0,.12);
    }

.gcard-img[b-pbn6moyb0p] {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    position: relative;
}

.gcard-badge[b-pbn6moyb0p] {
    position: absolute;
    top: 11px;
    left: 11px;
    background: var(--g);
    color: #fff;
    font-size: .72rem;
    font-weight: 600;
    padding: 4px 11px;
    border-radius: 6px;
}

    .gcard-badge.static[b-pbn6moyb0p] {
        position: static;
        white-space: nowrap;
    }

.gcard-imgs[b-pbn6moyb0p] {
    position: absolute;
    bottom: 9px;
    right: 9px;
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: .72rem;
    padding: 3px 9px;
    border-radius: 11px;
}

.gcard-body[b-pbn6moyb0p] {
    padding: 14px 16px;
}

.gcard-title[b-pbn6moyb0p] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1rem;
}

.gcard-loc[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .82rem;
    margin-top: 3px;
}

.gcard-meta[b-pbn6moyb0p] {
    display: flex;
    gap: 14px;
    color: #718096;
    font-size: .82rem;
    margin: 10px 0;
    flex-wrap: wrap;
}

    .gcard-meta span[b-pbn6moyb0p] {
        display: flex;
        align-items: center;
        gap: 4px;
    }

.gcard-foot[b-pbn6moyb0p] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid #edf2f7;
    padding-top: 11px;
}

.gcard-price[b-pbn6moyb0p] {
    color: var(--g);
    font-weight: 800;
    font-size: 1.05rem;
}

.gcard-sqm[b-pbn6moyb0p] {
    color: #a0aec0;
    font-size: .76rem;
}

/* Жагсаалт мөр */
.pl-rows[b-pbn6moyb0p] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rcard[b-pbn6moyb0p] {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,.06);
    display: grid;
    grid-template-columns: 230px 1fr;
    text-decoration: none;
    transition: box-shadow .15s;
}

    .rcard:hover[b-pbn6moyb0p] {
        box-shadow: 0 6px 20px rgba(0,0,0,.11);
    }

.rcard-img[b-pbn6moyb0p] {
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    min-height: 150px;
    position: relative;
}

.rcard-body[b-pbn6moyb0p] {
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
}

.rcard-top[b-pbn6moyb0p] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.rcard-addr[b-pbn6moyb0p] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #718096;
    font-size: .84rem;
    margin-top: 4px;
}

.rcard-foot[b-pbn6moyb0p] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: auto;
    border-top: 1px solid #edf2f7;
    padding-top: 11px;
}

/* Хоосон */
.pl-empty[b-pbn6moyb0p] {
    background: #fff;
    border-radius: 14px;
    padding: 60px 20px;
    text-align: center;
    color: #a0aec0;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

    .pl-empty p[b-pbn6moyb0p] {
        margin: 14px 0 18px;
    }

/* Хуудаслалт */
.pl-pager[b-pbn6moyb0p] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 28px;
}

.pg-btn[b-pbn6moyb0p] {
    min-width: 38px;
    height: 38px;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    color: #4a5568;
    border-radius: 8px;
    cursor: pointer;
    font-family: inherit;
    font-size: .88rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .15s;
}

    .pg-btn:hover:not(:disabled):not(.on)[b-pbn6moyb0p] {
        border-color: var(--g);
        color: var(--g);
    }

    .pg-btn.on[b-pbn6moyb0p] {
        background: var(--g);
        border-color: var(--g);
        color: #fff;
        font-weight: 700;
    }

    .pg-btn:disabled[b-pbn6moyb0p] {
        opacity: .4;
        cursor: not-allowed;
    }

.pg-dots[b-pbn6moyb0p] {
    color: #a0aec0;
    padding: 0 4px;
}

@media (max-width:1000px) {
    .pl-body[b-pbn6moyb0p] {
        grid-template-columns: 1fr;
    }

    .pl-side[b-pbn6moyb0p] {
        position: static;
    }

    .pl-grid[b-pbn6moyb0p] {
        grid-template-columns: repeat(2,1fr);
    }

    .pl-nav[b-pbn6moyb0p] {
        display: none;
    }
}

@media (max-width:600px) {
    .pl-grid[b-pbn6moyb0p] {
        grid-template-columns: 1fr;
    }

    .rcard[b-pbn6moyb0p] {
        grid-template-columns: 1fr;
    }

    .rcard-img[b-pbn6moyb0p] {
        height: 170px;
    }

    .pl-toolbar[b-pbn6moyb0p] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/PropertyDetail.razor.rz.scp.css */
.pd[b-mugicbffdg] {
    --g: var(--mud-palette-primary, #2c7a7b);
    font-family: Roboto, sans-serif;
    background: #f4f6f8;
    min-height: 100vh;
}

.pd-container[b-mugicbffdg] {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 16px;
}

.pd-center[b-mugicbffdg] {
    display: flex;
    justify-content: center;
    padding: 60px 0;
}

/* ===================== Breadcrumb ===================== */
.pd-crumbbar[b-mugicbffdg] {
    background: #eef1f4;
    border-bottom: 1px solid #e2e8f0;
    padding: 12px 0;
    margin-bottom: 24px;
    font-size: .88rem;
}

    .pd-crumbbar a[b-mugicbffdg] {
        color: var(--g);
        text-decoration: none;
    }

        .pd-crumbbar a:hover[b-mugicbffdg] {
            text-decoration: underline;
        }

    .pd-crumbbar span[b-mugicbffdg] {
        color: #a0aec0;
        margin: 0 8px;
    }

    .pd-crumbbar b[b-mugicbffdg] {
        color: #4a5568;
        font-weight: 600;
    }

/* ====================== Байрлал ====================== */
.pd-grid[b-mugicbffdg] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    padding-bottom: 50px;
}

/* ====================== Галерей ====================== */
.gallery[b-mugicbffdg] {
    margin-bottom: 24px;
}

.g-main[b-mugicbffdg] {
    height: 440px;
    border-radius: 16px;
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    box-shadow: 0 8px 26px rgba(0,0,0,.12);
    position: relative;
}

.g-arrow[b-mugicbffdg] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.9);
    color: #1a202c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
    transition: background .15s;
}

    .g-arrow:hover[b-mugicbffdg] {
        background: #fff;
    }

    .g-arrow.left[b-mugicbffdg] {
        left: 14px;
    }

    .g-arrow.right[b-mugicbffdg] {
        right: 14px;
    }

.g-counter[b-mugicbffdg], .g-noimg[b-mugicbffdg] {
    position: absolute;
    bottom: 14px;
    right: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: .78rem;
    padding: 5px 12px;
    border-radius: 14px;
}

.g-thumbs[b-mugicbffdg] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 10px;
}

.g-thumb[b-mugicbffdg] {
    height: 86px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
    cursor: pointer;
    opacity: .6;
    border: 3px solid transparent;
    transition: opacity .15s, border-color .15s;
}

    .g-thumb:hover[b-mugicbffdg] {
        opacity: 1;
    }

    .g-thumb.active[b-mugicbffdg] {
        opacity: 1;
        border-color: var(--g);
    }

/* ====================== Тайлбар ====================== */
.about[b-mugicbffdg] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
}

.about-h[b-mugicbffdg] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 14px;
}

.about-p[b-mugicbffdg] {
    color: #4a5568;
    line-height: 1.75;
    margin: 8px 0;
}

/* ================= Дотоод мэдээлэл ================= */
.inside[b-mugicbffdg] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    padding: 22px 24px;
    margin-top: 20px;
    border-left: 4px solid var(--g);
}

.inside-head[b-mugicbffdg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    gap: 12px;
}

.inside-h[b-mugicbffdg] {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a3c40;
}

.inside-edit[b-mugicbffdg] {
    display: flex;
    align-items: center;
    gap: 5px;
    background: var(--g);
    color: #fff;
    font-size: .82rem;
    padding: 7px 16px;
    border-radius: 18px;
    text-decoration: none;
    white-space: nowrap;
    transition: opacity .15s;
}

    .inside-edit:hover[b-mugicbffdg] {
        opacity: .88;
    }

.inside-grid[b-mugicbffdg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 20px;
}

.ig-item[b-mugicbffdg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ig-lbl[b-mugicbffdg] {
    color: #8a949a;
    font-size: .76rem;
}

.ig-val[b-mugicbffdg] {
    color: #1a202c;
    font-weight: 600;
    font-size: .92rem;
}

.ig-badge[b-mugicbffdg] {
    display: inline-block;
    width: fit-content;
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 12px;
}

/* ====================== Sidebar ====================== */
.pd-aside[b-mugicbffdg] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    top: 88px;
    align-self: start;
}

.side-card[b-mugicbffdg] {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 18px rgba(0,0,0,.08);
    padding: 22px;
}

.sc-price[b-mugicbffdg] {
    font-size: 1.9rem;
    font-weight: 800;
    color: var(--g);
    line-height: 1.1;
}

.sc-badge[b-mugicbffdg] {
    display: inline-block;
    background: #e6f2f2;
    color: var(--g);
    font-size: .72rem;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 6px;
    margin: 8px 0 16px;
    letter-spacing: .04em;
}

.sc-addr-title[b-mugicbffdg] {
    font-weight: 700;
    color: #1a3c40;
    font-size: 1.05rem;
}

.sc-addr[b-mugicbffdg] {
    color: #718096;
    font-size: .9rem;
    margin-top: 3px;
    padding-bottom: 16px;
    border-bottom: 1px solid #edf2f7;
    line-height: 1.5;
}

.specs[b-mugicbffdg] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 12px;
    padding: 18px 0;
    border-bottom: 1px solid #edf2f7;
}

/* ================== Агентын хэсэг ================== */
.agent-box[b-mugicbffdg] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding-top: 18px;
}

.agent-ava[b-mugicbffdg] {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #e8edee;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .agent-ava img[b-mugicbffdg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.agent-initial[b-mugicbffdg] {
    background: var(--g);
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 800;
}

.agent-name[b-mugicbffdg] {
    display: block;
    font-weight: 700;
    color: #1a3c40;
    text-decoration: none;
}

    .agent-name:hover[b-mugicbffdg] {
        color: var(--g);
    }

.agent-role[b-mugicbffdg] {
    color: #8a949a;
    font-size: .82rem;
    margin-bottom: 4px;
}

.agent-line[b-mugicbffdg] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--g);
    font-size: .85rem;
    text-decoration: none;
}

    .agent-line:hover[b-mugicbffdg] {
        text-decoration: underline;
    }

/* ================= Үзлэг захиалах ================= */
.tour-h[b-mugicbffdg] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a3c40;
    margin-bottom: 14px;
}

.mb-2[b-mugicbffdg] {
    margin-bottom: 10px;
}

.mt-2[b-mugicbffdg] {
    margin-top: 10px;
}

.side-card[b-mugicbffdg]  .mud-input-control {
    min-width: 0;
}

.tour-ok[b-mugicbffdg] {
    display: flex;
    gap: 12px;
    align-items: center;
    background: #e6fffa;
    border-radius: 11px;
    padding: 14px 16px;
    color: #276749;
}

.tour-okh[b-mugicbffdg] {
    font-weight: 700;
    font-size: .95rem;
}

.tour-oks[b-mugicbffdg] {
    font-size: .82rem;
    opacity: .85;
    margin-top: 2px;
}

/* ====================== Responsive ====================== */
@media (max-width: 900px) {
    .pd-grid[b-mugicbffdg] {
        grid-template-columns: 1fr;
    }

    .pd-aside[b-mugicbffdg] {
        position: static;
    }

    .g-main[b-mugicbffdg] {
        height: 340px;
    }
}

@media (max-width: 600px) {
    .g-thumbs[b-mugicbffdg] {
        grid-template-columns: repeat(3, 1fr);
    }

    .g-thumb[b-mugicbffdg] {
        height: 70px;
    }

    .g-main[b-mugicbffdg] {
        height: 250px;
    }

    .specs[b-mugicbffdg] {
        grid-template-columns: 1fr;
    }

    .inside-grid[b-mugicbffdg] {
        grid-template-columns: 1fr;
    }

    .inside-head[b-mugicbffdg] {
        flex-direction: column;
        align-items: flex-start;
    }

    .sc-price[b-mugicbffdg] {
        font-size: 1.6rem;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.auth-wrap[b-lgqv491pw9] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f6f8;
    font-family: Roboto, sans-serif;
    padding: 24px;
}

.auth-card[b-lgqv491pw9] {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0,0,0,.10);
    padding: 36px 34px;
    width: 100%;
    max-width: 420px;
}

.auth-logo[b-lgqv491pw9] {
    display: block;
    text-align: center;
    color: #2c7a7b;
    font-weight: 800;
    font-size: 1.15rem;
    text-decoration: none;
    margin-bottom: 18px;
}

.auth-h[b-lgqv491pw9] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1a3c40;
    text-align: center;
}

.auth-sub[b-lgqv491pw9] {
    color: #8a949a;
    font-size: .9rem;
    text-align: center;
    margin: 6px 0 22px;
}

.auth-label[b-lgqv491pw9] {
    display: block;
    color: #4a5568;
    font-size: .85rem;
    font-weight: 600;
    margin: 14px 0 6px;
}

.auth-row[b-lgqv491pw9] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

    .auth-row .auth-label[b-lgqv491pw9] {
        margin-top: 0;
    }

/* ===== InputText / ValidationMessage компонентын дотоод элемент — ::deep шаардлагатай ===== */
.auth-form[b-lgqv491pw9]  .auth-input {
    width: 100%;
    border: 1.5px solid #dfe4e8;
    border-radius: 9px;
    padding: 11px 13px;
    font-size: .95rem;
    font-family: Roboto, sans-serif;
    color: #1a202c;
    background: #fff;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    box-sizing: border-box;
}

    .auth-form[b-lgqv491pw9]  .auth-input:focus {
        border-color: #2c7a7b;
        box-shadow: 0 0 0 3px rgba(44,122,123,.12);
    }

    .auth-form[b-lgqv491pw9]  .auth-input::placeholder {
        color: #a8b2b9;
    }

    /* Blazor валидацийн үед автоматаар нэмэгддэг класс */
    .auth-form[b-lgqv491pw9]  .auth-input.invalid {
        border-color: #e53e3e;
        box-shadow: 0 0 0 3px rgba(229,62,62,.10);
    }

    .auth-form[b-lgqv491pw9]  .auth-input.modified.valid {
        border-color: #38a169;
    }

.auth-form[b-lgqv491pw9]  .auth-vmsg {
    color: #e53e3e;
    font-size: .78rem;
    display: block;
    margin-top: 4px;
}
/* ===== ::deep хэсэг дуусав ===== */

.auth-btn[b-lgqv491pw9] {
    width: 100%;
    background: #2c7a7b;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 13px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 22px;
    transition: .15s;
}

    .auth-btn:hover[b-lgqv491pw9] {
        background: #276869;
    }

.auth-error[b-lgqv491pw9] {
    background: #fed7d7;
    color: #9b2c2c;
    border-radius: 9px;
    padding: 11px 14px;
    font-size: .88rem;
    margin-bottom: 16px;
}

.auth-ok[b-lgqv491pw9] {
    background: #c6f6d5;
    color: #22543d;
    border-radius: 9px;
    padding: 11px 14px;
    font-size: .88rem;
    margin-bottom: 16px;
}

.auth-foot[b-lgqv491pw9] {
    text-align: center;
    color: #718096;
    font-size: .88rem;
    margin-top: 20px;
}

    .auth-foot a[b-lgqv491pw9] {
        color: #2c7a7b;
        font-weight: 600;
        text-decoration: none;
    }
/* /Components/Shared/AgentPhotoUpload.razor.rz.scp.css */
.ap[b-v2oxa1mx5p] {
    --g: var(--mud-palette-primary, #2c7a7b);
    display: flex;
    gap: 18px;
    align-items: center;
}

.ap-preview[b-v2oxa1mx5p] {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #e8edee;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
    border: 3px solid #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,.12);
}

    .ap-preview img[b-v2oxa1mx5p] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.ap-initial[b-v2oxa1mx5p] {
    background: var(--g);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.1rem;
    font-weight: 800;
}

.ap-overlay[b-v2oxa1mx5p] {
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.75);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ap-side[b-v2oxa1mx5p] {
    min-width: 0;
}

.ap-title[b-v2oxa1mx5p] {
    font-weight: 700;
    color: #1a3c40;
    font-size: .95rem;
}

.ap-hint[b-v2oxa1mx5p] {
    color: #98a4ab;
    font-size: .76rem;
    margin: 2px 0 10px;
}

.ap-buttons[b-v2oxa1mx5p] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ap-btn[b-v2oxa1mx5p] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--g);
    color: #fff;
    border: none;
    font-size: .82rem;
    padding: 8px 16px;
    border-radius: 18px;
    cursor: pointer;
    font-family: inherit;
    transition: opacity .15s;
}

    .ap-btn:hover:not(.disabled):not(:disabled)[b-v2oxa1mx5p] {
        opacity: .88;
    }

    .ap-btn.disabled[b-v2oxa1mx5p], .ap-btn:disabled[b-v2oxa1mx5p] {
        opacity: .5;
        cursor: not-allowed;
    }

    .ap-btn.outline[b-v2oxa1mx5p] {
        background: #fff;
        color: #c53030;
        border: 1.5px solid #c53030;
    }

        .ap-btn.outline:hover:not(:disabled)[b-v2oxa1mx5p] {
            background: #c53030;
            color: #fff;
            opacity: 1;
        }

    .ap-btn[b-v2oxa1mx5p]  input[type=file] {
        display: none;
    }
/* /Components/Shared/Fact.razor.rz.scp.css */
.fact[b-s63kn10elg] {
    display: flex;
    gap: 9px;
    align-items: center;
}

.fact-ic[b-s63kn10elg] {
    color: var(--mud-palette-primary, #2c7a7b);
}

.fact-lbl[b-s63kn10elg] {
    color: #8a949a;
    font-size: .74rem;
}

.fact-val[b-s63kn10elg] {
    color: #1a202c;
    font-weight: 700;
    font-size: .95rem;
}
/* /Components/Shared/ImageManager.razor.rz.scp.css */
.im[b-tx0si5ty6j] {
    --g: var(--mud-palette-primary, #2c7a7b);
}

.im-head[b-tx0si5ty6j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.im-h[b-tx0si5ty6j] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a3c40;
}

.im-hint[b-tx0si5ty6j] {
    color: #8a949a;
    font-size: .78rem;
    margin: 6px 0 14px;
}

.im-upload[b-tx0si5ty6j] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--g);
    color: #fff;
    font-size: .82rem;
    padding: 8px 18px;
    border-radius: 18px;
    cursor: pointer;
    transition: .15s;
}

    .im-upload:hover[b-tx0si5ty6j] {
        opacity: .9;
    }

    .im-upload.disabled[b-tx0si5ty6j] {
        opacity: .5;
        cursor: not-allowed;
    }

    .im-upload[b-tx0si5ty6j]  input[type=file] {
        display: none;
    }

.im-grid[b-tx0si5ty6j] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.im-item[b-tx0si5ty6j] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 3px solid transparent;
}

    .im-item.main[b-tx0si5ty6j] {
        border-color: var(--g);
    }

.im-thumb[b-tx0si5ty6j] {
    height: 110px;
    background-size: cover;
    background-position: center;
    background-color: #e2e8f0;
}

.im-badge[b-tx0si5ty6j] {
    position: absolute;
    top: 6px;
    left: 6px;
    background: var(--g);
    color: #fff;
    font-size: .68rem;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 5px;
}

.im-tools[b-tx0si5ty6j] {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    gap: 5px;
    opacity: 0;
    transition: .15s;
}

.im-item:hover .im-tools[b-tx0si5ty6j] {
    opacity: 1;
}

.im-tool[b-tx0si5ty6j] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background: rgba(255,255,255,.92);
    color: #4a5568;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .im-tool:hover[b-tx0si5ty6j] {
        background: #fff;
    }

    .im-tool.del:hover[b-tx0si5ty6j] {
        color: #e53e3e;
    }

    .im-tool:disabled[b-tx0si5ty6j] {
        opacity: .5;
        cursor: not-allowed;
    }

.im-empty[b-tx0si5ty6j] {
    background: #f7fafc;
    border: 2px dashed #e2e8f0;
    border-radius: 12px;
    padding: 34px 20px;
    text-align: center;
    color: #a0aec0;
}

    .im-empty p[b-tx0si5ty6j] {
        margin: 8px 0 0;
        font-size: .88rem;
    }
/* /Components/Shared/SiteHeader.razor.rz.scp.css */
.hd[b-yh8pmvpp99] {
    --g: var(--mud-palette-primary, #2c7a7b);
    background: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,.07);
    position: sticky;
    top: 0;
    z-index: 30;
    font-family: Roboto, sans-serif;
}

.hd-inner[b-yh8pmvpp99] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    height: 68px;
    display: flex;
    align-items: center;
    gap: 28px;
    position: relative;
    z-index: 2;
}

/* Гол цэс */
.hd-nav[b-yh8pmvpp99] {
    display: flex;
    gap: 4px;
    margin-left: 8px;
}

    .hd-nav a[b-yh8pmvpp99] {
        color: #5a6772;
        text-decoration: none;
        font-size: .92rem;
        padding: 8px 14px;
        border-radius: 8px;
        white-space: nowrap;
        transition: background .15s, color .15s;
    }

        .hd-nav a:hover[b-yh8pmvpp99] {
            background: #f1f5f6;
            color: #1a3c40;
        }

        .hd-nav a.active[b-yh8pmvpp99] {
            color: var(--g);
            font-weight: 600;
            background: #e9f3f3;
        }

/* Баруун тал */
.hd-right[b-yh8pmvpp99] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.hd-login[b-yh8pmvpp99] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--g);
    color: #fff;
    padding: 9px 20px;
    border-radius: 22px;
    text-decoration: none;
    font-size: .88rem;
    font-weight: 500;
    transition: opacity .15s;
}

    .hd-login:hover[b-yh8pmvpp99] {
        opacity: .88;
    }

/* Хэрэглэгчийн товч */
.hd-account[b-yh8pmvpp99] {
    position: relative;
}

.hd-user[b-yh8pmvpp99] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px 6px 6px;
    border-radius: 26px;
    cursor: pointer;
    background: #fff;
    border: 1.5px solid #e8edee;
    font-family: inherit;
    transition: border-color .15s, background .15s;
}

    .hd-user:hover[b-yh8pmvpp99], .hd-user.on[b-yh8pmvpp99] {
        border-color: var(--g);
        background: #f7fbfb;
    }

        .hd-user.on .hd-caret[b-yh8pmvpp99] {
            transform: rotate(180deg);
        }

.hd-avawrap[b-yh8pmvpp99] {
    position: relative;
    flex-shrink: 0;
}

.hd-ava[b-yh8pmvpp99] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .95rem;
}

.hd-badge[b-yh8pmvpp99] {
    position: absolute;
    top: -4px;
    right: -4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #e53e3e;
    color: #fff;
    font-size: .66rem;
    font-weight: 700;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}

.hd-uinfo[b-yh8pmvpp99] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    text-align: left;
}

.hd-uname[b-yh8pmvpp99] {
    font-size: .86rem;
    font-weight: 600;
    color: #1a3c40;
    white-space: nowrap;
}

.hd-urole[b-yh8pmvpp99] {
    font-size: .7rem;
    color: #98a4ab;
}

.hd-caret[b-yh8pmvpp99] {
    color: #98a4ab;
    transition: transform .18s;
}

/* Унжих цэс */
.hd-drop[b-yh8pmvpp99] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 252px;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 10px 34px rgba(0,0,0,.16);
    padding: 6px;
    z-index: 40;
    animation: hd-in-b-yh8pmvpp99 .14s ease-out;
}

@keyframes hd-in-b-yh8pmvpp99 {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hd-mhead[b-yh8pmvpp99] {
    padding: 10px 12px 12px;
    border-bottom: 1px solid #edf2f7;
    margin-bottom: 6px;
}

.hd-mname[b-yh8pmvpp99] {
    font-weight: 700;
    color: #1a3c40;
    font-size: .95rem;
}

.hd-mrole[b-yh8pmvpp99] {
    color: #98a4ab;
    font-size: .76rem;
    margin-top: 2px;
}

.hd-mlabel[b-yh8pmvpp99] {
    color: #a8b2b9;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: 8px 12px 4px;
}

.hd-mitem[b-yh8pmvpp99] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 9px;
    color: #3d4d57;
    text-decoration: none;
    font-size: .89rem;
    transition: background .12s, color .12s;
}

    .hd-mitem:hover[b-yh8pmvpp99] {
        background: #f1f5f6;
        color: var(--g);
    }

    .hd-mitem.danger[b-yh8pmvpp99] {
        color: #c53030;
    }

        .hd-mitem.danger:hover[b-yh8pmvpp99] {
            background: #fff0f0;
            color: #9b2c2c;
        }

.hd-mcount[b-yh8pmvpp99] {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    background: #e53e3e;
    color: #fff;
    font-size: .7rem;
    font-weight: 700;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hd-msep[b-yh8pmvpp99] {
    height: 1px;
    background: #edf2f7;
    margin: 6px 4px;
}

/* Гадуур дарахад хаах давхарга */
.hd-backdrop[b-yh8pmvpp99] {
    position: fixed;
    inset: 0;
    z-index: 1;
}

/* Hamburger */
.hd-burger[b-yh8pmvpp99] {
    display: none;
    background: none;
    border: none;
    color: #4a5568;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
}

    .hd-burger:hover[b-yh8pmvpp99] {
        background: #f1f5f6;
    }

@media (max-width: 1000px) {
    .hd-inner[b-yh8pmvpp99] {
        gap: 14px;
        padding: 0 16px;
    }

    .hd-burger[b-yh8pmvpp99] {
        display: flex;
    }

    .hd-nav[b-yh8pmvpp99] {
        position: absolute;
        top: 68px;
        left: 0;
        right: 0;
        flex-direction: column;
        gap: 0;
        background: #fff;
        box-shadow: 0 8px 20px rgba(0,0,0,.12);
        padding: 8px 16px 16px;
        margin: 0;
        display: none;
        z-index: 40;
    }

        .hd-nav.open[b-yh8pmvpp99] {
            display: flex;
        }

        .hd-nav a[b-yh8pmvpp99] {
            padding: 13px 12px;
            border-radius: 0;
            border-bottom: 1px solid #f4f6f8;
        }

            .hd-nav a.active[b-yh8pmvpp99] {
                background: none;
            }
}

@media (max-width: 560px) {
    .hd-uinfo[b-yh8pmvpp99] {
        display: none;
    }

    .hd-user[b-yh8pmvpp99] {
        padding: 4px;
        border: none;
    }

    .hd-drop[b-yh8pmvpp99] {
        right: -8px;
        min-width: 238px;
    }
}
/* /Components/Shared/SiteLogo.razor.rz.scp.css */
.logo[b-ezt28us531] {
    --lg: var(--mud-palette-primary, #2c7a7b); /* ← нөөц өнгө нэмсэн */
    display: inline-flex;
    align-items: center;
    gap: 9px;
    text-decoration: none;
    color: #1a202c;
    font-family: Roboto, sans-serif;
    line-height: 1.1;
    transition: opacity .15s;
}

    .logo:hover[b-ezt28us531] {
        opacity: .82;
    }

.logo-mark[b-ezt28us531] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--lg); /* ← энгийн дүүргэлт (нөөц) */
    background-image: linear-gradient(135deg, var(--lg), rgba(0,0,0,.28));
    color: #fff;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

.logo-text[b-ezt28us531] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.logo-name[b-ezt28us531] {
    font-weight: 800;
    letter-spacing: -.01em;
    white-space: nowrap;
}

.logo-slogan[b-ezt28us531] {
    color: #8a949a;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ===== Хэмжээ ===== */
.logo.small .logo-mark[b-ezt28us531] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.logo.small .logo-name[b-ezt28us531] {
    font-size: .95rem;
}

.logo.small .logo-slogan[b-ezt28us531] {
    font-size: .66rem;
}

.logo.small[b-ezt28us531]  .mud-icon-root {
    font-size: 1.1rem;
}

.logo.normal .logo-mark[b-ezt28us531] {
    width: 36px;
    height: 36px;
}

.logo.normal .logo-name[b-ezt28us531] {
    font-size: 1.12rem;
}

.logo.normal .logo-slogan[b-ezt28us531] {
    font-size: .72rem;
    margin-top: 1px;
}

.logo.normal[b-ezt28us531]  .mud-icon-root {
    font-size: 1.35rem;
}

.logo.large .logo-mark[b-ezt28us531] {
    width: 48px;
    height: 48px;
    border-radius: 13px;
}

.logo.large .logo-name[b-ezt28us531] {
    font-size: 1.45rem;
}

.logo.large .logo-slogan[b-ezt28us531] {
    font-size: .82rem;
    margin-top: 2px;
}

.logo.large[b-ezt28us531]  .mud-icon-root {
    font-size: 1.75rem;
}

/* Бараан дэвсгэр дээр (footer гэх мэт) */
.logo.on-dark[b-ezt28us531] {
    color: #fff;
}

    .logo.on-dark .logo-mark[b-ezt28us531] {
        background: rgba(255,255,255,.16);
        box-shadow: none;
    }

    .logo.on-dark .logo-slogan[b-ezt28us531] {
        color: rgba(255,255,255,.7);
    }

@media (max-width: 520px) {
    .logo-slogan[b-ezt28us531] {
        display: none;
    }

    .logo.normal .logo-name[b-ezt28us531] {
        font-size: 1rem;
    }
}