.mps-agents{
    display:grid;
    gap:18px;
    width:100%;
}
.mps-agents-toolbar{
    display:grid;
    gap:12px;
}
.mps-agents .mps-orders-search{
    width:100%;
}
.mps-agents-province{
    display:grid;
    gap:6px;
}
.mps-agents-province-label{
    font-size:13px;
    font-weight:700;
    color:var(--satoads-text,#0a0a0a);
}
.mps-agents-province select{
    width:100%;
    min-height:var(--satoads-field-min-h,48px);
    margin:0;
    padding:var(--satoads-field-pad,12px 14px);
    border:1px solid var(--satoads-field-border,var(--satoads-hairline,#c4c4bf));
    border-radius:var(--satoads-radius,8px);
    background:var(--satoads-field-bg,var(--satoads-surface,#fff));
    color:var(--satoads-text,#0a0a0a);
    font:inherit;
    font-size:14px;
    font-weight:600;
}
.mps-agents-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:14px;
}
.mps-agents-card[hidden]{
    display:none !important;
}
.mps-agents-card{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
    padding:18px;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:12px;
    background:var(--satoads-surface,#fff);
}
.mps-agents-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}
.mps-agents-identity{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
    color:inherit;
    text-decoration:none;
}
.mps-agents-identity:hover .mps-agents-name{
    text-decoration:underline;
}
.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,#efe9de);
    color:var(--satoads-text,#0a0a0a);
    font-weight:800;
    line-height:1;
}
.mps-agents-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    font-size:14px;
}
.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:1.05rem;
    font-weight:700;
    line-height:1.35;
    color:var(--satoads-text,#0a0a0a);
}
.mps-agents-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
    padding:4px 9px;
    border-radius:999px;
    background:var(--satoads-surface-2,#efe9de);
    color:var(--satoads-text-muted,#7d8187);
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}
.mps-agents-status.is-on{
    background:rgba(22,163,74,.1);
    color:#15803d;
}
.mps-agents-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}
.mps-agents-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.mps-agents-region{
    display:inline-flex;
    align-items:center;
    gap:6px;
    width:fit-content;
    padding:5px 10px;
    border-radius:999px;
    background:var(--satoads-primary-soft,rgba(10,10,10,.06));
    color:var(--satoads-text,#0a0a0a);
    font-size:13px;
    font-weight:700;
}
.mps-agents-commission{
    display:inline-flex;
    align-items:center;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(22,163,74,.1);
    color:#15803d;
    font-size:13px;
    font-weight:700;
}
.mps-agents-uid-row{
    align-items:center;
}
.mps-agents-uid-row .mps-agents-uid{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    min-width:0;
    flex:1;
    max-width:none;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}
.mps-agents-uid span{
    font-weight:700;
}
.mps-agents-uid code{
    font-size:13px;
    font-weight:700;
    letter-spacing:.02em;
}
.mps-agents-uid-row .mps-wallet-uid-copy-btn{
    padding:.4rem .7rem;
}
.mps-agents-profile{
    grid-column:1 / -1;
}
.mps-agents-meta{
    display:grid;
    gap:8px;
    margin:0;
    padding:0;
    list-style:none;
}
.mps-agents-meta li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    padding:8px 10px;
    border-radius:8px;
    background:var(--satoads-surface-2,#efe9de);
    color:var(--satoads-body,#363a3f);
    font-size:13.5px;
    line-height:1.5;
}
.mps-agents-meta svg{
    flex:0 0 auto;
    margin-top:2px;
    color:var(--satoads-text-muted,#7d8187);
}
.mps-agents-meta a{
    color:inherit;
    text-decoration:none;
    font-weight:600;
}
.mps-agents-meta a:hover{
    text-decoration:underline;
}
.mps-agents-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:auto;
}
.mps-agents-actions .satoads-btn{
    justify-content:center;
    min-height:44px;
    text-decoration:none;
}
.mps-agents-empty{
    margin:0;
    padding:36px 16px;
    border:1px dashed var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:12px;
    background:var(--satoads-surface,#fff);
    color:var(--satoads-text-muted,#7d8187);
    text-align:center;
}
.mps-agents-empty p{
    margin:0;
}

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

.mps-agent-profile{
    display:grid;
    gap:20px;
}
.mps-agent-back{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:fit-content;
    color:var(--satoads-text,#0a0a0a);
    font-weight:700;
    text-decoration:none;
}
.mps-agent-back:hover{
    text-decoration:underline;
}
html[dir="rtl"] .mps-agent-back svg,
[dir="rtl"] .mps-agent-back svg{
    transform:scaleX(-1);
}
.mps-agent-hero{
    display:grid;
    gap:0;
    overflow:hidden;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:16px;
    background:var(--satoads-surface,#fff);
}
.mps-agent-cover{
    min-height:160px;
    background:linear-gradient(135deg,var(--satoads-surface-2,#efe9de),rgba(10,10,10,.08));
}
.mps-agent-hero.has-cover .mps-agent-cover{
    min-height:220px;
}
.mps-agent-identity{
    display:flex;
    align-items:flex-end;
    gap:14px;
    padding:0 18px 18px;
    margin-top:-36px;
}
.mps-agent-avatar{
    width:88px;
    height:88px;
    border:4px solid var(--satoads-surface,#fff);
    border-radius:50%;
    font-size:26px;
    box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.mps-agent-titles{
    min-width:0;
    padding-bottom:4px;
}
.mps-agent-title{
    margin:0 0 6px;
    font-size:1.45rem;
    font-weight:800;
    line-height:1.3;
}
.mps-agent-province{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0;
    color:var(--satoads-text-muted,#7d8187);
    font-size:14px;
    font-weight:700;
}
.mps-agent-bio{
    display:grid;
    gap:8px;
    padding:18px;
    border:1px solid var(--satoads-hairline,var(--satoads-border,#e5e5e5));
    border-radius:12px;
    background:var(--satoads-surface,#fff);
}
.mps-agent-bio h2{
    margin:0;
    font-size:1rem;
    font-weight:800;
}
.mps-agent-bio-text{
    margin:0;
    color:var(--satoads-body,#363a3f);
    font-size:15px;
    line-height:1.7;
    white-space:normal;
}
.mps-agent-profile-actions .satoads-btn{
    cursor:pointer;
}

@media (max-width:600px){
    .mps-agents-grid{
        grid-template-columns:1fr;
    }
    .mps-agents-actions{
        grid-template-columns:1fr;
    }
    .mps-agent-hero.has-cover .mps-agent-cover{
        min-height:160px;
    }
    .mps-agent-avatar{
        width:72px;
        height:72px;
    }
    .mps-agent-title{
        font-size:1.2rem;
    }
}