:root {
  --color-primary: #2c7a4b;
  --color-bg: #fafaf8;
  --color-text: #222;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;
  background: var(--color-bg);
  color: var(--color-text);
}

header {
  background: var(--color-primary);
  color: white;
  padding: 12px 16px;
  font-size: 1.1rem;
  font-weight: bold;
}

nav.tabs {
  display: flex;
  border-bottom: 1px solid #ddd;
}

nav.tabs button {
  flex: 1;
  padding: 12px;
  background: none;
  border: none;
  font-size: 1rem;
  border-bottom: 3px solid transparent;
}

nav.tabs button.active {
  border-bottom-color: var(--color-primary);
  font-weight: bold;
}

section.tab-panel {
  display: none;
  padding: 16px;
}

section.tab-panel.active {
  display: block;
}

.feed-item-pending {
  display: inline-block;
  background: #f0ad4e;
  color: white;
  font-size: 0.75rem;
  padding: 2px 6px;
  border-radius: 4px;
  margin-bottom: 4px;
}