.topbar{
    height:48px;
    background:#fafafa;
    border-bottom:1px solid #ececec;
    font-size:14px;
}

.topbar-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:48px;
}

.topbar a{
    color:#444;
}

.topbar-left{
    display:flex;
    gap:22px;
    align-items:center;
}

.topbar-left span{
    display:flex;
    align-items:center;
    gap:8px;
    color:#555;
    font-weight: 500;
}

.topbar-left i{
    color:#d62828;
    width:14px;
}

.topbar-right{
    display:flex;
    align-items:center;
    gap:18px;
}

.topbar-right > a:not(.btn-igd){
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#ffffff;
    background:#d62828;
    border:1px solid #cf0101;
    border-radius:50%;
    transition:all .25s ease;
}

.topbar-right > a:not(.btn-igd):hover{
    color:#fff;
    background:#b71c1c;
    border-color:#d62828;
    transform:translateY(-2px);
}

.topbar-right > a:not(.btn-igd) i{
    font-size:14px;
}
.btn-igd{
    margin-left:8px;
    background:#d62828;
    color:#fff !important;
    padding:8px 18px;
    display:flex;
    align-items:center;
    gap:8px;
    font-size:13px;
    font-weight:700;
    border-radius:8px;
    border:none;
}

.btn-igd:hover{
    background:#b71c1c;
    transform:translateY(-2px);
    text-decoration: none;
    box-shadow:0 8px 20px rgba(230,0,18,.25);
}

.btn-igd i{
    color:white;
}