/* Four real actions, styled after the owner's reference. Inline SVGs need no icon font. */
.u39-dock.u20-dock,.u39-dock.ps-dock{
  --dock-ink:#193f35;--dock-gold:#d9c18a;
  display:none;position:fixed;z-index:99;
  left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
  bottom:calc(10px + env(safe-area-inset-bottom));
  width:auto;max-width:680px;margin:0 auto;transform:none;
  grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:6px;
  padding:8px 8px 14px;border:1px solid #d9dfe9;border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#f3f6fb 100%);
  box-shadow:0 7px 28px #082a4133,inset 0 0 0 2px #ffffff;
  backdrop-filter:none;isolation:isolate;-webkit-text-size-adjust:100%;text-size-adjust:100%;
}
.u39-dock.ps-dock{display:grid}
.u39-dock .u39-action{
  --tile-shadow:#dce3ee;--tile-inset:#ffffff;
  display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;min-width:0;min-height:86px;padding:8px 3px 9px;margin:0;
  border:1px solid #d6deea;border-radius:18px;
  background:linear-gradient(145deg,#fff,#f5f7fc);color:var(--dock-ink);
  box-shadow:0 5px 0 var(--tile-shadow),inset 0 2px 0 var(--tile-inset);
  font-family:var(--u37-sans,'Dung Sans VN',Arial,sans-serif);
  font-size:14px;font-weight:700;line-height:1.35;letter-spacing:0;
  text-align:center;text-decoration:none;cursor:pointer;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.u39-dock .u39-action .u39-icon{
  display:flex;align-items:center;justify-content:center;
  width:29px;height:29px;margin:0 0 2px;flex:0 0 auto;
}
.u39-dock .u39-icon svg{display:block;width:100%;height:100%;overflow:visible}
.u39-dock .u39-action .u39-label{
  display:block;font-size:clamp(10.5px,3.1vw,14px);font-weight:700;line-height:1.4;
  letter-spacing:0;white-space:nowrap;
}
.u39-dock .u39-action .u39-subtitle{
  display:block;font-size:clamp(9.5px,2.75vw,12px);font-weight:400;line-height:1.4;
  color:#536276;letter-spacing:0;white-space:nowrap;
}
.u39-dock .u39-action.u39-zalo{
  --tile-shadow:#0750a0;--tile-inset:#79bcff;
  background:linear-gradient(145deg,#1b9bff,#0064e5 82%);border-color:#58a6ef;color:#fff;
}
.u39-dock .u39-zalo .u39-subtitle{color:#fff}
.u39-dock .u39-action.u39-calc{
  --tile-shadow:#183e34;--tile-inset:#41665c;
  background:linear-gradient(145deg,#214c40,#153c31);border-color:#244a3f;color:#fff;
}
.u39-dock .u39-calc .u39-icon{color:#e9cc8f}
.u39-dock .u39-calc .u39-subtitle{color:#dbe8e2}
.u39-dock .u39-action.u39-map{
  --tile-shadow:#d1bf8e;--tile-inset:#fffdf4;
  background:linear-gradient(145deg,#fffdf4,#f4e8cb);border-color:#d8c48e;color:var(--dock-ink);
}
.u39-dock .u39-map .u39-icon{color:#886723}
.u39-dock .u39-action:focus-visible{outline:3px solid #bc8e1e;outline-offset:3px}
.u39-dock .u39-action:active{transform:translateY(3px);box-shadow:0 2px 0 var(--tile-shadow),inset 0 1px 0 var(--tile-inset)}
@media(hover:hover){.u39-dock .u39-action:hover{transform:translateY(-2px);filter:brightness(1.035)}}
@media screen and (max-width:760px){
  body.u39-has-dock{padding-bottom:calc(136px + env(safe-area-inset-bottom))}
  html:has(body.u39-has-dock){scroll-padding-bottom:calc(136px + env(safe-area-inset-bottom))}
  .u39-dock.u20-dock{display:grid}
  body.u39-has-dock:has(input:focus,textarea:focus,select:focus) .u39-dock{visibility:hidden;pointer-events:none}
}
@media screen and (max-width:350px){
  .u39-dock.u20-dock,.u39-dock.ps-dock{padding:6px 6px 12px;gap:4px;border-radius:21px}
  .u39-dock .u39-action{border-radius:15px;min-height:82px;padding-inline:1px}
  .u39-dock .u39-action .u39-icon{width:26px;height:26px}
}
@media(prefers-reduced-motion:reduce){.u39-dock .u39-action{transition:none}.u39-dock .u39-action:hover,.u39-dock .u39-action:active{transform:none}}
@media print{.u39-dock.u20-dock,.u39-dock.ps-dock{display:none!important}body.u39-has-dock{padding-bottom:0!important}}