.mob-v5410{
    margin:0 16px 12px;
    border:1px solid rgba(96,165,250,.20);
    border-radius:16px;
    overflow:hidden;
    background:#091629;
}

.mob-v5410-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(30,58,138,.18),
            rgba(9,22,41,.98)
        );
    color:#edf5ff;
    font-family:inherit;
    text-align:left;
}

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

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

.mob-v5410-head small{
    color:#7188a6;
    font-size:9px;
}

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

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

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

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

.mob-v5410-summary span{
    display:block;
    color:#7187a6;
    font-size:7px;
}

.mob-v5410-summary b{
    display:block;
    margin-top:4px;
    color:#e6eef9;
    font-size:16px;
}

.mob-v5410-summary .red{
    color:#fb7185;
}

.mob-v5410-summary .yellow{
    color:#fbbf24;
}

.mob-v5410-summary .green{
    color:#34d399;
}

.mob-v5410-title{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:11px 2px 6px;
    color:#dce8f7;
    font-size:9px;
}

.mob-v5410-title span{
    color:#7187a6;
    font-size:8px;
}

.mob-v5410-list{
    display:grid;
    gap:5px;
}

.mob-v5410-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:9px;
    border-radius:9px;
    background:#0c192d;
    border:1px solid rgba(148,163,184,.09);
}

.mob-v5410-company{
    min-width:0;
}

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

.mob-v5410-company>small{
    display:block;
    margin-top:3px;
    color:#687f9d;
    font-size:7px;
}

.mob-v5410-action{
    flex:0 0 auto;
    min-width:67px;
    padding:5px 7px;
    border-radius:8px;
    text-align:center;
    background:#101d31;
}

.mob-v5410-action strong{
    display:block;
    font-size:7.5px;
}

.mob-v5410-action small{
    display:block;
    margin-top:2px;
    font-size:6.5px;
    opacity:.75;
}

.mob-v5410-action.delay{
    color:#fb7185;
    background:rgba(251,113,133,.09);
}

.mob-v5410-action.today{
    color:#fbbf24;
    background:rgba(251,191,36,.09);
}

.mob-v5410-action.soon{
    color:#34d399;
    background:rgba(52,211,153,.08);
}

.mob-v5410-action.unset{
    color:#94a3b8;
}

.mob-v5410-action.later{
    color:#93c5fd;
    background:rgba(96,165,250,.07);
}

.mob-v5410-empty,
.mob-v5410-more{
    padding:12px;
    text-align:center;
    color:#617895;
    font-size:8px;
}

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

@media(max-width:360px){

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