.mob-v548{

    margin:
        0 16px 12px;

    border:
        1px solid
        rgba(34,211,238,.18);

    border-radius:
        16px;

    background:
        #091629;

    overflow:
        hidden;
}


.mob-v548-title{

    width:
        100%;

    min-height:
        56px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0 14px;

    border:
        0;

    background:
        linear-gradient(
            180deg,
            rgba(7,39,55,.98),
            rgba(9,22,41,.98)
        );

    color:
        #eef6ff;

    font-family:
        inherit;

    text-align:
        left;
}


.mob-v548-title span:first-child{

    display:
        flex;

    align-items:
        baseline;

    gap:
        7px;
}


.mob-v548-title b{

    font-size:
        14px;
}


.mob-v548-title small{

    font-size:
        9px;

    color:
        #7790aa;
}


.mob-v548-arrow{

    color:
        #22d3ee;
}


.mob-v548-body{

    padding:
        10px;
}


.mob-v548-status-grid{

    display:
        grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:
        5px;
}


.mob-v548-status-grid button{

    min-height:
        48px;

    border:
        1px solid
        rgba(148,163,184,.11);

    border-radius:
        9px;

    background:
        #0c192d;

    color:
        #dce9fb;

    font-family:
        inherit;
}


.mob-v548-status-grid button small{

    display:
        block;

    font-size:
        7.5px;

    color:
        #7187a6;
}


.mob-v548-status-grid button b{

    display:
        block;

    margin-top:
        3px;

    font-size:
        15px;
}


.mob-v548-status-grid button.active{

    background:
        #12335a;

    border-color:
        rgba(56,189,248,.35);
}


.mob-v548-contact-grid{

    display:
        grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:
        5px;

    margin-top:
        7px;
}


.mob-v548-contact-grid button{

    min-height:
        40px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    padding:
        0 8px;

    border:
        1px solid
        rgba(148,163,184,.10);

    border-radius:
        9px;

    background:
        #0b182a;

    color:
        #9fb1c8;

    font-family:
        inherit;

    font-size:
        7.5px;
}


.mob-v548-contact-grid button strong{

    font-size:
        12px;

    color:
        #e5edf8;
}


.mob-v548-contact-grid button.active{

    border-color:
        rgba(34,211,238,.32);

    background:
        rgba(8,47,73,.7);
}


.mob-v548-result-head{

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    margin:
        10px 2px 6px;

    font-size:
        9px;
}


.mob-v548-result-head span{

    color:
        #7086a3;

    font-size:
        8px;
}


.mob-v548-result{

    display:
        grid;

    gap:
        5px;
}


.mob-v548-client{

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        8px;

    padding:
        9px;

    border:
        1px solid
        rgba(148,163,184,.09);

    border-radius:
        9px;

    background:
        #0c192d;
}


.mob-v548-client b{

    display:
        block;

    font-size:
        9.5px;

    color:
        #e4eefb;
}


.mob-v548-client small{

    display:
        block;

    margin-top:
        2px;

    color:
        #657b98;

    font-size:
        7.5px;
}


.mob-v548-client>span{

    flex:
        0 0 auto;

    padding:
        4px 7px;

    border-radius:
        999px;

    background:
        rgba(56,189,248,.08);

    color:
        #7dd3fc;

    font-size:
        7px;

    font-weight:
        900;
}


.mob-v548-client>span.status-hold{

    background:
        rgba(251,191,36,.09);

    color:
        #fbbf24;
}


.mob-v548-client>span.status-rejected{

    background:
        rgba(251,113,133,.09);

    color:
        #fb7185;
}


.mob-v548-client>span.status-approved{

    background:
        rgba(52,211,153,.09);

    color:
        #6ee7b7;
}


.mob-v548-empty{

    padding:
        15px;

    text-align:
        center;

    color:
        #627895;

    font-size:
        9px;
}


.mob-v548-more{

    padding:
        7px;

    text-align:
        center;

    color:
        #607895;

    font-size:
        7.5px;
}


.mob-v548-pager{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:7px;
    margin-top:8px;
}


.mob-v548-pager button{
    min-height:36px;
    padding:7px 10px;
    border:1px solid rgba(114,214,179,.58);
    border-radius:9px;
    background:#10272c;
    color:#f7fbff;
    font:800 10px/1.2 inherit;
}


.mob-v548-pager button:disabled{
    opacity:.42;
}


.mob-v548-pager strong{
    color:#9af0cf;
    font-size:10px;
    white-space:nowrap;
}


.mob-v548-note{

    margin-top:
        8px;

    padding:
        7px;

    text-align:
        center;

    color:
        #536b89;

    font-size:
        7px;
}


@media(max-width:360px){

    .mob-v548-status-grid{

        grid-template-columns:
            repeat(2,1fr);
    }


    .mob-v548-contact-grid{

        grid-template-columns:
            1fr;
    }
}