/* ==========================
   2FA Page Styles (clean)
   - Scoped to this page via #generateForm / .main-container / .ta
   - Avoid global collision with layout.css
   ========================== */

.container { width: 100%; }

.main-container{
  /* ✅ 跟随全站宽度 */
  max-width: var(--maxw);
  margin: 0 auto;
}

/* 标题行 */
.inline-container{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.inline-label{ font-weight: 700; }
.inline-content{ color: #444; }

/* 覆盖 layout.css 的 .form{display:grid}（只作用当前表单） */
#generateForm{
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

/* 文本框统一 */
textarea.ta{
  width: 100%;
  height: 120px;
  box-sizing: border-box;
  resize: vertical;
}

/* ✅ 统一按钮样式：主页面 + 短链接页都用这个 class */
.custom-copy-btn{
  height: 44px;
  width: 100px;          /* 想更宽改这里，如 140px */
  min-width: 100px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-sizing: border-box;

  background-color: #007bff;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;

  /* 防止被外部样式拉伸 */
  flex: 0 0 auto;
}
.custom-copy-btn:hover{ background-color: #005f73; }

/* submit 靠左（只影响主页面 submit） */
#customGenerateBtn{ align-self: flex-start; }

/* Copy/Refresh 行布局 */
.action-container{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}
.update-info{
  color: #222;
  font-weight: 600;
}

/* Toast 提示 */
.custom-tooltip{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #4CAF50;
  color: #f9f9f9;
  padding: 10px 14px;
  border-radius: 6px;
  z-index: 9999;
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}