.top-profile{display:flex;align-items:center;gap:10px;margin-left:10px;padding:6px 7px 6px 9px;border:1px solid #dfe7ef;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(19,53,79,.06)}
.top-profile .avatar{flex:none;width:36px;height:36px}
.top-profile .profile-copy{min-width:105px}
.top-profile strong,.top-profile small{display:block;white-space:nowrap}
.top-profile strong{font-size:11px;color:#17324d}
.top-profile small{font-size:9px;color:#718096;margin-top:2px}
.logout-button{display:flex;align-items:center;gap:7px;border:1px solid #f1c9c9;background:#fff5f5;color:#b83232;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}
.logout-button span{font-size:15px;line-height:1}.logout-button b{white-space:nowrap}.logout-button:hover{background:#d94343;color:#fff;border-color:#d94343;box-shadow:0 5px 12px rgba(217,67,67,.2)}
.logout-all-button{display:flex;align-items:center;gap:6px;border:1px solid #f0c36a;background:#fff9e8;color:#8a5a00;border-radius:9px;padding:9px 10px;font-size:10px;font-weight:800;cursor:pointer;transition:.2s}
.logout-all-button span{font-size:13px;line-height:1}.logout-all-button b{white-space:nowrap}.logout-all-button:hover{background:#b7791f;color:#fff;border-color:#b7791f;box-shadow:0 5px 12px rgba(183,121,31,.2)}.logout-all-button:disabled{opacity:.65;cursor:wait}
@media(max-width:1180px){.logout-all-button b,.logout-button b{display:none}.logout-all-button,.logout-button{padding:8px 10px}}
@media(max-width:760px){.top-actions>.icon-btn{display:none}.top-profile{margin-left:0}.top-profile small{display:none}.top-profile .avatar{width:32px;height:32px}.topbar{gap:10px}.search{width:auto;flex:1}}
@media(max-width:540px){.top-profile .profile-copy{display:none}}