/* index4.css — SAFE POLISH LAYER
   Rule: CSS only. No JS edits. No icon block edits. */

/* tighten overall rhythm */
:root{
  --cardRadius: 16px;
}

/* card polish (non-breaking) */
.askl-card, .card, .listing-card{
  border-radius: var(--cardRadius) !important;
}

/* pills/badges (visual only) */
.pill, .badge{
  border-radius: 999px !important;
}

/* ensure the bottom action row never wraps weirdly */
.actions, .action-row, .card-actions{
  gap: 10px !important;
  flex-wrap: nowrap !important;
}
#healthLine { display: none !important; }

/* ASKL_INDEX4_HIDE_DEV_BLOCK */
.topbar,
#healthLine { display: none !important; }
/* END ASKL_INDEX4_HIDE_DEV_BLOCK */

/* INDEX4_UNVERIFIED_POPUP_THEME */
#backdrop [role="dialog"]{
  background: rgba(14,82,86,.95) !important;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 10px 40px rgba(0,0,0,.45);
  color: rgba(255,255,255,.95);
}
#lockTitle{ color:#fff; }
#backdrop [role="dialog"] button,
#lockVerify{
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  border-radius: 14px;
}
#backdrop [role="dialog"] button:hover,
#lockVerify:hover{
  background: rgba(255,255,255,.22) !important;
}
/* END INDEX4_UNVERIFIED_POPUP_THEME */

/* INDEX4_LOCK_POPUP_THEME */
#lockBackdrop [role="dialog"]{
  background: rgba(14,82,86,.95) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.45) !important;
  color: rgba(255,255,255,.95) !important;
}
#lockBackdrop #lockTitle{ color:#fff !important; }
#lockBackdrop #lockX,
#lockBackdrop #lockClose,
#lockBackdrop #lockVerify{
  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  border-radius: 14px !important;
}
#lockBackdrop #lockVerify{
  text-decoration: none !important;
  font-weight: 900 !important;
}
#lockBackdrop #lockX:hover,
#lockBackdrop #lockClose:hover,
#lockBackdrop #lockVerify:hover{
  background: rgba(255,255,255,.22) !important;
}
/* END INDEX4_LOCK_POPUP_THEME */

/* INDEX4_HIDE_MODAL_MANAGE */
#mManage{ display:none !important; }
/* END INDEX4_HIDE_MODAL_MANAGE */
