/* FIX313 — CUSTOMER FRONTEND MODERN WHITE + BLUE
   UI-only foundation. Keeps existing routes/actions/data. */
:root{
  --hh-blue:#087cff;
  --hh-blue-dark:#0667d8;
  --hh-cyan:#20c7ee;
  --hh-sky:#eef9ff;
  --hh-sky-2:#e2f4ff;
  --hh-white:#ffffff;
  --hh-ink:#10355d;
  --hh-muted:#6d8298;
  --hh-line:#d8ebf8;
  --hh-shadow:0 12px 32px rgba(21,109,173,.11);
  --hh-shadow-soft:0 7px 20px rgba(21,109,173,.08);
  --theme-primary:#087cff!important;
  --theme-secondary:#20c7ee!important;
  --theme-bg:#f4fbff!important;
  --theme-card:#ffffff!important;
  --theme-text:#10355d!important;
  --theme-btn-text:#ffffff!important;
}
*{box-sizing:border-box}
html,body{background:#f4fbff!important;color:var(--hh-ink)!important}
body{background-image:radial-gradient(circle at 88% 0,rgba(32,199,238,.13),transparent 28%),linear-gradient(180deg,#fbfeff 0,#eff9ff 52%,#f8fcff 100%)!important;background-attachment:fixed!important}
body:before,body:after{content:none!important;display:none!important;background:none!important;animation:none!important}
.fixed-bg{background:linear-gradient(180deg,#fbfeff,#eff9ff)!important;background-image:none!important}
#wrapper,#content,#section-content,.section-content,.content-wrapper,.main-content{background:transparent!important;color:var(--hh-ink)!important}
a{color:var(--hh-blue)}
.text-success,.text-blue,.text-blue-2,.text-gold,.text-green{color:var(--hh-blue)!important}
.border-success,.border-gold,[class*="border-green"]{border-color:#b8ddf6!important}

/* shared surfaces */
.card,.card-main,.modal-content,.dropdown-menu,.list-group-item,.bglogin,.subbglogin,.bg-dark_bkk,.bg-success_bkk,.content-box,.box,.panel{
  background:#fff!important;color:var(--hh-ink)!important;border-color:var(--hh-line)!important;box-shadow:var(--hh-shadow-soft)
}
.form-control,select.form-control,.custom-select,input,select,textarea{
  background:#fff!important;color:#163b62!important;border-color:#c8e2f4!important;border-radius:14px!important
}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--hh-blue)!important;box-shadow:0 0 0 .18rem rgba(8,124,255,.12)!important}
.btn{border-radius:16px!important}
.btn-primary,.btn-success,.btn-warning,.btn-danger_bkk,.btn-primary_bkk,.btn-success_bkk,.btn-info,.menu-money,.btn-register-lottovip{
  background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue) 72%,var(--hh-blue-dark))!important;
  color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(8,124,255,.20)!important
}
.btn-outline-primary,.btn-outline-warning,.btn-outline-dark-2{background:#fff!important;color:var(--hh-blue)!important;border-color:var(--hh-blue)!important}
.badge-primary,.badge-success,.badge-danger{background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important}
.table{color:#163b62!important;background:#fff!important}.table td,.table th{border-color:#e1eef7!important}.table thead th{background:#edf8ff!important;color:#0864c7!important}

/* public landing */
.hh-public{min-height:100vh;padding-bottom:94px;background:radial-gradient(circle at 90% 2%,rgba(32,199,238,.15),transparent 28%),linear-gradient(180deg,#fbfeff 0,#edf8ff 62%,#f8fcff 100%)!important}
.hh-top{height:88px;padding:14px max(18px,calc((100% - 900px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--hh-line)!important;box-shadow:0 5px 22px rgba(21,109,173,.08)!important;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.hh-brand{display:flex;align-items:center}.hh-brand img{height:56px;max-width:210px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(8,124,255,.10))}
.hh-top-actions{display:flex;align-items:center;gap:9px}.hh-lang,.hh-line{background:#fff!important;border:1px solid #cfe7f7!important;border-radius:18px!important;padding:9px 13px!important;color:#173c63!important;text-decoration:none!important;box-shadow:0 5px 16px rgba(21,109,173,.07)}
.hh-line{background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important;border:0!important;font-weight:700}
.hh-public-main{max-width:900px;margin:auto;padding:18px 16px}
.hh-slider,.hh-promo-slider{position:relative;overflow:hidden;border-radius:28px!important;background:#eaf7ff!important;border:1px solid #b9e1ff!important;box-shadow:0 16px 38px rgba(22,128,200,.15)!important}
.hh-slider{aspect-ratio:16/7.2}.hh-promo-slider{aspect-ratio:16/6.1;margin-top:18px}
.hh-slide,.hh-promo-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease,transform .5s ease;transform:translateX(2%);pointer-events:none}.hh-slide.active,.hh-promo-slide.active{opacity:1;transform:none;pointer-events:auto}
.hh-slide img,.hh-promo-slide img{width:100%;height:100%;object-fit:cover;display:block}
.hh-slide-empty{display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 18% 20%,#8be6ff 0,#2fc8f1 22%,transparent 48%),radial-gradient(circle at 82% 72%,#5a9cff 0,#147ff2 25%,transparent 52%),linear-gradient(135deg,#dff7ff,#65d5f4 45%,#1687f6)!important}.hh-slide-empty div{display:flex;flex-direction:column;gap:6px}.hh-slide-empty b{font-size:32px;color:#083e7d!important}.hh-slide-empty span,.hh-slide-empty small{color:#fff!important}
.hh-dots,.hh-promo-dots{position:absolute;left:0;right:0;bottom:11px;display:flex;justify-content:center;gap:7px;z-index:3}.hh-dots button,.hh-promo-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#c8e5f8}.hh-dots button.active,.hh-promo-dots button.active{width:25px;border-radius:8px;background:var(--hh-blue)}
.hh-auth{display:flex!important;gap:12px!important;align-items:stretch!important;margin:22px 0 17px}.hh-auth a{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 1 0!important;min-height:56px!important;padding:14px 12px!important;border-radius:22px!important;text-align:center;font-size:18px;font-weight:800;text-decoration:none!important;box-shadow:0 9px 22px rgba(8,124,255,.11)!important}.hh-login{order:1;background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue) 75%)!important;color:#fff!important;border:0!important}.hh-register{order:2;border:1.5px solid var(--hh-blue)!important;background:#fff!important;color:var(--hh-blue)!important}
.hh-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.hh-quick a{text-align:center;text-decoration:none!important;color:#173b62!important;min-width:0}.hh-quick i{display:flex;height:70px;align-items:center;justify-content:center;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f1f9ff)!important;border:1px solid var(--hh-line)!important;color:var(--hh-blue)!important;font-size:25px;margin-bottom:7px;box-shadow:var(--hh-shadow-soft)!important}.hh-quick span{font-weight:700;line-height:1.25;color:#173b62!important}
.hh-info-card{margin-top:22px;padding:20px;border:1px solid var(--hh-line)!important;border-radius:24px!important;background:linear-gradient(145deg,#fff,#f3faff)!important;box-shadow:var(--hh-shadow-soft)!important;color:#45647e!important}.hh-info-card h3{color:var(--hh-blue)!important}
.hh-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;height:78px;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--hh-line)!important;display:flex;justify-content:center;box-shadow:0 -8px 26px rgba(21,109,173,.10)!important;backdrop-filter:blur(14px)}
.hh-bottom a{width:min(20%,180px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none!important;color:#294b6e!important;font-size:12px}.hh-bottom i{font-size:22px;color:#325779!important}.hh-bottom a.active,.hh-bottom a.active i{color:var(--hh-blue)!important}.hh-bottom-main{transform:translateY(-12px)}.hh-bottom-main i{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important;border:4px solid #f4fbff!important;box-shadow:0 8px 22px rgba(8,124,255,.24)!important}

/* logged-in top header */
.sticky-top .topnavbar{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--hh-line)!important;box-shadow:0 4px 18px rgba(21,109,173,.08)!important;backdrop-filter:blur(14px)}
.sticky-top .topnavbar .container{background:transparent!important}.theme-logo-img{max-height:52px;max-width:210px;object-fit:contain}
.sticky-top .topnavbar #re-credit .badge,.sticky-top .topnavbar [data-id="credit_balance"]{background:#edf8ff!important;color:#0864c7!important;border:1px solid #bfe0f7!important;box-shadow:none!important}
.sticky-top .topnavbar #sidebarCollapse{color:var(--hh-blue)!important;background:#fff!important;border:1px solid #cfe6f6!important;border-radius:20px!important;padding:4px 8px!important;box-shadow:0 4px 14px rgba(21,109,173,.08)}
.sticky-top .topnavbar #sidebarCollapse img,.sticky-top .topnavbar #menu-profile img{border:2px solid #bfe1f7!important;background:#fff!important}.sticky-top .topnavbar #sidebarCollapse .fa-ellipsis-v{color:var(--hh-blue)!important;margin-left:5px!important}
.sticky-top .topnavbar #menu-pc a,.sticky-top .topnavbar #menu-profile{color:#245077!important;background:#fff!important;border:1px solid #d4e9f7!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(21,109,173,.06)}.sticky-top .topnavbar #menu-pc a{padding:8px 10px!important;margin:0 3px!important}.sticky-top .topnavbar #menu-pc i{color:var(--hh-blue)!important}
.sticky-top .topnavbar .bootstrap-select>.dropdown-toggle,.sticky-top .topnavbar .selectpicker{background:#fff!important;color:#173c63!important;border-color:#d2e8f7!important}
.sticky-top+.navbar,.topnavbar+.navbar,.navbar{background:linear-gradient(90deg,#f7fcff,#eef8ff,#f7fcff)!important;border-top:0!important;border-bottom:1px solid var(--hh-line)!important}.navbar .notice-bar,.navbar .txt-notice,.navbar .marquee{background:transparent!important;color:#39617f!important}.navbar .notice-bar{border:0!important;border-radius:16px!important}
#sidebar{background:linear-gradient(180deg,#fff,#eef8ff)!important;border-right:1px solid var(--hh-line)!important;color:var(--hh-ink)!important}#sidebar .sidebar-header{background:linear-gradient(135deg,#dff6ff,#90dcff)!important;color:#083e7d!important}#sidebar ul.components,#sidebar ul.components li,#sidebar ul.components li a{background:transparent!important;color:#173c63!important;border-color:#e2eef6!important}#sidebar ul.components li a:hover{background:#e8f6ff!important;color:var(--hh-blue)!important}#sidebar .CTAs .logout{background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important;border:0!important}#menu-profile-dropdown{background:#fff!important;border:1px solid var(--hh-line)!important}#menu-profile-dropdown .dropdown-item{background:#fff!important;color:#173c63!important}#menu-profile-dropdown .dropdown-item:hover{background:#eaf7ff!important;color:var(--hh-blue)!important}

/* logged-in homepage */
.hh-member-home{padding-top:4px}
.heng-auto-slider,.hh-member-promo{position:relative;overflow:hidden;border-radius:24px!important;border:1px solid #bfe2fa!important;background:#eaf7ff!important;box-shadow:0 12px 30px rgba(21,109,173,.12)!important;margin-top:10px}.heng-slides,.hh-member-promo-slides{position:relative;aspect-ratio:16/6.3}.heng-slide,.hh-member-promo-slide{position:absolute;inset:0;opacity:0;transform:translateX(2%);transition:opacity .5s ease,transform .5s ease;pointer-events:none}.heng-slide.active,.hh-member-promo-slide.active{opacity:1;transform:none;pointer-events:auto}.heng-slide img,.hh-member-promo-slide img{width:100%;height:100%;object-fit:cover;display:block}.heng-dots,.hh-member-promo-dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:7px;z-index:3}.heng-dot,.hh-member-promo-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 1px 3px rgba(10,74,120,.15)}.heng-dot.active,.hh-member-promo-dot.active{width:22px;border-radius:8px;background:var(--hh-blue)}
.heng-home.card-main,.hh-balance-card{background:linear-gradient(145deg,#fff,#eef9ff)!important;border:1px solid #cfe7f7!important;border-radius:24px!important;box-shadow:var(--hh-shadow)!important;color:var(--hh-ink)!important;overflow:hidden;position:relative}.hh-balance-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-65px;top:-80px;background:radial-gradient(circle,rgba(32,199,238,.18),rgba(8,124,255,.03) 62%,transparent 63%);pointer-events:none}.hh-balance-label{font-size:13px;color:#668198}.hh-balance-amount{font-size:34px;line-height:1;font-weight:800;color:#086fdc!important;letter-spacing:.3px}.hh-balance-user{color:#688097}.hh-balance-meta{font-size:12px;color:#6f879c}.hh-balance-meta strong{color:#294f70}
.hh-money-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.hh-money-btn{min-height:58px;border:0;border-radius:18px!important;color:#fff!important;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none!important;box-shadow:0 9px 20px rgba(8,124,255,.18)}.hh-money-btn.deposit{background:linear-gradient(135deg,#26d4ee,#087cff)!important}.hh-money-btn.withdraw{background:linear-gradient(135deg,#6ea8ff,#3c75e9)!important}.hh-money-btn i{color:#fff!important}
.hh-section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 10px}.hh-section-title h3{font-size:18px;margin:0;color:#133d63;font-weight:800}.hh-section-title small{color:#7890a4}
.heng-home-menu{padding:0!important}.heng-home-menu .row{margin-left:-5px;margin-right:-5px}.heng-home-menu .row>[class*="col-"]{padding-left:5px!important;padding-right:5px!important;margin-bottom:10px}.heng-home-menu .menu-grid{min-height:82px!important;height:100%;display:flex!important;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#fff,#f1f9ff)!important;border:1px solid var(--hh-line)!important;color:#173d62!important;border-radius:20px!important;box-shadow:var(--hh-shadow-soft)!important;text-decoration:none!important;padding:10px 6px!important;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.heng-home-menu .menu-grid:hover,.heng-home-menu .menu-grid:focus{background:#fff!important;color:var(--hh-blue)!important;border-color:#b9dff8!important}.heng-home-menu .menu-grid:active{transform:scale(.98)}.heng-home-menu .menu-grid i,.heng-home-menu .menu-grid .fa-layers{color:var(--hh-blue)!important;text-shadow:none!important;font-size:24px;margin-bottom:4px}.heng-home-menu .menu-grid .text-left{text-align:center!important}.heng-menu-separator{display:none!important}
.hh-lottery-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hh-lottery-card{background:#fff;border:1px solid var(--hh-line);border-radius:20px;padding:14px 12px;text-decoration:none!important;color:#173d62!important;box-shadow:var(--hh-shadow-soft);display:flex;flex-direction:column;gap:6px;min-height:116px;position:relative;overflow:hidden}.hh-lottery-card:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-28px;bottom:-34px;background:rgba(8,124,255,.06)}.hh-lottery-card .hh-flag{font-size:26px}.hh-lottery-card strong{font-size:15px;line-height:1.2}.hh-lottery-card small{color:#71899d}.hh-lottery-card span{margin-top:auto;color:var(--hh-blue);font-weight:800;font-size:12px}
.hh-member-promo{margin-top:12px}.hh-member-promo-empty{padding:20px;background:linear-gradient(135deg,#e8f8ff,#c8efff);color:#18527d;text-align:center;border-radius:22px}
#menucredit{border:0!important;background:transparent!important;margin-top:14px!important}#menucredit .nav-link{background:#fff!important;border:1px solid var(--hh-line)!important;border-radius:18px!important;color:#0d67c6!important;font-weight:800!important;box-shadow:var(--hh-shadow-soft)!important}.box-news{background:#fff!important;border:1px solid var(--hh-line)!important;box-shadow:var(--hh-shadow-soft)!important}.h-box-news{padding-left:14px;padding-right:14px}.icon-news i{color:var(--hh-blue)!important}.txt-h,.txt-h *{color:#173d62!important}.txt-box-news .text-news h1{color:#173d62!important}.txt-box-news .text-news p{color:#6b8499!important}.bg-gold{background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important}

/* other logged-in customer pages */
#section-content .card,#section-content [class*="lottery"],#section-content .box{border-color:var(--hh-line)!important;background:#fff!important;box-shadow:var(--hh-shadow-soft)!important}#section-content .card-header{background:linear-gradient(90deg,#f5fbff,#eaf7ff)!important;color:#075ebf!important}#section-content .nav-tabs .nav-link.active{background:linear-gradient(135deg,var(--hh-cyan),var(--hh-blue))!important;color:#fff!important;border-color:var(--hh-blue)!important}

/* login / register surfaces */
.bglogin,.subbglogin,.logo-login,.login-logo,.login-header,.brand-header,[class*="login"][class*="header"],[class*="logo"][class*="header"]{background:#fff!important;background-image:none!important}
#app .hh-login-topbar,#app .hh-register-topbar,#app .hh-register-noticebar{background:rgba(255,255,255,.96)!important;background-image:none!important;border-color:var(--hh-line)!important;box-shadow:0 5px 20px rgba(21,109,173,.08)!important}
#app .hh-login-topbar:before,#app .hh-register-topbar:before{content:none!important;display:none!important}
#app .hh-login-topbar .container,#app .hh-login-topbar .row,#app .hh-login-topbar [class*="col-"],#app .hh-register-topbar .container,#app .hh-register-topbar .row,#app .hh-register-topbar [class*="col-"],#app .hh-register-noticebar .container,#app .hh-register-noticebar .notice-bar{background:transparent!important;background-image:none!important}
#app .hh-register-topbar h3{color:var(--hh-blue)!important;text-shadow:none!important}
.hh-login-form-actions{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}.hh-login-form-actions .btn{flex:0 0 auto!important;width:min(300px,92%)!important;min-height:52px!important;margin:0 auto!important;padding:10px 28px!important;font-size:19px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* logged-in bottom navigation */
body{padding-bottom:88px!important}.heng-bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:768px;height:72px;z-index:10050;display:flex;align-items:stretch;background:rgba(255,255,255,.98)!important;border:1px solid var(--hh-line)!important;border-bottom:0!important;border-radius:20px 20px 0 0;box-shadow:0 -8px 26px rgba(21,109,173,.11)!important;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-sizing:content-box;backdrop-filter:blur(14px);transition:transform .28s ease,opacity .28s ease}.heng-bottom-nav.is-hidden{transform:translate(-50%,calc(100% + 8px));opacity:.08;pointer-events:none}.heng-bottom-nav__item{flex:1;min-width:0;color:#5d7690!important;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:700;line-height:1.15;position:relative;border-radius:13px;transition:.15s ease}.heng-bottom-nav__item i{font-size:21px;color:#51718f!important;text-shadow:none!important}.heng-bottom-nav__item.active{color:var(--hh-blue)!important;background:#eef8ff!important;box-shadow:inset 0 0 0 1px #d3eafa!important}.heng-bottom-nav__item.active i{color:var(--hh-blue)!important;text-shadow:none!important}.heng-bottom-nav__item--home{transform:translateY(-10px)}.heng-bottom-nav__item--home .heng-bottom-nav__icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--hh-cyan),var(--hh-blue))!important;border:3px solid #f4fbff!important;box-shadow:0 7px 18px rgba(8,124,255,.25)!important}.heng-bottom-nav__item--home i{font-size:22px;color:#fff!important}.heng-bottom-nav__item--home .heng-bottom-nav__label{margin-top:1px}#admin-line-float{bottom:94px!important}

/* mobile */
@media(max-width:768px){
  .theme-logo-img{max-height:43px;max-width:155px}.topnavbar .container,.navbar .container{padding-left:10px!important;padding-right:10px!important}
  #section-content.container{padding-left:10px!important;padding-right:10px!important;margin-bottom:34px!important}
  .hh-balance-amount{font-size:30px}.hh-lottery-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.hh-lottery-card{padding:12px 9px;min-height:108px}.hh-lottery-card strong{font-size:13px}
}
@media(max-width:650px){
  .hh-top{height:74px;padding:9px 13px}.hh-brand img{height:44px;max-width:160px}.hh-public-main{padding:12px 11px}.hh-slider{border-radius:22px!important;aspect-ratio:16/8}.hh-promo-slider{border-radius:20px!important;aspect-ratio:16/7}.hh-auth{margin-top:17px;gap:9px!important}.hh-auth a{font-size:16px!important;padding:13px 7px!important;min-height:52px!important}.hh-quick{grid-template-columns:repeat(3,1fr);gap:9px!important}.hh-quick i{height:58px;border-radius:16px!important;font-size:22px}.hh-quick span{font-size:12px}.hh-bottom{height:72px}
  .heng-auto-slider,.hh-member-promo{border-radius:18px!important}.heng-slides,.hh-member-promo-slides{aspect-ratio:16/7.1}.hh-money-row{gap:8px}.hh-money-btn{min-height:55px;font-size:16px;border-radius:17px!important}.heng-home-menu .menu-grid{min-height:78px!important;border-radius:18px!important;font-size:12px}.heng-home-menu .menu-grid i,.heng-home-menu .menu-grid .fa-layers{font-size:22px}.hh-section-title{margin-top:18px}
}
@media(max-width:380px){.hh-lottery-shortcuts{grid-template-columns:1fr}.hh-lottery-card{min-height:92px}.hh-quick{grid-template-columns:repeat(3,1fr)}}

/* FIX313: keep the two existing account/report actions from the original home. */
.hh-account-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px}
.hh-account-links>a{min-height:66px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--hh-line);border-radius:18px;background:linear-gradient(145deg,#fff,#f2f9ff);box-shadow:var(--hh-shadow-soft);text-decoration:none!important;color:#173d62!important}
.hh-account-links>a>i:first-child{width:36px;height:36px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e9f7ff;color:var(--hh-blue)!important;font-size:17px}
.hh-account-links>a>span{display:flex;flex-direction:column;min-width:0;line-height:1.25}.hh-account-links strong{font-size:13px;color:#173d62}.hh-account-links small{font-size:11px;color:#71899d;margin-top:3px}.hh-account-links .hh-account-arrow{margin-left:auto;color:#7fa4c2!important;font-size:12px}
@media(max-width:460px){.hh-account-links{grid-template-columns:1fr}.hh-account-links>a{min-height:61px}}