/*
 * 绿色版按钮外观参考，2026-10-23。
 * 对照本聊天已展示的 forest-controls 样稿提取；不是网站上线改动。
 * 在现有页面样式之后加载。按钮使用下面的专用类，不混用旧的
 * primary-button / secondary-button / danger-button / active 样式。
 * 此文件只管外观，点击处理、保存和删除确认仍由页面自己的逻辑负责。
 */

.cottage-button-scope {
  --c-btn-green: #566343;
  --c-btn-bright: #9ca463;
  --c-btn-orange: #d97757;
  --c-btn-ink: #eef1df;
  --c-btn-dark-ink: #202808;
  --c-btn-soft: #bbc3a5;
}

.cottage-button-scope button.cottage-btn {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: auto;
  min-height: 34px;
  margin: 0;
  padding: 6px 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  box-shadow: none;
  color: var(--c-btn-ink);
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
}

/* 常驻动作／取消：浅绿填色，浅白文字，无可见外框。 */
.cottage-button-scope button.cottage-btn--green {
  background: var(--c-btn-green);
  color: var(--c-btn-ink);
}

/* 保存：浅亮绿填色，深绿文字，无可见外框。 */
.cottage-button-scope button.cottage-btn--save {
  background: var(--c-btn-bright);
  color: var(--c-btn-dark-ink);
}

/* 提示／轻操作：橘红字与 1px 橘红线，内部完全透明。 */
.cottage-button-scope button.cottage-btn--outline-orange {
  background: transparent;
  color: var(--c-btn-orange);
  border-color: var(--c-btn-orange);
}

/* 独立编辑入口：未打开时，浅亮绿字与 1px 浅亮绿线。 */
.cottage-button-scope button.cottage-btn--edit {
  background: transparent;
  color: var(--c-btn-bright);
  border-color: var(--c-btn-bright);
}

/* 编辑区保持打开时才变橘红；不是 :active，也不是悬停状态。 */
.cottage-button-scope button.cottage-btn--edit[aria-expanded="true"] {
  background: transparent;
  color: var(--c-btn-orange);
  border-color: var(--c-btn-orange);
}

/* 辅助文字动作，可供返回／收起使用；不替换本次指定的浅绿取消按钮。 */
.cottage-button-scope button.cottage-btn--text {
  background: transparent;
  color: var(--c-btn-soft);
  padding-inline: 8px;
}

.cottage-button-scope button.cottage-btn:disabled {
  opacity: .5;
  cursor: default;
}

/* 键盘焦点提示只在需要时出现，不是常驻装饰外框。 */
.cottage-button-scope button.cottage-btn:focus-visible {
  outline: 2px solid var(--c-btn-ink);
  outline-offset: 3px;
}