.mps-agents{
    display:grid;
    gap:14px;
    width:100%;
    min-width:0;
}
.mps-agents-toolbar{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.mps-agents .mps-orders-search{
    flex:1 1 180px;
    min-width:0;
    width:auto;
}
.mps-agents-province{
    flex:0 1 auto;
    width:auto;
    min-width:0;
    max-width:min(220px,100%);
}
.mps-agents-province svg:last-of-type{
    width:14px;
    height:14px;
    margin-inline-start:-2px;
    color:var(--satoads-text-muted,#7d8187);
    pointer-events:none;
}
.mps-wrap .mps-agents-province select,
.mps-wrap .mps-agents-province select:hover,
.mps-wrap .mps-agents-province select:focus,
.mps-agents-province-select{
    width:auto !important;
    min-width:6.5rem !important;
    max-width:11rem !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:var(--satoads-text,#0a0a0a) !important;
    font:inherit !important;
    font-size:.92rem !important;
    font-weight:400 !important;
    line-height:1.3 !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    cursor:pointer;
    outline:none !important;
}
.mps-agents-count{
    margin:0;
    color:var(--satoads-text-muted,#7d8187);
    font-size:13px;
    font-variant-numeric:tabular-nums;
}
.mps-agents-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:12px;
}
.mps-agents-card[hidden]{
    display:none !important;
}
.mps-agents-card{
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-surface,#fff);
    box-shadow:none;
    transition:border-color .2s ease;
}
.mps-agents-card:hover{
    border-color:var(--satoads-text-muted,#7d8187);
}
.mps-agents-card-media{
    display:block;
    position:relative;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:var(--satoads-surface-2,#f0f0ed);
    color:inherit;
    text-decoration:none;
}
.mps-agents-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s var(--satoads-ease,cubic-bezier(.22,1,.36,1));
}
.mps-agents-card:hover .mps-agents-card-media img{
    transform:scale(1.02);
}
.mps-agents-card-media-fallback{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:var(--satoads-text-muted,#7d8187);
    font-size:1.6rem;
    font-weight:700;
    letter-spacing:-.02em;
}
.mps-agents-card-media-fallback em{
    font-style:normal;
}
.mps-agents-card-body{
    display:grid;
    gap:10px;
    padding:14px 14px 4px;
    min-width:0;
    flex:1 1 auto;
}
.mps-agents-card-head{
    min-width:0;
}
.mps-agents-identity{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:inherit;
    text-decoration:none;
}
.mps-agents-identity:hover{
    opacity:1;
}
.mps-agents-identity-text{
    display:grid;
    gap:4px;
    min-width:0;
}
.mps-agents-avatar,
.mps-agent-avatar{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    overflow:hidden;
    background:var(--satoads-surface-2,#f0f0ed);
    color:var(--satoads-text,#0a0a0a);
    font-weight:700;
    line-height:1;
    border:1px solid var(--satoads-hairline,#e5e5e5);
}
.mps-agents-avatar{
    width:40px;
    height:40px;
    border-radius:var(--satoads-radius,8px);
    font-size:13px;
}
.mps-agents-avatar img,
.mps-agent-avatar img,
.mps-agent-cover img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.mps-agents-avatar em,
.mps-agent-avatar em{
    font-style:normal;
}
.mps-agents-name{
    margin:0;
    font-size:1rem;
    font-weight:700;
    line-height:1.3;
    letter-spacing:-.02em;
    color:var(--satoads-text,#0a0a0a);
}
.mps-agents-region{
    display:inline-flex;
    align-items:center;
    gap:5px;
    width:fit-content;
    color:var(--satoads-text-muted,#7d8187);
    font-size:12px;
    font-weight:400;
}
.mps-agents-excerpt{
    margin:0;
    color:var(--satoads-body,#363a3f);
    font-size:13px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-line-clamp:2;
    line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.mps-agents-card-facts{
    display:grid;
    gap:6px;
    margin:0;
    padding:0;
    list-style:none;
}
.mps-agents-card-facts li{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    color:var(--satoads-body,#363a3f);
    font-size:13px;
    line-height:1.4;
}
.mps-agents-card-facts svg{
    color:var(--satoads-text-muted,#7d8187);
}
.mps-agents-card-facts a{
    color:inherit;
    text-decoration:none;
    font-weight:400;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mps-agents-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
    padding:12px 14px 14px;
}
.mps-agents-actions .satoads-btn{
    justify-content:center;
    min-height:42px;
    text-decoration:none;
}
.mps-agents-actions .satoads-btn-primary{
    flex:1 1 100%;
}
.mps-agents-actions .satoads-btn-outline{
    flex:1 1 calc(50% - 4px);
}
.mps-agents [hidden]{
    display:none !important;
}
.mps-agents-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0;
    padding:48px 20px;
    border:1px dashed var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-surface,#fff);
    color:var(--satoads-text-muted,#7d8187);
    text-align:center;
}
.mps-agents-empty p{
    margin:0;
    font-size:.95rem;
}
.mps-wrap .mps-agents-empty-ico svg{
    width:28px !important;
    height:28px !important;
    max-width:28px !important;
    max-height:28px !important;
    color:var(--satoads-text-muted,#7d8187);
}

.mps-agent-profile{
    display:grid;
    gap:16px;
}
.mps-agent-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    padding:6px 10px;
    border:1px solid var(--satoads-hairline,#e5e5e5);
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-surface,#fff);
    color:var(--satoads-text,#0a0a0a);
    font-size:13px;
    font-weight:400;
    text-decoration:none;
}
.mps-agent-back:hover{
    opacity:1;
    border-color:var(--satoads-text-muted,#7d8187);
}
html[dir="rtl"] .mps-agent-back svg,
[dir="rtl"] .mps-agent-back svg{
    transform:scaleX(-1);
}
.mps-agent-stage{
    overflow:hidden;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-surface,#fff);
}
.mps-agent-cover{
    min-height:140px;
    background:var(--satoads-surface-2,#f0f0ed);
}
.mps-agent-stage.has-cover .mps-agent-cover{
    min-height:200px;
}
.mps-agent-identity{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 20px 20px;
}
.mps-agent-avatar{
    width:72px;
    height:72px;
    border-radius:var(--satoads-radius,8px);
    font-size:22px;
}
.mps-agent-titles{
    min-width:0;
    display:grid;
    gap:8px;
}
.mps-agent-title{
    margin:0;
    font-size:clamp(1.25rem,2.6vw,1.75rem);
    font-weight:400;
    letter-spacing:-.03em;
    line-height:1.2;
}
.mps-agent-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.mps-agent-badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 10px;
    border:1px solid var(--satoads-hairline,#e5e5e5);
    border-radius:var(--satoads-radius,8px);
    color:var(--satoads-text,#0a0a0a);
    font-size:12px;
    font-weight:400;
}
.mps-agent-badge.is-on{
    border-color:rgba(22,163,74,.28);
    background:rgba(22,163,74,.08);
    color:#15803d;
}
.mps-agent-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,320px);
    gap:16px;
    align-items:start;
}
.mps-agent-main,
.mps-agent-panel,
.mps-agent-related{
    min-width:0;
    padding:18px;
    border:1px solid var(--satoads-hairline,#e5e5e5);
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-surface,#fff);
}
.mps-agent-main{
    display:grid;
    gap:10px;
}
.mps-agent-main h2,
.mps-agent-panel h2,
.mps-agent-related h2{
    margin:0;
    font-size:13px;
    font-weight:400;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:var(--satoads-text-muted,#7d8187);
}
.mps-agent-bio-text{
    margin:0;
    color:var(--satoads-body,#363a3f);
    font-size:15px;
    line-height:1.7;
    white-space:pre-wrap;
}
.mps-agent-note{
    margin:0;
    padding-top:10px;
    border-top:1px solid var(--satoads-hairline,#e5e5e5);
    color:var(--satoads-text-muted,#7d8187);
    font-size:13px;
    line-height:1.6;
}
.mps-agent-aside{
    display:grid;
    gap:12px;
}
@media (min-width:801px){
    .mps-agent-aside{
        position:sticky;
        top:calc(var(--satoads-header-h,64px) + var(--satoads-admin-bar-h,0px) + 12px);
    }
}
.mps-agent-facts{
    display:grid;
    gap:0;
    margin:0;
}
.mps-agent-fact{
    display:grid;
    gap:4px;
    padding:12px 0;
    border-bottom:1px solid var(--satoads-hairline,#e5e5e5);
}
.mps-agent-fact:last-child{
    border-bottom:0;
}
.mps-agent-fact dt{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    color:var(--satoads-text-muted,#7d8187);
    font-size:12px;
    font-weight:400;
}
.mps-agent-fact dd{
    margin:0;
    color:var(--satoads-text,#0a0a0a);
    font-size:14px;
    line-height:1.5;
    word-break:break-word;
}
.mps-agent-fact a{
    color:inherit;
    text-decoration:none;
    font-weight:400;
}
.mps-agent-fact a:hover{
    text-decoration:underline;
}
.mps-agent-panel-actions{
    display:grid;
    gap:8px;
    margin-top:4px;
}
.mps-agent-panel-actions .satoads-btn{
    justify-content:center;
    min-height:42px;
    width:100%;
    cursor:pointer;
    text-decoration:none;
}
.mps-agent-related{
    display:grid;
    gap:14px;
}
.mps-agent-related .mps-agents-grid{
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
}
.mps-agent-dock{
    display:none;
}
.mps-agent-profile.has-dock{
    padding-bottom:8px;
}

@media (max-width:800px){
    .mps-agent-layout{
        grid-template-columns:1fr;
    }
    .mps-agent-aside{
        order:-1;
    }
    .mps-agent-stage.has-cover .mps-agent-cover{
        min-height:150px;
    }
    .mps-agent-identity{
        padding:14px;
        gap:12px;
    }
    .mps-agent-avatar{
        width:56px;
        height:56px;
        font-size:18px;
    }
    .mps-agent-profile.has-dock{
        padding-bottom:76px;
    }
    .mps-agent-dock{
        position:fixed;
        z-index:40;
        inset-inline:0;
        bottom:0;
        display:flex;
        gap:8px;
        padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
        border-top:1px solid var(--satoads-hairline,#e5e5e5);
        background:var(--satoads-surface,#fff);
    }
    .mps-agent-dock .satoads-btn{
        flex:1 1 0;
        justify-content:center;
        min-height:44px;
        text-decoration:none;
    }
    .mps-agent-panel-actions .mps-agent-quick{
        display:none;
    }
}

@media (max-width:600px){
    .mps-agents-toolbar{
        flex-direction:column;
    }
    .mps-agents-province,
    .mps-agents .mps-orders-search{
        flex:1 1 auto;
        width:100%;
        min-width:0;
        max-width:none;
    }
    .mps-wrap .mps-agents-province select,
    .mps-agents-province-select{
        width:100% !important;
        max-width:none !important;
    }
    .mps-agents-grid{
        grid-template-columns:1fr;
    }
}

[data-theme="dark"] .mps-agent-badge.is-on,
html.satoads-dark .mps-agent-badge.is-on{
    background:rgba(52,211,153,.14);
    border-color:rgba(52,211,153,.28);
    color:#86efac;
}