/* RN_EVENT_FRIENDS_V17 – Standings button matches the existing refresh control. */
.rnef-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;min-width:73px;width:73px;height:64px;border:1px solid #b87914;border-radius:13px;background:linear-gradient(155deg,#33200c,#180f09);color:#ffe0a2;cursor:pointer;vertical-align:middle;box-shadow:inset 0 1px 0 rgba(255,230,155,.10);transition:background .15s ease,border-color .15s ease,transform .15s ease}
.rnef-button:hover:not(:disabled),.rnef-button:focus-visible{border-color:#f6bc48;background:linear-gradient(155deg,#4a2909,#261308);color:#fff2cd;transform:translateY(-1px)}
.rnef-button:focus-visible{outline:3px solid #8f67ff;outline-offset:2px}
.rnef-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rnef-button .rnef-secondary{width:17px;height:17px;align-self:flex-start;margin-top:18px;margin-left:-6px}
.rnef-button[data-state="pending_outgoing"],.rnef-button[data-state="pending_incoming"]{color:#f5cf81;border-color:#8f703a;cursor:help}
.rnef-button[data-state="accepted"]{color:#b6ffca;border-color:#658d60}
.rnef-button:disabled{opacity:.62;cursor:wait}
.rnef-button .rnef-icon-wrap{display:inline-flex;align-items:center;gap:3px}
.rnef-modal[hidden]{display:none!important}
.rnef-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:16px}
.rnef-dialog{position:relative;max-width:415px;width:100%;border:1px solid #c28c35;border-radius:14px;background:#162842;padding:24px;color:#f9e5bc;box-shadow:0 18px 60px rgba(0,0,0,.55);text-align:center}
.rnef-dialog h2{font-size:23px;color:#ffc96e;margin:0 0 12px}
.rnef-dialog p{font-size:15px;line-height:1.55}
.rnef-modal-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:17px}
.rnef-modal-actions a,.rnef-modal-actions button{border:1px solid #7b88ba;background:#3b4886;color:white;padding:12px 15px;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}
.rnef-modal-actions a:first-child{background:#5865f2;border-color:#7480ff}
.rnef-modal-close{position:absolute;top:8px;right:10px;background:transparent;color:white;border:0;font-size:28px;cursor:pointer}
@media(max-width:650px){.rnef-button{min-width:55px;width:55px;height:53px}.rnef-button svg{width:22px;height:22px}.rnef-button .rnef-secondary{width:15px;height:15px;margin-top:13px}}
@media(prefers-reduced-motion:reduce){.rnef-button{transition:none}}

/* RN_EVENT_FRIENDS_V171: allow an action to sit beside the unlabeled refresh control. */
.rnef-button{margin:0 0 0 9px;white-space:nowrap}
.rnef-button.rnef-fallback{margin:8px 6px 10px 0;display:inline-flex;vertical-align:middle}


/* RN_EVENT_FRIENDS_V172: match the actual RNE refresh button and stay inline.
 * RNE's refresh BUTTON is nested in .rne-update-wrap > form, and is 58x52;
 * at mobile <=700px the site sets it to 58x46. Our button uses the same.
 * Strong selectors + important neutralise the event page's global button CSS.
 */
.rne-standings button.rnef-button,
.rnef-actions-row button.rnef-button,
button.rnef-button{
  box-sizing:border-box!important;
  display:inline-flex!important;
  position:relative!important;
  top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 58px!important;
  width:58px!important;min-width:58px!important;max-width:58px!important;
  height:52px!important;min-height:52px!important;max-height:52px!important;
  padding:0!important;margin:0 0 0 10px!important;
  border:1px solid #9b6a16!important;border-radius:10px!important;
  background:linear-gradient(180deg,#2b1a08,#120c06)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.30)!important;
  font-size:0!important;line-height:1!important;
  vertical-align:middle!important;align-self:center!important;
  color:#f6ddb0!important;
  transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  cursor:pointer;
}
.rne-standings button.rnef-button:hover:not(:disabled),
button.rnef-button:hover:not(:disabled){
  border-color:#e4b958!important;
  box-shadow:0 0 0 1px rgba(244,194,92,.3),0 5px 15px rgba(0,0,0,.4)!important;
}
.rnef-action-pair{
  display:inline-flex!important;flex:0 0 auto!important;
  flex-wrap:nowrap!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;
  min-width:0!important;max-width:100%!important;
  margin:0 0 0 10px!important;vertical-align:middle!important;
  white-space:nowrap!important;
}
.rnef-action-pair>.rne-update-wrap{margin:0!important;flex:0 0 58px!important}
.rnef-action-pair>button.rnef-button{margin:0!important}
.rnef-actions-row>.rnef-action-pair{margin-left:0!important}
.rnef-actions-row{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;column-gap:8px!important;row-gap:8px!important;
  max-width:100%!important;min-width:0!important;
}
.rnef-actions-row>.rne-update-wrap{margin-left:0!important}
.rnef-actions-row>button.rnef-button{margin-left:0!important}
.rnef-actions-row .rne-update-wrap{flex-shrink:0!important}
button.rnef-button .rnef-icon-wrap{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;width:44px!important;height:27px!important;
  padding:0!important;margin:0!important;
}
button.rnef-button .rnef-icon-wrap>svg:not(.rnef-secondary){
  display:block!important;flex:none!important;width:23px!important;height:23px!important;
  max-width:23px!important;max-height:23px!important;
  margin:0!important;padding:0!important;
  stroke:currentColor!important;stroke-width:1.8!important;
}
button.rnef-button .rnef-icon-wrap>svg.rnef-secondary{
  display:block!important;flex:none!important;width:15px!important;height:15px!important;
  max-width:15px!important;max-height:15px!important;
  margin:7px 0 0 -2px!important;padding:0!important;
  stroke:currentColor!important;stroke-width:1.8!important;
}
button.rnef-button[data-state="accepted"]{border-color:#658d60!important;color:#b6ffca!important}
button.rnef-button[data-state^="pending"]{border-color:#8f703a!important;color:#f5cf81!important}
@media(max-width:700px){
  .rne-standings button.rnef-button,
  button.rnef-button{height:46px!important;min-height:46px!important;max-height:46px!important}
  .rnef-actions-row{column-gap:6px!important;row-gap:9px!important}
  button.rnef-button{margin-left:6px!important}
  .rnef-actions-row>button.rnef-button{margin-left:0!important}
}
@media(prefers-reduced-motion:reduce){button.rnef-button{transition:none!important}}


/* RN_EVENT_FRIENDS_V173: invariant action order after AJAX Refresh.
 * Reaction icons: default 0; Open trunk: 10; Refresh+Friend: 20.
 * `order` affects display only: event handlers and form semantics are intact.
 * The refresh+friend pair remains a single unit at narrow phone widths.
 */
.rnef-actions-row>.rnef-trunk-action-item{order:10!important}
.rnef-actions-row>.rnef-friend-action-item{order:20!important}
.rnef-actions-row>.rnef-action-pair{order:20!important}
@media(max-width:700px){
  .rnef-actions-row>.rnef-trunk-action-item{order:10!important}
  .rnef-actions-row>.rnef-friend-action-item{order:20!important}
}