/* admin_ops 页面组的专用样式（發放代幣 / 邀請碼 / 管理員名單）。
 * 只用 app.css 里的 var(--token)，不写十六进制色值；兼容 iOS Safari 14
 * （不用 inset / flex gap / aspect-ratio / :is() / dvh；间距用 margin，分隔用 border）。
 * class 前缀：ao-。375 设计宽，320 宽不横向溢出。
 */

/* ---------------------------------------------------------------- 發放/調整：頂部分段與搜尋框 */
.ao-tabs { padding: var(--sp-1) var(--gutter) var(--sp-2); }

.ao-search {
  display: flex;
  align-items: center;
  min-height: var(--tap);
  margin: var(--sp-2) var(--gutter);
  padding: 0 var(--sp-2) 0 var(--sp-3);
  border-radius: var(--radius-sm);
  background: var(--fill);
}
.ao-search__input {
  flex: 1;
  min-width: 0;
  min-height: var(--tap);
  padding: 0;
  border: 0;
  background: none;
  color: var(--label);
  font-size: 16px;
}
.ao-search__input::placeholder { color: var(--label-2); }
.ao-search .btn { flex: 0 0 auto; }

/* 已選人數 + 全選 / 清空（窄屏換行，不用 flex gap） */
.ao-sel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: var(--sp-2) var(--gutter) var(--sp-3);
}
.ao-sel__count { color: var(--label); white-space: nowrap; margin-right: var(--sp-2); }
.ao-sel__acts { display: flex; flex: 0 0 auto; }
.ao-sel__acts .btn + .btn { margin-left: var(--sp-1); }

.ao-hint { margin: var(--sp-2) var(--gutter) 0; }

/* ---------------------------------------------------------------- 邀請碼 / 管理員名單：卡片列表 */
.ao-list { margin: 0 var(--gutter); }
.ao-card {
  margin-bottom: var(--sp-3);
  border-radius: var(--radius);
  background: var(--bg-elevated);
  overflow: hidden;
}
.ao-card__main { padding: var(--sp-3) var(--sp-4); }
.ao-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ao-card__title { flex: 1 1 auto; min-width: 0; margin-right: var(--sp-2); word-break: break-all; }
.ao-card__sub { margin-top: 2px; word-break: break-all; }
.ao-card__meta { margin-top: 2px; word-break: break-all; }
.ao-card__actions {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--sp-3) var(--sp-3);
}
.ao-card__actions .btn { flex: 1 1 auto; }

.ao-gen { margin-bottom: var(--sp-4); }

/* ---------------------------------------------------------------- 邀請碼明文彈層（ui.sheet 內） */
.ao-pop { padding: var(--sp-1) var(--gutter) var(--sp-3); text-align: center; }
.ao-pop__code {
  display: block;
  margin: var(--sp-2) 0;
  padding: var(--sp-4) var(--sp-2);
  border-radius: var(--radius);
  background: var(--fill);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
  color: var(--label);
  word-break: break-all;
}
.ao-pop__once { margin-top: var(--sp-2); }
.ao-pop__actions { display: block; padding: 0 var(--gutter) var(--sp-2); }
.ao-pop__actions .btn { display: block; width: 100%; }
.ao-pop__actions .btn + .btn { margin-top: var(--sp-2); }