.mob-v5413{
    margin:0 16px 12px;
    border:1px solid rgba(59,130,246,.24);
    border-radius:16px;
    overflow:hidden;
    background:#091629;
}

.mob-v5413-title{
    width:100%;
    min-height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    border:0;
    background:
        linear-gradient(
            180deg,
            rgba(30,64,175,.22),
            rgba(9,22,41,.98)
        );
    color:#eef6ff;
    font-family:inherit;
    text-align:left;
}

.mob-v5413-title>span{
    display:flex;
    align-items:baseline;
    gap:7px;
}

.mob-v5413-title b{
    font-size:14px;
}

.mob-v5413-title small{
    color:#7890ac;
    font-size:9px;
}

.mob-v5413-arrow{
    color:#60a5fa;
}

.mob-v5413-body{
    padding:10px;
}

.mob-v5413-fields{
    display:grid;
    gap:7px;
}

.mob-v5413-fields label>span{
    display:block;
    margin:0 0 4px 2px;
    color:#7187a5;
    font-size:7.5px;
}

.mob-v5413-fields select,
.mob-v5413-fields input{
    width:100%;
    height:42px;
    box-sizing:border-box;
    padding:0 10px;
    border-radius:9px;
    border:1px solid rgba(96,165,250,.15);
    background:#081426;
    color:#dce9fb;
    font-family:inherit;
    font-size:9px;
    outline:none;
}

.mob-v5413-fields select:focus,
.mob-v5413-fields input:focus{
    border-color:rgba(96,165,250,.45);
}

.mob-v5413-chips{
    display:flex;
    gap:5px;
    overflow-x:auto;
    margin-top:8px;
    padding-bottom:2px;
}

.mob-v5413-chips button{
    flex:0 0 auto;
    min-height:35px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.12);
    background:#0b182a;
    color:#8fa4bd;
    font-family:inherit;
    font-size:8px;
    font-weight:800;
}

.mob-v5413-chips button strong{
    margin-left:4px;
    color:#e4eefb;
}

.mob-v5413-chips button.active{
    background:#123a68;
    border-color:rgba(96,165,250,.36);
    color:#e5f1ff;
}

.mob-v5413-actions{
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:6px;
    margin-top:8px;
}

.mob-v5413-actions button{
    min-height:40px;
    border-radius:9px;
    border:1px solid rgba(96,165,250,.16);
    font-family:inherit;
    font-size:9px;
    font-weight:900;
}

#v5413_reset{
    background:#0b182a;
    color:#8296af;
}

#v5413_search{
    background:#123a68;
    color:#e8f4ff;
}

.mob-v5413-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:11px 2px 6px;
}

.mob-v5413-result-head b{
    color:#e3edf9;
    font-size:9px;
}

.mob-v5413-result-head span{
    color:#7187a5;
    font-size:8px;
}

.mob-v5413-result{
    display:grid;
    gap:5px;
}

.mob-v5413-client{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto 10px;
    gap:7px;
    align-items:center;
    padding:9px;
    border-radius:9px;
    border:1px solid rgba(148,163,184,.09);
    background:#0c192d;
    color:#dce9fb;
    text-align:left;
    font-family:inherit;
}

.mob-v5413-client>div{
    min-width:0;
}

.mob-v5413-client b{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:9.5px;
}

.mob-v5413-client small{
    display:block;
    margin-top:3px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#687f9d;
    font-size:7px;
}

.mob-v5413-client>span{
    padding:4px 6px;
    border-radius:999px;
    font-size:6.5px;
    font-weight:900;
}

.mob-v5413-client>span.source-partner{
    background:rgba(251,191,36,.08);
    color:#facc15;
}

.mob-v5413-client>span.source-consultant{
    background:rgba(52,211,153,.08);
    color:#34d399;
}

.mob-v5413-client>span.source-unknown{
    background:rgba(148,163,184,.08);
    color:#94a3b8;
}

.mob-v5413-client>strong{
    color:#526b8b;
    font-size:14px;
}

.mob-v5413-client.is-opening,
.mob-v5413-client.is-opened{
    border-color:#38bdf8 !important;
    background:linear-gradient(180deg,#17385d,#102944) !important;
    box-shadow:0 0 0 2px rgba(56,189,248,.16) !important;
}

.mob-v5413-client.is-opening>strong{
    color:#7dd3fc !important;
    animation:ceo-v5413-chevron-pulse .7s ease-in-out infinite alternate;
}

.mob-v5413-client.is-open-error{
    border-color:#fb7185 !important;
}

.mob-v5413-open-status{
    min-height:0;
    margin:-2px 1px 8px;
    color:#7dd3fc;
    font-size:8px;
    line-height:1.45;
}

.mob-v5413-open-status:empty{
    display:none;
}

.mob-v5413-open-status[data-state="error"]{
    color:#fda4af;
}

#client_list .client-card.ceo-v5413-open-target{
    scroll-margin-top:104px;
    outline:3px solid #38bdf8;
    outline-offset:2px;
    animation:ceo-v5413-card-focus 1s ease-in-out 2;
}

@keyframes ceo-v5413-chevron-pulse{
    from{transform:translateX(0)}
    to{transform:translateX(3px)}
}

@keyframes ceo-v5413-card-focus{
    0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.13)}
    50%{box-shadow:0 0 0 5px rgba(56,189,248,.2),0 12px 28px rgba(0,0,0,.18)}
}

.mob-v5413-empty,
.mob-v5413-more{
    padding:14px;
    text-align:center;
    color:#607895;
    font-size:8px;
}

.mob-v5413-note{
    margin-top:8px;
    padding:7px;
    text-align:center;
    color:#536b89;
    font-size:7px;
}

/* V122: 모바일 고객조회 페이징 */
.mob-v5413-pagination{
    display:grid;
    grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);
    align-items:center;
    gap:10px;
    margin:14px 0 0;
    padding:10px;
    border:1px solid rgba(96,165,250,.20);
    border-radius:14px;
    background:rgba(4,13,28,.72);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.mob-v5413-pagination button{
    min-width:0;
    min-height:44px;
    padding:0 14px;
    border:1px solid rgba(96,165,250,.45);
    border-radius:11px;
    background:linear-gradient(180deg,#1d4f7d,#173b61);
    color:#f1f7ff;
    font:800 13px/1 inherit;
    letter-spacing:-.02em;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}

.mob-v5413-pagination button:last-child{
    background:linear-gradient(180deg,#2471b7,#1d5790);
}

.mob-v5413-pagination button:active:not(:disabled){
    transform:translateY(1px);
    filter:brightness(1.08);
}

.mob-v5413-pagination button:disabled{
    border-color:rgba(148,163,184,.12);
    background:#101b2d;
    color:#52647c;
    opacity:.68;
    cursor:not-allowed;
}

.mob-v5413-pagination span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    min-height:38px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(15,32,55,.92);
    color:#93a8c2;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.mob-v5413-pagination span b{
    margin-right:4px;
    color:#7dd3fc;
    font-size:15px;
}

.mob-v5413-page-summary{
    padding:9px 4px 2px;
    text-align:center;
    color:#8ca2bd;
    font-size:11px;
    font-weight:700;
    letter-spacing:-.01em;
}

/* 데이터 도착 전 빈 화면 대신 즉시 표시되는 가벼운 스켈레톤 */
.mob-v5413-loading{
    display:grid;
    gap:8px;
    padding:12px 2px 4px;
}

.mob-v5413-loading-title{
    color:#8fb2d8;
    font-size:11px;
    font-weight:800;
}

.mob-v5413-loading-row{
    display:block;
    height:54px;
    border:1px solid rgba(96,165,250,.10);
    border-radius:10px;
    background:linear-gradient(100deg,#0c192d 20%,#142945 38%,#0c192d 56%);
    background-size:220% 100%;
    animation:ceo-v122-list-loading 1.1s ease-in-out infinite;
}

@keyframes ceo-v122-list-loading{
    from{background-position:100% 0}
    to{background-position:-120% 0}
}

@media (max-width:360px){
    .mob-v5413-pagination{
        grid-template-columns:1fr auto 1fr;
        gap:7px;
        padding:8px;
    }
    .mob-v5413-pagination button{
        min-height:42px;
        padding:0 9px;
        font-size:12px;
    }
    .mob-v5413-pagination span{
        min-width:58px;
        padding:0 7px;
    }
}

@media (prefers-reduced-motion:reduce){
    .mob-v5413-loading-row{animation:none}
}