.agent-profile{
    font:12px/1.35 Arial,"SimSun","宋体",sans-serif;
    color:#111;
    background:#fff;
    border:1px solid #9eb2cc;
}
.agent-profile *{box-sizing:border-box}
.agent-profile [hidden]{display:none!important}
.agent-profile .ap-route{
    min-height:29px;
    padding:6px 5px;
    color:#6c7688;
    background:#eef1f9;
    border-bottom:1px solid #aebed2;
}
.agent-profile .ap-route b{color:#111}
.agent-profile .ap-route span{margin-left:10px}

.agent-profile-account{margin:0;background:#e8edf9;border:0;border-bottom:1px solid #a9bad0}
.agent-profile-account summary{
    min-height:25px;
    padding:4px 8px;
    color:#1754a3;
    background:#8ec9e9;
    border-bottom:1px solid #a4b8d0;
    font-weight:700;
    cursor:pointer;
}
.agent-profile-account table{width:100%;border-collapse:collapse;table-layout:fixed}
.agent-profile-account th,.agent-profile-account td{
    height:30px;
    padding:4px 7px;
    border:1px solid #fff;
    background:#e1e7f4;
    white-space:nowrap;
}
.agent-profile-account th{width:13%;text-align:right;font-weight:700}
.agent-profile-account td{width:37%;text-align:left}
.agent-profile-account .ap-pan-list{overflow:hidden;text-overflow:ellipsis}
.agent-profile-account .ap-pan-link{
    height:auto;
    padding:0;
    color:#1e42c5;
    background:transparent;
    border:0;
    border-radius:0;
    font:inherit;
    text-decoration:underline;
    cursor:pointer;
}
.agent-profile-account .ap-pan-link.active{font-weight:700;text-decoration:none;color:#111}
.agent-profile-account .ap-pan-link:disabled{opacity:.65;cursor:default}
.agent-profile-account .ap-pan-separator{color:#111;margin:0 1px}
.agent-profile-account .ap-pan-total{margin-left:7px;color:#555}
.agent-profile-account [data-ap-pan]{display:none}

.agent-profile .ap-tabline{
    position:relative;
    display:flex;
    align-items:flex-end;
    min-height:31px;
    background:#fff;
    border-bottom:1px solid #82b7d8;
}
.agent-profile-tabs{display:flex;align-items:flex-end;min-height:31px;padding:5px 0 0}
.agent-profile-tabs>button{
    width:119px;
    height:27px;
    margin:0;
    padding:3px 12px;
    color:#fff;
    background:#679fd7;
    border:1px solid #6e9fca;
    border-bottom:0;
    border-radius:0;
    font:700 12px Arial,"SimSun","宋体",sans-serif;
    cursor:pointer;
}
.agent-profile-tabs>button+button{margin-left:-1px}
.agent-profile-tabs>button.active{position:relative;color:#111;background:#fff;border-color:#6e9fca}
.agent-profile .ap-mode{
    position:absolute;
    left:50%;
    bottom:6px;
    display:flex;
    align-items:center;
    gap:2px;
    transform:translateX(-50%);
    white-space:nowrap;
}
.agent-profile .ap-mode label{display:inline-flex;align-items:center;color:#2547c6}
.agent-profile .ap-mode input,.agent-profile .ap-actions input[type=radio]{width:13px;height:13px;margin:0 2px 0 0;appearance:auto}
.agent-profile .ap-percent{
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin:0 8px 6px auto;
    font:inherit;
    white-space:nowrap;
}
.agent-profile input[type=checkbox]{appearance:auto;width:13px;height:13px;margin:0}

.agent-profile select,.agent-profile input[type=number]{
    height:23px;
    padding:1px 4px;
    color:#111;
    background:#fff;
    border:1px solid #9b9b9b;
    border-radius:0;
    font:inherit;
}
.agent-profile .ap-hedge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;overflow:auto;border-top:4px solid #d5ecf8}
.agent-profile .ap-hedge-table{width:100%;min-width:390px;border-collapse:collapse;table-layout:fixed;margin:0;font:inherit}
.agent-profile .ap-hedge-table th,.agent-profile .ap-hedge-table td{
    height:27px;
    padding:2px 5px;
    border:1px solid #c7c7c7;
    text-align:center;
}
.agent-profile .ap-hedge-table th:first-child{width:32%}
.agent-profile .ap-hedge-table th:nth-child(2){width:26%}
.agent-profile .ap-hedge-table th:nth-child(3){width:42%}
.agent-profile .ap-hedge-table th.ap-detail-cell{width:25%}
.agent-profile .ap-hedge-table:has(.ap-detail-cell:not([hidden])) th:first-child{width:25%}
.agent-profile .ap-hedge-table:has(.ap-detail-cell:not([hidden])) th:nth-child(2){width:20%}
.agent-profile .ap-hedge-table:has(.ap-detail-cell:not([hidden])) th:nth-child(3){width:30%}
.agent-profile .ap-hedge-table thead th{color:#111;background:#aeb0b0;font-weight:700}
.agent-profile .ap-hedge-table thead .ap-detail-cell span{color:#4266c2;text-decoration:underline}
.agent-profile .ap-hedge-table tbody th{background:#eee8ff;font-weight:700}
.agent-profile .ap-hedge-table tbody tr:nth-child(odd) td{background:#fff}
.agent-profile .ap-hedge-table tbody tr:nth-child(even) td{background:#e9e9e9}
.agent-profile .ap-hedge-table input{width:88px;height:22px;text-align:center}
.agent-profile .ap-hedge-table select{min-width:42px;color:#e00000}
.agent-profile .ap-hedge-table select.ap-enabled{color:#008000}
.agent-profile .ap-hit{color:#143dd1}.agent-profile .ap-miss{color:#f00000}
.agent-profile .ap-source-note{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;color:#555;border-top:1px solid #c8d6e5;background:#fff}
.agent-profile .ap-x{color:#e00000}.agent-profile .ap-check{color:#008000}

.agent-profile .ap-actions{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:6px 7px;border-top:1px solid #c8d6e5;background:#eef4fb}
.agent-profile .ap-actions label{display:flex;align-items:center;gap:2px;white-space:nowrap}
.agent-profile .ap-actions [data-ap-bulk-retention]{width:86px;text-align:center}
.agent-profile .ap-actions button{
    padding:3px 11px;
    border:1px solid #7c9dbf;
    border-radius:0;
    background:linear-gradient(#fff,#d9e5f2);
    font:inherit;
    cursor:pointer;
}
.agent-profile button:disabled,.agent-profile input:disabled,.agent-profile select:disabled{opacity:.6;cursor:default}
.agent-profile .ap-error{color:#b40000}
.agent-profile .ap-detail-settings{min-height:160px;padding:0;background:#f7f9fc;color:#555}
.agent-profile .ap-detail-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:8px;border-top:4px solid #d5ecf8;border-bottom:1px solid #b8c9da;background:#edf4fb}
.agent-profile .ap-detail-groups button{min-width:74px;padding:4px 10px;border:1px solid #7c9dbf;background:linear-gradient(#fff,#d9e5f2);color:#163fa4;cursor:pointer}
.agent-profile .ap-detail-groups button.active{background:#8fbce2;color:#001d77;font-weight:700}
.agent-profile .ap-detail-note{padding:6px 10px;color:#555;background:#fff7d9;border-bottom:1px solid #d9cfa7}
.agent-profile .ap-detail-scroll{overflow:auto;max-height:590px}
.agent-profile .ap-detail-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed;color:#111}
.agent-profile .ap-detail-table th,.agent-profile .ap-detail-table td{height:28px;padding:3px 8px;border:1px solid #c7c7c7;text-align:center}
.agent-profile .ap-detail-table thead th{position:sticky;top:0;z-index:1;background:#aeb0b0}
.agent-profile .ap-detail-table tbody tr:nth-child(odd){background:#fff}.agent-profile .ap-detail-table tbody tr:nth-child(even){background:#e9e9e9}
.agent-profile .ap-detail-table tbody th{text-align:left;background:#eee8ff}.agent-profile .ap-detail-table tbody th small{float:right;color:#6d6d6d;font-weight:400}
.agent-profile .ap-detail-table th:first-child{width:46%}.agent-profile .ap-detail-table th:nth-child(2){width:16%}.agent-profile .ap-detail-table th:nth-child(3){width:18%}.agent-profile .ap-detail-table th:nth-child(4){width:20%}
.agent-profile .ap-detail-table select{min-width:45px;color:#e00000}.agent-profile .ap-detail-table select.ap-enabled{color:#008000}.agent-profile .ap-detail-table input{width:96px;text-align:center}

.agent-profile .member-profile-matrix{border:0}
.agent-profile .member-profile-matrix .mp-scroll{overflow:auto}
.agent-profile .member-profile-matrix .mp-table{min-width:980px}
.agent-profile .member-profile-matrix .mp-table th,.agent-profile .member-profile-matrix .mp-table td{height:27px;padding:3px 7px;border-color:#c5c5c5}
.agent-profile .member-profile-matrix .mp-table thead th{color:#111;background:#aeb0b0;font-weight:700}
.agent-profile .member-profile-matrix .mp-table tbody tr:nth-child(odd),
.agent-profile .member-profile-matrix .mp-table tbody tr:nth-child(even){background:#eee}
.agent-profile .member-profile-matrix .mp-table tbody tr:hover{background:#fdff7e}
.agent-profile .member-profile-matrix .mp-table tbody th{background:#eee;font-weight:700}
.agent-profile .member-profile-matrix .mp-table .mp-category{background:#fff;font-weight:400}
.agent-profile .member-profile-matrix .mp-rebate{color:#3f54d6}

.agent-profile .ap-help{margin:8px 7px;padding:5px 8px;border:1px solid #c8c8c8;background:#fafafa;color:#555;font-size:12px;line-height:1.7}
.agent-profile .ap-help summary{cursor:pointer;color:#333;font-weight:700}
.agent-profile .ap-help ol{margin:4px 0 0 18px;padding:0}
.agent-profile-empty{padding:28px 12px;text-align:center;color:#666;background:#fafafa;border:1px solid #ccc}

@media(max-width:760px){
    .agent-profile-account{overflow:auto}
    .agent-profile-account table{min-width:720px}
    .agent-profile-account .ap-pan-link,.agent-profile-account .ap-pan-separator,.agent-profile-account .ap-pan-total{display:none}
    .agent-profile-account [data-ap-pan]{display:inline-block;min-width:70px}
    .agent-profile-tabs>button{width:105px}
    .agent-profile .ap-mode{position:static;margin:0 6px 6px auto;transform:none}
    .agent-profile .ap-percent{margin-right:4px;font-size:11px}
    .agent-profile .ap-hedge-grid{display:flex;width:100%;overflow:auto}
    .agent-profile .ap-hedge-table{flex:0 0 390px}
    .agent-profile .ap-actions{justify-content:flex-start;flex-wrap:wrap}
    .agent-profile .ap-source-note{display:block}
}