/* HẠO NAM AI V2.1.14 — shared module header actions + mobile repair navigation. */
:root{--hnai-header-action-size:46px}
#maycu .module-kicker,#suachua .module-kicker,#quote .module-kicker{display:none!important}
#maycu .module-home,#suachua .module-home,#quote .module-home{width:var(--hnai-header-action-size);height:var(--hnai-header-action-size);display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(28,31,39,.68);color:#d9e4ef;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.14);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%);transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease}
#maycu .module-home svg,#suachua .module-home svg,#quote .module-home svg{width:21px;height:21px}
#maycu .module-home{color:#74cfff;border-color:rgba(100,210,255,.22);background:rgba(22,44,58,.68)}
#suachua .module-home{color:#72e5ad;border-color:rgba(101,227,166,.22);background:rgba(18,49,39,.68)}
#quote .module-home{color:#d8a3ff;border-color:rgba(191,90,242,.22);background:rgba(49,31,67,.68)}
#maycu .module-home:active,#suachua .module-home:active,#quote .module-home:active{transform:scale(.92)}
#maycu .module-home.is-syncing svg,#suachua .module-home.is-syncing svg,#quote .module-home.is-syncing svg{animation:hnaiSyncSpin .8s linear infinite}
@keyframes hnaiSyncSpin{to{transform:rotate(360deg)}}
/* Old action entries stay as functional targets but are no longer duplicated in the visible UI. */
#maycu .maycu-tools>[data-maycu-refresh],#quote .hn-machine-refresh,#suachua .repair215-sync{display:none!important}
#quote .hn-machine-search-row{grid-template-columns:minmax(0,1fr)!important}
/* Bottom navigation HOME glyph */
.tab[data-screen="home"] i{display:grid;place-items:center}
.tab[data-screen="home"] i svg{width:20px;height:20px;display:block}
/* Repair top navigation: sync is in header, so tabs own the row. */
#suachua .repair215-topbar{display:block!important;padding-top:6px}
#suachua .repair215-nav{width:100%;max-width:100%;display:flex!important;align-items:center;gap:5px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity;padding:5px!important}
#suachua .repair215-nav::-webkit-scrollbar{display:none}
#suachua .repair215-nav-btn{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:center}
#suachua .repair215-chips{display:flex!important;align-items:center;gap:7px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-snap-type:x proximity;padding:2px 1px 7px!important}
#suachua .repair215-chips::-webkit-scrollbar{display:none}
#suachua .repair215-chips button{flex:0 0 auto!important;min-height:38px!important;width:auto!important;white-space:nowrap!important;line-height:1!important;padding:0 13px!important;border-radius:999px!important;scroll-snap-align:center}
@media(max-width:767px){
  :root{--hnai-header-action-size:44px}
  #maycu .module-head,#suachua .module-head,#quote .module-head{row-gap:8px}
  #maycu .module-subtitle,#suachua .module-subtitle,#quote .module-subtitle{margin-top:5px}
  #suachua .module-body{padding-top:12px}
  #suachua .repair215-topbar{position:sticky;top:0;z-index:30;margin:0 -2px 15px;padding:7px 2px 10px;background:linear-gradient(180deg,rgba(5,18,17,.96) 58%,rgba(5,18,17,0));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  #suachua .repair215-nav{padding:4px!important;border-radius:18px!important}
  #suachua .repair215-nav-btn{min-height:42px;padding:0 15px!important;font-size:14px!important}
  #suachua .repair215-chips{margin-right:-2px;margin-bottom:7px!important;padding-bottom:6px!important}
  #suachua .repair215-chips button{font-size:12px!important}
}