/* FANSFLEX v10.3: semantically correct icon actions in the existing metal control system.
   Applies only to controls migrated from inline spans, preserving approved media/hero visuals. */
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action {
  appearance:none; display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; min-width:32px; min-height:32px; padding:5px;
  font:inherit; line-height:1; text-decoration:none; cursor:pointer;
  border:1px solid var(--ff102-control-line,rgba(120,146,160,.4));
  color:var(--ff102-control-ink,#25445a);
  background:linear-gradient(145deg,var(--ff102-control-bg,#edf3f7),var(--ff102-control-hover,#dce9f0));
  box-shadow:var(--ff102-control-shadow,0 2px 7px rgba(0,0,0,.12));
  transition:background-color .16s ease, border-color .16s ease, transform .16s ease;
}
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action:hover,
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action:focus-visible {
  border-color:var(--ff102-gold-border,#ad813b);
  color:var(--ff102-control-ink,#25445a);
  background:var(--ff102-control-hover,#dce9f0);
}
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action:disabled {
  cursor:progress; opacity:.68; pointer-events:none;
}
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) .ff103-suggestions-feedback {
  border-radius:10px; padding:9px 12px; color:var(--ff102-control-ink,#25445a);
  background:var(--ff102-control-bg,#edf3f7); border:1px solid var(--ff102-control-line,rgba(120,146,160,.4));
  font-size:.875rem; line-height:1.55;
}
:where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) .ff103-suggestions-feedback .btn {white-space:normal;}
@media(max-width:575.98px) {
 :where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action {min-width:40px;min-height:40px;}
}
@media(prefers-reduced-motion:reduce) {
 :where(body.fansflex-app,body.fansflex-generic,body.fansflex-no-nav) button.ff103-pill-action {transition:none!important; transform:none!important;}
}
