.habb-hk-brand{font-weight:900;letter-spacing:.06em;color:#ffdb67;font-size:1.45rem;text-shadow:1px 2px #123d58;line-height:1.1}.habb-hk-brand small{display:block;color:#e2f4f9;font-size:.6rem;letter-spacing:.1em;margin-top:5px}.habb-hk-hero{background:linear-gradient(110deg,#17465f,#177a88);color:#fff;border-radius:12px;padding:24px;margin:8px 0 22px;border-bottom:4px solid #123e52}.habb-hk-hero h1{font-size:1.7rem;font-weight:800}.habb-hk-hero p{margin:6px 0 0;color:#e3f2f7}.habb-hk-hero .habb-kicker{color:#ffe193;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.habb-hk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.habb-hk-metric{background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:18px;box-shadow:0 2px 0 #dce5ed}.habb-hk-metric strong{display:block;font-size:1.7rem;color:#174b65}.habb-hk-metric span{font-size:.78rem;color:#526878}.habb-hk-metric i{color:#3a8399;float:right}.habb-hk-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.habb-hk-card{background:#fff;border:1px solid #dce5ed;border-radius:10px;padding:20px;margin-bottom:18px}.habb-hk-card h2{font-size:1rem;font-weight:800;color:#24475d;margin-bottom:16px}.habb-hk-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.habb-hk-shortcuts a{padding:12px;background:#f0f6f9;border:1px solid #dce8ef;border-radius:7px;color:#174b65;font-size:.85rem;font-weight:600}.habb-hk-shortcuts a:hover{background:#dceff5;text-decoration:none}.habb-hk-audit{padding:10px 0;border-bottom:1px solid #e4edf2;font-size:.85rem;color:#334e60}.habb-hk-audit time{display:block;font-size:.7rem;color:#6b7d89}.habb-hk-pills{display:flex;gap:6px;flex-wrap:wrap}.habb-hk-pills span{background:#edf5f8;padding:5px 8px;border-radius:5px;color:#315c6d;font-size:.75rem}.habb-hk-empty{color:#6b7d89;font-size:.85rem;line-height:1.6}.habb-hk-avatar{position:relative;display:inline-flex;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;border-radius:0;background:transparent;color:#245b70;font-weight:800;overflow:hidden}.habb-hk-avatar img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;image-rendering:pixelated}.habb-hk-avatar img[hidden]{display:none}.sx-avatar{background:transparent!important;border:0!important}.sx-avatar img{width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;image-rendering:pixelated}.habb-hk-footer{font-size:.75rem;color:#526878;text-align:center}.habb-hk-footer details{margin-top:8px}.habb-hk-footer summary{cursor:pointer}.habb-hk-footer p{margin:8px auto;max-width:650px}.habb-login{max-width:460px;width:100%;border-radius:12px!important}.habb-login-title{text-align:center;color:#174b65;font-weight:900}.habb-login-brand{font-size:2rem;font-weight:900;color:#174b65;letter-spacing:.06em}.sidebar{background-image:linear-gradient(180deg,#17465f,#123345)!important}
@media(max-width:991px){.habb-hk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.habb-hk-grid{grid-template-columns:1fr}.habb-hk-hero{padding:18px}.habb-hk-brand{font-size:1rem}.habb-hk-brand small{font-size:.5rem}}@media(max-width:420px){.habb-hk-shortcuts{grid-template-columns:1fr}.habb-hk-metric{padding:12px}.habb-hk-metric strong{font-size:1.4rem}}

@media(max-width:767px){.sidebar .nav-item .nav-link{width:100%;padding:.75rem .35rem;white-space:normal;overflow-wrap:anywhere}.sidebar .nav-item .nav-link span{font-size:.68rem}.sidebar .sidebar-heading{padding:0 .35rem}}
/* HABB S2.2: one navigation rhythm on desktop and mobile. */
#accordionSidebar{width:100%;list-style:none;padding:12px 8px}
.sidebar .atom-nav-link{padding:3px 0}
.sidebar .atom-nav-link>a{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px;color:#d6e6ec;font-size:.85rem;border-radius:8px;text-decoration:none}
.sidebar .atom-nav-link>a>i{width:20px;flex:0 0 20px;text-align:center;color:#a2c7d6}
.sidebar .atom-nav-link>a>span{margin:0;line-height:1.35}
.sidebar .atom-nav-link.active>a,.sidebar .atom-nav-link>a:hover{background:#ffffff16;color:#fff}
.sidebar .atom-nav-link.active>a{font-weight:700;box-shadow:inset 3px 0 #ffdb67}
.sidebar a:focus-visible,.habb-hk-tabs a:focus-visible{outline:2px solid #ffdb67;outline-offset:2px}
#content-wrapper{min-width:0}
.habb-hk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.habb-hk-tabs a{padding:10px 14px;border:1px solid #dce5ed;border-radius:7px;background:white;color:#174b65;font-size:.85rem}
.habb-hk-tabs a[aria-current=page]{background:#174b65;color:white;border-color:#174b65}
.habb-hk-reason{min-width:180px;max-width:360px;overflow-wrap:anywhere}
.habb-hk-article{min-width:180px;max-width:440px}
.habb-hk-article summary{cursor:pointer;color:#174b65}
.habb-hk-article div{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;margin-top:12px}
.habb-hk-card table{min-width:720px}
.habb-hk-card th{white-space:nowrap}
.habb-hk-card td{overflow-wrap:break-word}
@media(max-width:767px){
 .sidebar{width:6.5rem!important;min-width:6.5rem}
 .sidebar .atom-nav-link>a{flex-direction:column;gap:6px;text-align:center;padding:10px 4px;font-size:.68rem}
 .sidebar .atom-nav-link>a>i{flex-basis:auto}
 .sidebar.toggled{display:none!important;width:0!important;min-width:0;overflow:hidden}
 #content main.container-fluid{padding-right:12px;padding-left:12px}
 .habb-hk-hero h1{font-size:1.4rem}
 .habb-hk-card{padding:14px}
}
