/* Shared SeaHome palette — every rule is scoped to the plugin. Logo is not recolored or stretched. */
.shhr{--shhr-primary:#1999ce;--shhr-accent:#c8962b;--shhr-primary-dark:#12789f;--shhr-primary-soft:#edf7fc;--shhr-deep:#0b374d;--shhr-accent-soft:#faf4e8;--shhr-ink:#173648;--shhr-muted:#596e7c;--shhr-bg:#f3f7fb;--shhr-line:#dde7ef;--shhr-soft:#edf7fc}
.shhr a{color:var(--shhr-primary-dark)}
.shhr .shhr-btn,.shhr .shhr-login-card input[type=submit]{background:var(--shhr-primary-dark);border-color:var(--shhr-primary-dark);color:#fff}
.shhr .shhr-btn:hover{filter:brightness(.94);color:#fff}
.shhr .shhr-btn-outline{background:#fff;color:var(--shhr-primary-dark);border-color:var(--shhr-line)}
.shhr .shhr-btn-outline:hover{color:var(--shhr-primary-dark);background:var(--shhr-soft);filter:none}
.shhr .shhr-btn-soft{background:var(--shhr-soft);color:var(--shhr-primary-dark);border-color:transparent}
.shhr .shhr-btn-gold{background:var(--shhr-accent);border-color:var(--shhr-accent);color:#172f3e}
.shhr .shhr-btn-gold:hover{color:#172f3e}
.shhr .shhr-btn-danger{background:#fff1ef;color:#a5372c;border-color:#f0d4cd}
.shhr .shhr-btn-danger:hover{color:#912b21}
.shhr .shhr-eyebrow{color:var(--shhr-primary-dark);font-weight:700}
.shhr .shhr-salary,.shhr .shhr-link,.shhr .shhr-person-link,.shhr .shhr-bar-row b{color:var(--shhr-primary-dark)}
.shhr .shhr-avatar{background:var(--shhr-primary-soft);color:var(--shhr-primary-dark)}
.shhr .shhr-bar-fill{background:var(--shhr-primary)}
.shhr .shhr-logo{width:230px;max-width:100%;height:auto!important;max-height:none!important;object-fit:contain;border-radius:0;background:transparent;flex:none;display:block;filter:none!important}
.shhr .shhr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.shhr .shhr-brand-label{font-size:12px;letter-spacing:.13em;font-weight:750;line-height:1.6}
.shhr .shhr-brand-label small{display:block;font-size:8px;letter-spacing:.12em;font-weight:500}
.shhr .shhr-sidebar{background:linear-gradient(170deg,var(--shhr-deep),#0b283b);color:#eff8ff;padding-top:20px}
.shhr .shhr-sidebar .shhr-brand{padding:0 0 23px;align-items:stretch;color:#f0f9ff;gap:13px}
.shhr .shhr-sidebar .shhr-logo{width:100%;height:auto!important;padding:0 10px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;mix-blend-mode:normal!important;object-fit:contain!important}
.shhr .shhr-sidebar .shhr-brand-label{padding-left:13px}
.shhr .shhr-nav-caption{font-size:8px;letter-spacing:.11em;color:#b8d8eb;padding:0 11px 11px}
.shhr .shhr-nav a{color:#d7e8f3;font-size:12px}
.shhr .shhr-nav a.is-active{background:var(--shhr-primary-dark);border-color:transparent;border-left:3px solid var(--shhr-accent);color:#fff;padding-left:11px}
.shhr .shhr-nav a.is-active svg{color:var(--shhr-accent)}
.shhr .shhr-nav a:hover{background:#ffffff15;color:#fff}
.shhr .shhr-sidebar-note{color:#b7cedd;background:#ffffff08;border-color:#ffffff14;font-size:10px;line-height:1.7}
.shhr .shhr-sidebar-bottom>a{color:#d7e8f3}
.shhr .shhr-sidebar-bottom .shhr-backend-link{margin-top:18px;border-top:1px solid #ffffff20;padding-top:15px;color:#e6c67b}
.shhr .shhr-sidebar-bottom .shhr-demo-switch{color:#c9e0ef;margin-top:16px;font-size:10px}
.shhr .shhr-sidebar-bottom .shhr-version{display:block;color:#abc5d5;font-size:9px;padding:8px 0}
.shhr .shhr-topbar{border-top:3px solid var(--shhr-accent);background:#fff;min-height:83px}
.shhr .shhr-topbar-title{font-size:10px;letter-spacing:.06em;color:var(--shhr-muted);max-width:120px;line-height:1.65;white-space:normal}
.shhr .shhr-topbar-title strong{color:var(--shhr-ink);display:block}
.shhr .shhr-topbar-logo{display:block;flex:none}
.shhr .shhr-topbar-logo .shhr-logo{width:154px}
.shhr .shhr-topbar-left{min-width:0;gap:20px}
.shhr .shhr-metric.is-featured{background:linear-gradient(140deg,var(--shhr-primary-dark),var(--shhr-deep));border-color:transparent;color:#fff}
.shhr .shhr-metric.is-featured .shhr-metric-label,.shhr .shhr-metric.is-featured small{color:#deeff9}
.shhr .shhr-metric.is-featured>svg{color:#efc867}
.shhr .shhr-metric:not(.is-featured)>svg{color:var(--shhr-primary-dark);background:var(--shhr-primary-soft)}
.shhr .shhr-metric:not(.is-featured) strong{color:var(--shhr-ink)}
.shhr .shhr-tabs button.is-active{color:var(--shhr-primary-dark);border-color:var(--shhr-primary-dark)}
.shhr .shhr-public-hero{background:linear-gradient(120deg,var(--shhr-primary-soft),#fff 88%)}
.shhr .shhr-public-hero h1{color:var(--shhr-deep)}
.shhr .shhr-hero-card{background:linear-gradient(140deg,var(--shhr-primary-dark),var(--shhr-deep));border-top:3px solid var(--shhr-accent)}
.shhr .shhr-hero-card h2{color:#fff}
.shhr .shhr-hero-card .shhr-eyebrow,.shhr .shhr-hero-steps{color:#e7f4fc}
.shhr .shhr-hero-steps b{background:#ffffff10;border-color:#ffffff30;color:#edc66a}
.shhr .shhr-hero-seal{color:#e9c776;border-color:#ffffff40}
.shhr .shhr-public-nav{background:#fff;border-top:4px solid var(--shhr-accent)}
.shhr .shhr-public-nav .shhr-brand{gap:0;align-items:center;width:255px;max-width:100%}
.shhr .shhr-public-nav .shhr-brand-label{display:block;width:100%;box-sizing:border-box;font-size:8px;letter-spacing:.14em;padding-left:0;margin-top:-5px;color:var(--shhr-primary-dark);text-align:center}
.shhr .shhr-public-nav .shhr-logo{width:255px}
.shhr .shhr-contact-card{background:var(--shhr-primary-soft);border-color:var(--shhr-line)}
.shhr .shhr-login-story{background:linear-gradient(145deg,var(--shhr-primary-dark),var(--shhr-deep))}
.shhr .shhr-login-story .shhr-brand{background:#fff;border-radius:12px;padding:9px 18px;width:300px;max-width:100%;gap:0}
.shhr .shhr-login-story .shhr-brand .shhr-logo{width:270px;max-width:100%}
.shhr .shhr-login-story .shhr-brand-label{color:var(--shhr-primary-dark);font-size:9px;padding-left:6px}
.shhr .shhr-login-story .shhr-eyebrow{color:#f1cf81}
.shhr .shhr-login-story h1{color:#fff}
.shhr .shhr-login-logo{display:block;margin-bottom:22px;border-bottom:1px solid var(--shhr-line);padding-bottom:16px}
.shhr .shhr-login-logo .shhr-logo{width:285px;max-width:100%}
.shhr .shhr-login-card input[type=submit]{background:var(--shhr-primary-dark)!important;border-color:var(--shhr-primary-dark)!important}
.shhr :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--shhr-primary);outline-offset:3px}
.shhr input[type=checkbox]{accent-color:var(--shhr-primary-dark)}
.shhr-toast{background:#0c3447}
@media(min-width:921px){.shhr-app{grid-template-columns:248px minmax(0,1fr)}}
@media(max-width:1190px){.shhr .shhr-topbar-title{display:none}.shhr .shhr-topbar-left{gap:12px}}
@media(max-width:640px){.shhr .shhr-topbar{min-height:70px;padding:8px 14px;gap:8px}.shhr .shhr-topbar-left{gap:8px}.shhr .shhr-topbar-logo .shhr-logo{width:136px}.shhr .shhr-topbar-right .shhr-inline-status{display:none}.shhr .shhr-topbar-right>.shhr-btn{min-height:38px;padding:8px 10px;gap:5px;white-space:nowrap}.shhr .shhr-topbar-title{display:none}.shhr .shhr-public-nav .shhr-brand{width:190px}.shhr .shhr-public-nav .shhr-logo{width:190px}.shhr .shhr-public-nav .shhr-brand-label{font-size:6px}.shhr .shhr-public-nav{gap:8px;padding:12px 5%}.shhr .shhr-public-nav nav{flex:none}.shhr .shhr-public-nav nav .shhr-btn{font-size:10px;padding:8px;white-space:nowrap}.shhr .shhr-login-panel{border-top:4px solid var(--shhr-accent)}}
@media(max-width:370px){.shhr .shhr-topbar-right>.shhr-btn span{display:none}.shhr .shhr-public-nav .shhr-brand{width:165px}.shhr .shhr-public-nav .shhr-logo{width:165px}.shhr .shhr-public-nav .shhr-btn{font-size:9px}}
@media print{.shhr .shhr-logo{max-width:240px!important;height:auto!important}.shhr .shhr-topbar-logo{display:none}}

@media(max-width:640px){.shhr-frontend .shhr-table-wrap:not(.shhr-mobile-cards) table{min-width:520px}}

/* v1.2.7 — Unified sidebar scrolling and resilient workspace logo.
   Logo stays fixed; every navigation/action item below it belongs to one scroll container. */
.shhr .shhr-workspace-logo{
  display:block!important;
  flex:0 0 auto;
  width:205px;
  max-width:100%;
  height:62px;
  background-image:url("images/seahome-real-logo.png?v=1.2.7")!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.shhr .shhr-sidebar{overflow:hidden!important}
.shhr .shhr-sidebar>.shhr-brand{
  flex:0 0 auto!important;
  position:relative;
  z-index:3;
  padding:0 10px 16px!important;
  gap:7px!important;
  align-items:stretch!important;
}
.shhr .shhr-sidebar .shhr-brand .shhr-workspace-logo{width:100%;max-width:205px;height:62px}
.shhr .shhr-sidebar .shhr-brand-label{padding-left:0!important}
.shhr .shhr-sidebar-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  padding:0 2px 18px 0;
}
.shhr .shhr-sidebar-scroll>.shhr-nav-caption{display:block;padding:4px 11px 11px}
.shhr .shhr-sidebar-scroll>.shhr-nav{overflow:visible!important;min-height:0!important}
.shhr .shhr-sidebar-scroll>.shhr-sidebar-bottom{
  margin-top:18px!important;
  padding:18px 10px 0!important;
  max-height:none!important;
  overflow:visible!important;
  border-top:1px solid #ffffff20;
}
.shhr .shhr-sidebar-scroll>.shhr-sidebar-bottom .shhr-backend-link{margin-top:16px!important}
.shhr .shhr-topbar-logo{display:block;flex:0 0 auto}
.shhr .shhr-topbar-logo .shhr-workspace-logo{width:154px;height:47px}
@media(max-width:920px){
  .shhr .shhr-sidebar{height:100dvh!important;padding-top:max(16px,env(safe-area-inset-top))}
  .shhr .shhr-sidebar-scroll{padding-bottom:max(22px,env(safe-area-inset-bottom))}
  .shhr .shhr-sidebar .shhr-brand .shhr-workspace-logo{height:58px;max-width:195px}
}
@media(max-width:640px){
  .shhr .shhr-topbar-logo .shhr-workspace-logo{width:136px;height:42px}
}
@media(max-height:720px) and (min-width:921px){
  .shhr .shhr-sidebar>.shhr-brand{padding-bottom:10px!important}
  .shhr .shhr-sidebar .shhr-brand .shhr-workspace-logo{height:48px;max-width:175px}
  .shhr .shhr-sidebar-scroll>.shhr-nav-caption{padding-top:0}
}
@media print{.shhr .shhr-workspace-logo{display:none!important}}


/* v1.3.5 — Mobile first paint must be complete even when a cache/optimizer delays JS until interaction. */
@media(max-width:920px){
  .shhr[data-shhr-server-shell="1"] .shhr-server-menu-toggle{display:inline-flex;text-decoration:none}
  .shhr[data-shhr-server-shell="1"] #shhr-server-nav:target{transform:translateX(0)}
  .shhr[data-shhr-server-shell="1"] #shhr-server-nav:target + .shhr-server-overlay{display:block;position:fixed;inset:0;background:#0c3447b0;border:0;z-index:100000;width:100%;height:100%}
}

/* SeaHome HR 1.4.7: the host site's floating/footer CTAs must never cover the HR workspace. */
body.shhr-standalone #taibaogia,
body.shhr-standalone #hot-line,
body.shhr-standalone a[href*="zalo.me/g/iaxlve152"],
body.shhr-standalone a[href^="tel:0935937739"],
body.shhr-standalone a[href^="tel:+84935937739"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

@supports selector(.x:has(.y)) {
body.shhr-standalone .center:has(a[href*="zalo.me/g/iaxlve152"]),
body.shhr-standalone .right:has(#taibaogia),
body.shhr-standalone .right:has(#hot-line) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
}


/* v1.4.23: keep the one-thumb mobile Menu state visible while the server-rendered drawer is open. */
@media(max-width:920px){.shhr[data-shhr-server-shell="1"] #shhr-server-nav:target~.shhr-mobile-app-nav .shhr-mobile-app-menu{background:var(--shhr-primary);color:#fff}}