
.mob-v545{

    margin:
        0 16px 12px;

    border:
        1px solid
        rgba(14,165,233,.22);

    border-radius:
        16px;

    background:
        #0a1628;

    overflow:
        hidden;
}


.mob-v545-title{

    width:
        100%;

    display:
        flex;

    justify-content:
        space-between;

    align-items:
        center;

    padding:
        13px 14px;

    border:
        0;

    background:
        linear-gradient(
            180deg,
            rgba(8,32,54,.98),
            rgba(10,22,40,.98)
        );

    color:
        #e8f1ff;

    font-family:
        inherit;

    text-align:
        left;
}


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

    display:
        flex;

    gap:
        7px;

    align-items:
        baseline;
}


.mob-v545-title b{

    font-size:
        14px;
}


.mob-v545-title small{

    font-size:
        9px;

    color:
        #7c91aa;
}


.mob-v545-title>span:last-child{

    color:
        #38bdf8;
}


.mob-v545-body{

    padding:
        10px;
}


.mob-v545-guard{

    padding:
        8px 10px;

    border-radius:
        9px;

    font-size:
        9px;

    margin-bottom:
        8px;
}


.mob-v545-guard.ok{

    background:
        rgba(16,185,129,.08);

    color:
        #6ee7b7;

    border:
        1px solid
        rgba(16,185,129,.17);
}


.mob-v545-guard.deny{

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

    color:
        #fda4af;

    border:
        1px solid
        rgba(251,113,133,.14);
}


.mob-v545-list{

    display:
        grid;

    gap:
        6px;
}


.mob-v545-row{

    padding:
        9px;

    border-radius:
        10px;

    background:
        #0d1a2e;

    border:
        1px solid
        rgba(100,116,139,.13);
}


.mob-v545-row header{

    display:
        flex;

    gap:
        7px;

    align-items:
        center;
}


.mob-v545-row header span{

    display:
        grid;

    place-items:
        center;

    width:
        20px;

    height:
        20px;

    border-radius:
        50%;

    background:
        #12345a;

    color:
        #7dd3fc;

    font-size:
        8px;
}


.mob-v545-row header b{

    font-size:
        10px;
}


.mob-v545-row>small{

    display:
        block;

    margin:
        5px 0 7px 27px;

    color:
        #627895;

    font-size:
        7px;

    overflow:
        hidden;

    text-overflow:
        ellipsis;

    white-space:
        nowrap;
}


.mob-v545-row>div{

    display:
        grid;

    grid-template-columns:
        1fr 58px;

    gap:
        6px;
}


.mob-v545-row select,
.mob-v545-row button{

    min-height:
        36px;

    border-radius:
        8px;

    font-family:
        inherit;

    font-size:
        9px;
}


.mob-v545-row select{

    border:
        1px solid
        rgba(96,165,250,.18);

    background:
        #081426;

    color:
        #dce9fb;

    padding:
        0 8px;
}


.mob-v545-row button{

    border:
        1px solid
        rgba(14,165,233,.25);

    background:
        #0b3552;

    color:
        #7dd3fc;

    font-weight:
        900;
}


.mob-v545-row button:disabled,
.mob-v545-row select:disabled{

    opacity:
        .42;
}


.mob-v545 .empty,
.mob-v545 .loading{

    padding:
        16px;

    text-align:
        center;

    color:
        #627895;

    font-size:
        9px;
}


.mob-v545-note{

    margin-top:
        8px;

    padding:
        8px;

    border-radius:
        8px;

    background:
        rgba(2,10,24,.4);

    color:
        #536b89;

    font-size:
        7.5px;

    line-height:
        1.6;

    text-align:
        center;
}

