/* 师傅端 App · 提示条与 organizer-common.css 母版「.tip-banner--warn」完全一致
 *（浅黄底 + 金边 + 左侧橙圆感叹号），HTML 文案不改，仅样式与小程序原型对齐。
 * 历史类名 --info / --success / --ok / --danger 在本壳下视觉与 --warn 相同。
 */

body.organizer-app .tip-banner,
body.organizer-app .tip-banner--warn,
body.organizer-app .tip-banner--info,
body.organizer-app .tip-banner--success,
body.organizer-app .tip-banner--ok,
body.organizer-app .tip-banner--danger {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  background: #fffbe6;
  color: rgba(0, 0, 0, 0.72);
  border: 1px solid #ffe58f;
  margin-bottom: 0;
}

/* 母版：左侧感叹号圆标（首格为占位 span，「提示」二字在母版中通过字号 0 隐藏，仅显示 !） */
body.organizer-app .tip-banner > span:first-child {
  position: relative;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(255, 165, 0, 0.95);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  color: transparent;
  margin-top: 2px;
}

body.organizer-app .tip-banner > span:first-child::before {
  content: "!";
  font-size: 14px;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  transform: translateY(-0.5px);
}

/* 第二格：一句文案 span，或整块 div（绑定页列表等） */
body.organizer-app .tip-banner > span:nth-child(2),
body.organizer-app .tip-banner > div:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
}

body.organizer-app .tip-banner ol {
  margin: 0;
  padding-left: 1.1em;
}

body.organizer-app .tip-banner li {
  margin: 0 0 6px;
}

body.organizer-app .tip-banner li:last-child {
  margin-bottom: 0;
}

body.organizer-app .tip-banner--warn a,
body.organizer-app .tip-banner a {
  color: var(--primary);
  font-weight: 500;
  text-decoration: none;
}

body.organizer-app .tip-banner--warn strong.grab-bottom-dock__meta-num,
body.organizer-app .tip-banner strong.grab-bottom-dock__meta-num {
  color: var(--primary);
  font-weight: 650;
}

/* 常见容器外边距（避免与父级 padding 重复加水平边距） */
body.organizer-app .frame > .tip-banner {
  margin: 12px 16px 0;
}

body.organizer-app .sub-page .tip-banner {
  margin: 12px 0 12px;
}

body.organizer-app .sheet__body .tip-banner {
  margin: 0 0 12px;
}

body.organizer-app .pure-sn-sheet__hint.tip-banner {
  margin: 12px 0 14px;
}