.atb { max-width: 760px; }
.atb-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
.atb-tab {
  padding: 8px 12px; font-size: 13px; font-weight: 700; border: 1px solid #d9e0d4; border-radius: 6px;
  background: #fff; cursor: pointer; color: #27331f;
}
.atb-tab-active { background: #19616a; border-color: #19616a; color: #fff; }

.atb-search-row { margin-bottom: 14px; }
.atb-search-row input {
  width: 100%; padding: 9px 11px; font-size: 14.5px; border: 1px solid #d9e0d4; border-radius: 6px;
  box-sizing: border-box;
}
.atb-search-row input:focus { outline: 2px solid #19616a; outline-offset: 1px; }

.atb-panel { display: flex; flex-direction: column; gap: 10px; }
.atb-count { font-size: 12.5px; color: #5b6b56; margin: 0 0 2px; }

.atb-card {
  display: flex; flex-direction: column; gap: 6px;
  padding: 12px 14px; background: #f3f4f8; border: 1px solid #d9e0d4; border-radius: 6px;
}
.atb-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.atb-card-title { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.atb-card-title strong { font-size: 14.5px; color: #27331f; }

.atb-badge {
  display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 700; letter-spacing: .02em;
  border-radius: 999px; border: 1px solid #d9e0d4; color: #5b6b56; background: #fff; text-transform: uppercase;
}
.atb-badge-task { color: #19616a; border-color: #19616a; }
.atb-badge-goal { color: #19616a; border-color: #19616a; border-radius: 4px; background: #e7f1f1; }
.atb-badge-challenge { color: #8a6d00; border-color: #e0c34a; background: #fff8e1; border-radius: 2px; }

.atb-card-meta { font-size: 12.5px; color: #5b6b56; }
.atb-card-meta b { color: #27331f; }
.atb-card-desc { font-size: 13px; color: #27331f; }

.atb-cmd {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 8px 10px; background: #fff; border: 1px solid #d9e0d4; border-radius: 6px;
}
.atb-cmd code { font-family: ui-monospace, monospace; font-size: 13px; color: #19616a; font-weight: 700; word-break: break-all; }
.atb-copy-btn {
  flex-shrink: 0; padding: 6px 10px; font-size: 12px; font-weight: 700; border: 1px solid #19616a;
  border-radius: 6px; background: #fff; color: #19616a; cursor: pointer;
}
.atb-copy-btn:hover { background: #19616a; color: #fff; }
.atb-copy-btn.atb-copied { background: #19616a; color: #fff; border-color: #19616a; }

.atb-empty { font-size: 13px; color: #5b6b56; padding: 10px 2px; }
.atb-note { margin-top: 16px; font-size: 13px; color: #5b6b56; }

@media (max-width: 480px) {
  .atb-card-head { flex-direction: column; align-items: flex-start; }
}