/* ==========================================================================
   TTSM FOUNDATION
   DV2-004
   Header Component
   ========================================================================== */

.dv2-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    height:72px;

    padding:0 24px;

    background:#111827;

    border-bottom:1px solid #273246;

}

.dv2-header__brand{

    display:flex;

    align-items:center;

    gap:16px;

}

.dv2-header__logo{

    width:44px;

    height:44px;

    object-fit:contain;

    flex-shrink:0;

}

.dv2-header__title{

    display:flex;

    flex-direction:column;

}

.dv2-header__title h1{

    margin:0;

    font-size:20px;

    font-weight:700;

    color:#ffffff;

}

.dv2-header__title span{

    margin-top:2px;

    font-size:12px;

    color:#94a3b8;

}

.dv2-header__system{

    display:flex;

    flex-direction:column;

    align-items:flex-end;

}

.dv2-trade-information{

    display:flex;
    flex-direction:column;
    align-items:flex-end;

    font-size:13px;

    font-weight:700;

    color:#22c55e;

}

.dv2-trade-information span + span{

    margin-top:2px;

    font-weight:600;

}

@media(max-width:640px){

    .dv2-header{

        height:auto;
        min-height:72px;
        padding:8px 12px;

    }

    .dv2-header__brand{

        gap:9px;

    }

    .dv2-header__title h1{

        font-size:16px;

    }

    .dv2-header__system{

        max-width:52%;

    }

    .dv2-trade-information{

        font-size:11px;
        text-align:right;

    }

}