/* App refresh button for Customer and Admin headers */
.app-refresh-btn,
.customer-refresh-btn,
.admin-refresh-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:38px;
  height:38px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-weight:800;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.app-refresh-btn:hover,
.customer-refresh-btn:hover,
.admin-refresh-btn:hover{background:rgba(255,255,255,.24);transform:translateY(-1px)}
.app-refresh-btn:active,
.customer-refresh-btn:active,
.admin-refresh-btn:active{transform:scale(.96)}
.app-refresh-btn .refresh-label,
.customer-refresh-btn .refresh-label,
.admin-refresh-btn .refresh-label{white-space:nowrap;font-size:12px;letter-spacing:.02em}
.app-refresh-btn.is-refreshing .refresh-icon,
.customer-refresh-btn.is-refreshing .refresh-icon,
.admin-refresh-btn.is-refreshing .refresh-icon{animation:skRefreshSpin .8s linear infinite}
@keyframes skRefreshSpin{to{transform:rotate(360deg)}}
.customer-header .customer-refresh-btn{order:2;margin-left:auto;margin-right:8px;background:linear-gradient(135deg,#0b6f6a,#0f8b83);border-color:rgba(245,190,71,.5)}
.customer-header .customer-menu-btn{order:3}
.site-header .app-refresh-btn{margin-left:auto;margin-right:8px;background:linear-gradient(135deg,#0b6f6a,#0f8b83);border-color:rgba(245,190,71,.5)}
.admin-topbar .admin-refresh-btn{background:linear-gradient(135deg,#0b6f6a,#0f8b83);border-color:rgba(245,190,71,.45);color:#fff;margin-right:6px}
.theme-dark .admin-refresh-btn{box-shadow:0 8px 18px rgba(0,0,0,.28)}
@media(max-width:768px){
  .app-refresh-btn,
  .customer-refresh-btn,
  .admin-refresh-btn{width:36px;min-width:36px;height:36px;padding:0;border-radius:50%;font-size:15px}
  .app-refresh-btn .refresh-label,
  .customer-refresh-btn .refresh-label,
  .admin-refresh-btn .refresh-label{display:none}
  .customer-header .customer-refresh-btn{margin-left:auto;margin-right:6px}
  .admin-topbar .admin-refresh-btn{margin-left:auto;margin-right:8px}
  .admin-topbar .top-actions{gap:6px}
}
@media(min-width:769px){
  .customer-header .customer-refresh-btn{margin-left:12px}
}