.app-header{
    background:#0a0a0a;
    padding:14px 20px;
    border-bottom:1px solid #1f1f1f;
}

.app-header-inner{
    max-width:1000px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}

.app-header-brand{
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    flex:1;
}

.lang-switch{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:bold;
    flex-shrink:0;
}

.lang-switch a{
    color:#aaa;
    text-decoration:none;
    padding:4px 6px;
    border-radius:4px;
}

.lang-switch a.active,
.lang-switch a:hover{
    color:#fff;
    background:#222;
}

.lang-switch span{
    color:#555;
}

.app-logo{
    height:58px;
    width:auto;
    max-width:min(320px, 90vw);
    display:block;
}

.app-footer{
    text-align:center;
    padding:24px 16px 32px;
    color:#999;
    font-size:13px;
    line-height:1.6;
}

.app-footer a{
    color:#777;
    text-decoration:none;
}

.app-footer a:hover{
    color:#0b3b75;
    text-decoration:underline;
}

@media print{
    .app-header,
    .app-footer{
        display:none;
    }
}

@media(max-width:600px){
    .app-logo{
        height:48px;
    }
}