/* Unitoreios UI hotfixes: modal, account panel, link table/cards */
:root{
  --unit-ui-bg:#0f1020;
  --unit-ui-bg-2:#17182b;
  --unit-ui-border:rgba(210,218,255,.13);
  --unit-ui-text:#eef2ff;
  --unit-ui-muted:#aeb6d9;
  --unit-ui-primary:#7c35ff;
  --unit-ui-primary-2:#b02cff;
  --unit-ui-success:#23c86b;
  --unit-ui-danger:#ff5570;
}

/* Keep floating contact buttons from covering modals and form fields */
body.modal-open .pp-fab-stack,
body.unit-modal-open .pp-fab-stack{
  display:none!important;
}
.modal-backdrop{
  z-index:12990!important;
}
.modal{
  z-index:13000!important;
}

/* Mobile-safe user information dropdown */
.unit-user-dropdown{
  width:min(372px, calc(100vw - 20px))!important;
  min-width:0!important;
  max-height:calc(100vh - 86px)!important;
  overflow:auto!important;
  padding:10px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg, rgba(25,27,48,.98), rgba(14,15,30,.98))!important;
  border:1px solid var(--unit-ui-border)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.52)!important;
}
.unit-user-summary{
  display:block!important;
  padding:14px!important;
  border-radius:20px!important;
  color:var(--unit-ui-text)!important;
  background:radial-gradient(circle at 10% 0%, rgba(124,53,255,.24), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.03))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  margin-bottom:10px!important;
}
.unit-user-summary:hover{
  text-decoration:none!important;
  background:radial-gradient(circle at 10% 0%, rgba(124,53,255,.32), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04))!important;
}
.unit-user-summary-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.unit-user-avatar{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:22px!important;
  color:#fff!important;
  background:linear-gradient(135deg, var(--unit-ui-primary), var(--unit-ui-primary-2))!important;
  box-shadow:0 10px 26px rgba(124,53,255,.28)!important;
}
.unit-user-identity{
  min-width:0!important;
}
.unit-user-identity strong{
  display:block!important;
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.2!important;
  color:#fff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.unit-user-identity span{
  display:block!important;
  margin-top:4px!important;
  max-width:100%!important;
  font-size:12px!important;
  line-height:1.25!important;
  color:rgba(238,242,255,.70)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.unit-user-quickstats{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:8px!important;
  margin-top:12px!important;
}
.unit-user-mini{
  padding:10px!important;
  border-radius:15px!important;
  background:rgba(0,0,0,.18)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  min-width:0!important;
}
.unit-user-mini span,
.unit-user-usage span{
  display:block!important;
  margin-bottom:4px!important;
  font-size:11px!important;
  line-height:1.1!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  color:var(--unit-ui-muted)!important;
}
.unit-user-mini strong,
.unit-user-usage strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.2!important;
  color:#fff!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.unit-user-usage{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:8px!important;
  padding:0 0 10px!important;
  margin-bottom:4px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.unit-user-usage>div{
  padding:10px!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  min-width:0!important;
}
.unit-user-dropdown .dropdown-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  color:var(--unit-ui-text)!important;
  font-size:14px!important;
}
.unit-user-dropdown .dropdown-item:hover{
  background:rgba(124,53,255,.14)!important;
  text-decoration:none!important;
}
.unit-user-dropdown .dropdown-divider{
  border-top-color:rgba(255,255,255,.08)!important;
  margin:8px 0!important;
}
@media (max-width:575.98px){
  .unit-user-dropdown{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    top:74px!important;
    transform:none!important;
    width:auto!important;
    max-height:calc(100vh - 92px)!important;
  }
  .unit-user-quickstats,
  .unit-user-usage{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }
}

/* Link page */
.unit-link-page .page-title-box{
  margin-bottom:18px!important;
}
.unit-link-hero{
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:radial-gradient(circle at 8% 0%, rgba(124,53,255,.22), transparent 40%), linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  border:1px solid var(--unit-ui-border);
  box-shadow:0 22px 55px rgba(0,0,0,.24);
  margin-bottom:18px;
}
.unit-link-hero-main{
  min-width:0;
}
.unit-link-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(124,53,255,.16);
  color:#d9d1ff;
  font-size:12px;
  font-weight:800;
  margin-bottom:10px;
}
.unit-link-hero h4{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.25;
}
.unit-link-hero p{
  margin:8px 0 0;
  color:var(--unit-ui-muted);
  max-width:720px;
}
.unit-link-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.unit-link-btn{
  border:0!important;
  border-radius:18px!important;
  min-height:48px!important;
  padding:0 18px!important;
  font-weight:800!important;
  letter-spacing:.01em;
}
.unit-link-btn-primary{
  color:#fff!important;
  background:linear-gradient(135deg, #6c35ff, #b02cff)!important;
  box-shadow:0 14px 30px rgba(124,53,255,.28)!important;
}
.unit-link-btn-soft{
  color:#e9ecff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.unit-link-stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-bottom:18px;
}
.unit-link-stat{
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.07);
  min-width:0;
}
.unit-link-stat span{
  display:block;
  color:var(--unit-ui-muted);
  font-size:12px;
  margin-bottom:6px;
}
.unit-link-stat strong{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.1;
}
.unit-link-card-shell{
  border-radius:24px!important;
  overflow:hidden;
}
.unit-link-card-shell .card-body{
  padding:18px!important;
}
.unit-link-desktop-section{
  display:block;
}
.unit-link-mobile-list{
  display:none;
}
.unit-link-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(0,0,0,.12);
}
.unit-link-table{
  margin-bottom:0!important;
  min-width:1120px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.unit-link-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  padding:14px 12px!important;
  color:#cdd4ff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.025em;
  background:rgba(22,24,44,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  white-space:nowrap!important;
}
.unit-link-table tbody td{
  padding:14px 12px!important;
  color:#edf1ff!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.unit-link-url{
  display:block;
  max-width:340px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#9fb5ff!important;
  text-decoration:none!important;
}
.unit-link-url:hover{
  color:#fff!important;
}
.unit-link-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:rgba(124,53,255,.17);
  color:#dccfff;
  border:1px solid rgba(124,53,255,.22);
}
.unit-link-badge-green{
  background:rgba(35,200,107,.14);
  color:#adffd2;
  border-color:rgba(35,200,107,.22);
}
.unit-link-actions-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.unit-link-action-btn{
  min-height:34px!important;
  border-radius:12px!important;
  padding:6px 10px!important;
  font-weight:800!important;
}
.unit-link-empty{
  padding:32px 18px;
  text-align:center;
  border-radius:22px;
  border:1px dashed rgba(255,255,255,.15);
  background:rgba(255,255,255,.035);
}
.unit-link-empty i{
  display:inline-flex;
  width:56px;
  height:56px;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg, #6c35ff, #b02cff);
  font-size:28px;
}
.unit-link-empty h5{
  color:#fff;
  margin-bottom:6px;
}
.unit-link-empty p{
  color:var(--unit-ui-muted);
  margin:0;
}

/* Create link modal */
.unit-link-modal .modal-dialog{
  max-width:min(920px, calc(100vw - 24px))!important;
  margin:20px auto!important;
}
.unit-link-modal .modal-content{
  color:var(--unit-ui-text)!important;
  background:linear-gradient(180deg, rgba(26,28,50,.98), rgba(13,14,29,.98))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:26px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.62)!important;
  overflow:hidden!important;
}
.unit-link-modal .modal-header,
.unit-link-modal .modal-footer{
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.025)!important;
}
.unit-link-modal .modal-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
  font-weight:900!important;
}
.unit-link-modal .modal-title i{
  width:36px;
  height:36px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, #6c35ff, #b02cff);
}
.unit-link-modal .btn-close{
  filter:invert(1) grayscale(1);
  opacity:.85;
}
.unit-link-modal .modal-body{
  max-height:calc(100vh - 210px);
  overflow:auto;
  padding:18px!important;
}
.unit-link-modal .form-label{
  color:#dce2ff!important;
  font-weight:800!important;
  font-size:13px!important;
  margin-bottom:7px!important;
}
.unit-link-modal .form-control,
.unit-link-modal .form-select,
.unit-link-modal select{
  min-height:46px!important;
  border-radius:16px!important;
  background:rgba(0,0,0,.22)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
}
.unit-link-modal .form-control:focus,
.unit-link-modal .form-select:focus,
.unit-link-modal select:focus{
  border-color:rgba(124,53,255,.75)!important;
  box-shadow:0 0 0 .2rem rgba(124,53,255,.20)!important;
}
.unit-link-modal .unit-link-note{
  border:1px solid rgba(255,210,91,.18)!important;
  background:rgba(255,210,91,.08)!important;
  color:#ffe8a3!important;
  border-radius:18px!important;
}
@media (max-width:991.98px){
  .unit-link-hero{
    flex-direction:column;
  }
  .unit-link-actions{
    justify-content:flex-start;
  }
  .unit-link-stats{
    grid-template-columns:1fr;
  }
  .unit-link-desktop-section{
    display:none!important;
  }
  .unit-link-mobile-list{
    display:grid!important;
    grid-template-columns:1fr;
    gap:12px;
  }
  .unit-link-mobile-card{
    padding:14px;
    border-radius:22px;
    background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 14px 34px rgba(0,0,0,.18);
  }
  .unit-link-mobile-card-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
  }
  .unit-link-mobile-card h5{
    margin:0;
    color:#fff;
    font-size:16px;
    line-height:1.3;
    word-break:break-word;
  }
  .unit-link-mobile-card small{
    display:block;
    color:var(--unit-ui-muted);
    margin-top:4px;
  }
  .unit-link-mobile-url{
    display:block;
    padding:10px 12px;
    border-radius:16px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.07);
    color:#9fb5ff!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none!important;
    margin-bottom:10px;
  }
  .unit-link-mobile-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .unit-link-mobile-grid div{
    padding:9px 10px;
    border-radius:15px;
    background:rgba(0,0,0,.14);
    border:1px solid rgba(255,255,255,.06);
    min-width:0;
  }
  .unit-link-mobile-grid span{
    display:block;
    color:var(--unit-ui-muted);
    font-size:11px;
    margin-bottom:4px;
  }
  .unit-link-mobile-grid strong{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.2;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .unit-link-mobile-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}
@media (max-width:575.98px){
  .unit-link-hero{
    padding:15px;
    border-radius:22px;
  }
  .unit-link-hero h4{
    font-size:20px;
  }
  .unit-link-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .unit-link-btn{
    width:100%;
  }
  .unit-link-modal .modal-dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    height:calc(100dvh - 16px)!important;
    margin:8px auto!important;
    display:flex!important;
    align-items:stretch!important;
  }
  .unit-link-modal .modal-content{
    max-height:calc(100dvh - 16px)!important;
  }
  .unit-link-modal .modal-body{
    max-height:none!important;
    flex:1 1 auto!important;
  }
}

/* Hotfix: keep Create Shortlink button tappable on iOS/mobile */
.unit-link-page,
.unit-link-hero,
.unit-link-actions{
  position:relative!important;
}
.unit-link-hero{
  z-index:20!important;
}
.unit-link-actions,
#openCreateLinkModal{
  z-index:80!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(124,53,255,.25)!important;
}
#openCreateLinkModal{
  position:relative!important;
  cursor:pointer!important;
  user-select:none!important;
}
.unit-link-modal.show{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.unit-link-fallback-backdrop{
  pointer-events:auto!important;
}

/* Hotfix: bot title cleanup + mobile key list card layout */
.pp-list-card h5{text-transform:none!important;}
@media (max-width: 767.98px){
  .unit-key-page .unit-key-table-wrap{overflow:visible!important;}
  .unit-key-page table.unit-key-table,.unit-key-page .unit-key-table thead,.unit-key-page .unit-key-table tbody,.unit-key-page .unit-key-table tr,.unit-key-page .unit-key-table th,.unit-key-page .unit-key-table td{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;}
  .unit-key-page .unit-key-table thead{display:none!important;}
  .unit-key-page .unit-key-table tbody tr{position:relative!important;margin:0 0 14px!important;padding:14px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;background:rgba(35,36,58,.88)!important;box-shadow:0 14px 32px rgba(0,0,0,.24)!important;}
  .unit-key-page .unit-key-table tbody td{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;padding:9px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;text-align:right!important;line-height:1.45!important;}
  .unit-key-page .unit-key-table tbody td:last-child{border-bottom:0!important;}
  .unit-key-page .unit-key-table tbody td::before{content:attr(data-label)!important;flex:0 0 118px!important;max-width:118px!important;text-align:left!important;color:#aeb5d6!important;font-weight:700!important;}
  .unit-key-page .unit-key-table .unit-key-value-cell{word-break:break-all!important;overflow-wrap:anywhere!important;color:#fff!important;font-weight:700!important;}
  .unit-key-page .unit-key-table .btn,.unit-key-page .unit-key-table .badge{white-space:nowrap!important;}
  .unit-key-page .dataTables_wrapper .row,.unit-key-page .dataTables_wrapper .col-sm-12{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;}
}
/* =========================================================
   FULL MOBILE UI FIX - 2026-05-06
   Fix #1: duplicate wallet balance on mobile
   Fix #2: floating buttons covering page content on mobile
   This file is loaded last, so these rules intentionally override
   neo-dashboard.css, unitoreios-clone.css, contact-float.css and unified-responsive.css.
   ========================================================= */

/* Default/desktop: show only desktop wallet inside the right action group. */
.money-status-mobile{
  display:none!important;
}
.money-status-desktop{
  display:inline-flex!important;
}

#page-topbar .navbar-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-width:0!important;
}

#page-topbar .navbar-header > .d-flex:first-child{
  flex:0 1 auto!important;
  min-width:0!important;
}

.unit-topbar-actions{
  flex:0 0 auto!important;
  min-width:0!important;
  margin-left:0!important;
}

.money-status{
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  text-decoration:none!important;
}

@media (max-width:991.98px){
  /* Mobile/tablet: show exactly one wallet button. */
  .money-status-desktop,
  .unit-topbar-actions .money-status-desktop,
  #page-topbar .money-status-desktop{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    max-width:0!important;
    height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  .money-status-mobile,
  #page-topbar .money-status-mobile{
    display:inline-flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    max-width:150px!important;
    min-height:40px!important;
    padding:0 14px!important;
    margin-left:auto!important;
    margin-right:2px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  /* Keep topbar compact on iPhone/iPad, regardless of older theme CSS. */
  #page-topbar,
  #page-topbar .navbar-header{
    min-height:66px!important;
  }

  #page-topbar .navbar-brand-box{
    width:68px!important;
    min-width:68px!important;
    max-width:68px!important;
    padding:0 8px!important;
  }

  #page-topbar .navbar-brand-box .logo-lg,
  #page-topbar .navbar-brand-box .logo-txt{
    display:none!important;
  }

  #vertical-menu-btn,
  #page-topbar .header-item{
    min-width:42px!important;
    height:54px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }

  #page-header-notifications-dropdown,
  #page-header-user-dropdown{
    width:44px!important;
    min-width:44px!important;
  }

  .unit-topbar-actions{
    gap:2px!important;
  }

  /* Hide floating quick/contact buttons on mobile so they never cover cards, forms, tables or search fields. */
  .pp-fab-stack,
  .unit-contact-float,
  body .pp-fab-stack,
  body .unit-contact-float{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

@media (max-width:575.98px){
  #page-topbar .navbar-header{
    gap:4px!important;
    padding-left:0!important;
    padding-right:8px!important;
  }

  #page-topbar .navbar-brand-box{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }

  #vertical-menu-btn{
    width:42px!important;
    min-width:42px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .money-status-mobile,
  #page-topbar .money-status-mobile{
    max-width:132px!important;
    min-height:38px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }

  .unit-topbar-actions{
    gap:0!important;
  }
}

@media (max-width:390px){
  #page-topbar .navbar-brand-box{
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    padding:0 6px!important;
  }

  #vertical-menu-btn,
  #page-topbar .header-item{
    min-width:38px!important;
    width:38px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }

  .money-status-mobile,
  #page-topbar .money-status-mobile{
    max-width:118px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}

/* =========================================================
   RESTORE LOGO + CONTACT BUTTONS ON MOBILE - 2026-05-06
   Fix after fullfix: logo must be visible; Zalo/Telegram contact
   buttons must remain available on iPhone without covering content.
   ========================================================= */
@media (max-width: 991.98px){
  #page-topbar .navbar-brand-box{
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #page-topbar .navbar-brand-box .logo,
  #page-topbar .navbar-brand-box .pp-brand-logo,
  #page-topbar .navbar-brand-box .logo-lg{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:66px!important;
    visibility:visible!important;
    opacity:1!important;
  }

  #page-topbar .navbar-brand-box .logo-lg img{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:42px!important;
    max-width:42px!important;
    height:42px!important;
    object-fit:contain!important;
  }

  #page-topbar .navbar-brand-box .logo-txt{
    display:none!important;
  }

  /* Keep the old unitoreios quick stack hidden on mobile to avoid 4 buttons.
     Restore the real contact block with only Zalo + Telegram. */
  .pp-fab-stack,
  body .pp-fab-stack{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .unit-contact-float,
  body .unit-contact-float{
    display:flex!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    right:12px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 96px)!important;
    z-index:2147483000!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .unit-contact-float a,
  body .unit-contact-float a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:50px!important;
    height:50px!important;
    padding:0!important;
    border-radius:999px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.36)!important;
    text-decoration:none!important;
  }

  .unit-contact-float a span{
    display:none!important;
  }

  .unit-contact-float i{
    font-size:24px!important;
    line-height:1!important;
  }
}

@media (max-width: 390px){
  #page-topbar .navbar-brand-box{
    width:62px!important;
    min-width:62px!important;
    max-width:62px!important;
    padding:0 6px!important;
  }

  #page-topbar .navbar-brand-box .logo-lg img{
    width:38px!important;
    max-width:38px!important;
    height:38px!important;
  }

  .unit-contact-float,
  body .unit-contact-float{
    right:10px!important;
    bottom:calc(env(safe-area-inset-bottom, 0px) + 90px)!important;
  }

  .unit-contact-float a,
  body .unit-contact-float a{
    width:48px!important;
    height:48px!important;
  }
}


/* Sidebar promo card avatar for Unitoreios */
.sidebar-alert .sidebar-alert-avatar {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
  border: 3px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  background: rgba(255,255,255,0.08);
}

.sidebar-alert .alertcard-title {
  word-break: break-word;
}

@media (max-width: 991.98px) {
  .sidebar-alert .sidebar-alert-avatar {
    width: 76px;
    height: 76px;
  }
}


/* =========================================================
   GLOBAL MOBILE LAYOUT SAFE-AREA / TOPBAR FIX - 2026-05-06
   Fix pages/tabs where the first content block is hidden behind
   the fixed header on iPhone / mobile Safari.
   ========================================================= */
:root{
  --unit-live-topbar-height: 70px;
  --unit-mobile-top-gap: 16px;
}

@media (max-width: 991.98px){
  html{
    scroll-padding-top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px) + 14px);
  }

  body{
    scroll-padding-top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px) + 14px);
  }

  #page-topbar{
    z-index: 1100 !important;
  }

  #page-topbar .navbar-header{
    min-height: var(--unit-live-topbar-height, 70px) !important;
    height: var(--unit-live-topbar-height, 70px) !important;
  }

  .main-content,
  body[data-sidebar="dark"] .main-content,
  body[data-layout-mode="dark"] .main-content{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .main-content > .page-content,
  body .main-content > .page-content{
    padding-top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px) + var(--unit-mobile-top-gap, 16px)) !important;
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .main-content > .page-content > .container-fluid{
    position: relative;
    z-index: 1;
  }

  .main-content > .page-content > .container-fluid > :first-child,
  .main-content > .page-content > .container-fluid > .row:first-child,
  .main-content > .page-content > .container-fluid > .page-title-box:first-child,
  .main-content > .page-content > .container-fluid > .alert:first-child,
  .main-content > .page-content > .container-fluid > .card:first-child,
  .main-content > .page-content > .container-fluid > .pp-page-head:first-child{
    margin-top: 0 !important;
  }

  .page-title-box,
  .pp-page-head,
  .unit-link-page .page-title-box,
  .unit-seller-page .page-title-box{
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .vertical-menu{
    top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px)) !important;
    height: calc(100vh - (var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px))) !important;
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .vertical-menu .simplebar-mask,
  .vertical-menu .simplebar-content-wrapper,
  .vertical-menu .simplebar-content{
    height: 100%;
  }

  .nav-tabs,
  .nav-pills,
  .tab-content,
  [id^="nav-"],
  [id^="tab-"]{
    scroll-margin-top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px) + 14px);
  }

  body.sidebar-enable .unit-contact-float,
  body.sidebar-enable .pp-fab-stack{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 575.98px){
  :root{
    --unit-mobile-top-gap: 14px;
  }

  .main-content > .page-content,
  body .main-content > .page-content{
    padding-top: calc(var(--unit-live-topbar-height, 70px) + env(safe-area-inset-top, 0px) + 14px) !important;
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .vertical-menu{
    padding-bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
  }
}