/* Bid2Stay 28.8.7 — icon-first navigation & action density */
.b2s2887-icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}

/* Navigation: icon + short label on desktop */
.admin-nav a,
.b2s-mobile-overflow-links a,
.header-actions a{
  display:flex;
  align-items:center;
  gap:9px;
}

/* Avoid duplicate decorative legacy icons when SVG icon is present */
.admin-nav a[data-b2s2887-icon] .b2s-nav-icon{
  display:none !important;
}

/* Small utility actions become compact icon controls */
.b2s2887-icon-only{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  padding-left:0 !important;
  padding-right:0 !important;
  font-size:0 !important;
  gap:0 !important;
}
.b2s2887-icon-only .b2s2887-icon{
  width:19px;
  height:19px;
}

/* Standard actions with icons use tighter spacing */
[data-b2s2887-action]:not(.b2s2887-icon-only){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

/* Mobile: heavily favor icons in navigation */
@media (max-width:760px){
  .b2s-mobile-more-button,
  [data-admin-menu]{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    padding:0 !important;
  }

  .b2s-mobile-more-button .b2s2887-icon,
  [data-admin-menu] .b2s2887-icon{
    width:22px;
    height:22px;
  }

  /* Header account/logout become icon-led where room is tight */
  .header-actions a[data-b2s2887-icon]{
    min-width:44px;
    padding:10px;
    justify-content:center;
  }

  .header-actions a[data-b2s2887-icon] .b2s2887-icon{
    width:19px;
    height:19px;
  }

  /* Admin nav gets compact icon rhythm */
  .admin-nav a{
    gap:10px !important;
    min-height:46px !important;
  }

  /* Utility buttons inside mobile cards become icon-only where safe */
  main .b2s2887-icon-only{
    width:44px !important;
    min-width:44px !important;
    min-height:44px !important;
    border-radius:12px !important;
  }

  /* Mobile overflow links remain readable: icon + one-line label */
  .b2s-mobile-overflow-links a{
    min-height:46px;
    gap:10px;
  }
}

/* Very small screens: compact top actions further */
@media (max-width:430px){
  .header-actions{
    gap:6px !important;
  }
}