.mob-v549{
    margin:0 16px 12px;
    border:1px solid rgba(16,185,129,.20);
    border-radius:16px;
    background:#091629;
    overflow:hidden;
}

.mob-v549-head{
    width:100%;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px;
    border:0;
    background:
        linear-gradient(
            180deg,
            rgba(5,46,42,.55),
            rgba(9,22,41,.98)
        );
    color:#eef6ff;
    font-family:inherit;
    text-align:left;
}

.mob-v549-head-left{
    display:flex;
    align-items:baseline;
    gap:7px;
}

.mob-v549-head b{
    font-size:14px;
}

.mob-v549-head small{
    font-size:9px;
    color:#7790aa;
}

.mob-v549-arrow{
    color:#34d399;
    font-weight:900;
}

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

.mob-v549-main{
    display:grid;
    grid-template-columns:
        repeat(4,1fr);
    gap:5px;
}

.mob-v549-main>div{
    padding:10px 4px;
    text-align:center;
    border-radius:10px;
    border:1px solid
        rgba(148,163,184,.10);
    background:#0c192d;
}

.mob-v549-main small{
    display:block;
    color:#7187a6;
    font-size:7px;
}

.mob-v549-main strong{
    display:block;
    margin-top:4px;
    font-size:16px;
    color:#e4eefb;
}

.mob-v549-main strong.danger{
    color:#fb7185;
}

.mob-v549-main strong.today{
    color:#fbbf24;
}

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

.mob-v549-filter button{
    flex:0 0 auto;
    min-width:55px;
    min-height:34px;
    padding:0 8px;
    border-radius:9px;
    border:1px solid
        rgba(148,163,184,.10);
    background:#0b182a;
    color:#8da2bd;
    font-family:inherit;
    font-size:8px;
    font-weight:800;
}

.mob-v549-filter button.active{
    background:#104137;
    color:#d1fae5;
    border-color:
        rgba(52,211,153,.35);
}

.mob-v549-subcount{
    display:grid;
    grid-template-columns:
        1fr 1fr;
    gap:5px;
    margin-top:7px;
}

.mob-v549-subcount span{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:31px;
    padding:0 9px;
    border-radius:8px;
    background:#0b182a;
    color:#7187a6;
    font-size:7.5px;
}

.mob-v549-subcount b{
    color:#e5edf8;
    font-size:10px;
}

.mob-v549-result-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:10px 2px 6px;
    font-size:9px;
}

.mob-v549-result-head span{
    color:#7086a3;
    font-size:8px;
}

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

.mob-v549-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-v549-client-main{
    min-width:0;
}

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

.mob-v549-client small{
    display:block;
    margin-top:2px;
    color:#657b98;
    font-size:7.5px;
}

.mob-v549-client>span{
    flex:0 0 auto;
    padding:4px 7px;
    border-radius:999px;
    font-size:7px;
    font-weight:900;
}

.mob-v549-client>span.priority-overdue{
    background:rgba(251,113,133,.10);
    color:#fb7185;
}

.mob-v549-client>span.priority-today{
    background:rgba(251,191,36,.10);
    color:#fbbf24;
}

.mob-v549-client>span.priority-tomorrow{
    background:rgba(56,189,248,.10);
    color:#7dd3fc;
}

.mob-v549-client>span.priority-three,
.mob-v549-client>span.priority-seven{
    background:rgba(52,211,153,.09);
    color:#6ee7b7;
}

.mob-v549-client>span.priority-nodate{
    background:rgba(148,163,184,.09);
    color:#94a3b8;
}

.mob-v549-client>span.priority-later{
    background:rgba(96,165,250,.08);
    color:#93c5fd;
}

.mob-v549-empty{
    padding:15px;
    text-align:center;
    color:#627895;
    font-size:9px;
}

.mob-v549-more{
    padding:7px;
    text-align:center;
    color:#607895;
    font-size:7.5px;
}

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

@media(max-width:360px){

    .mob-v549-main{
        grid-template-columns:
            repeat(2,1fr);
    }
}