/* Layout wrappers */
.wp-todo-list, .wp-todo-search {
  display: grid;
  gap: 20px;
}

/* Filterbar */
.todo-filters {
  display: grid;
  grid-template-columns: 1fr 180px 200px 180px auto;
  gap: 10px;
  align-items: center;
}
.todo-filters input[type="text"],
.todo-filters select,
.todo-filters input[type="month"] {
  padding: 10px 12px;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  font-size: 14px;
  background: #fff;
}
.todo-filters .btn {
  padding: 10px 14px;
  border: none;
  border-radius: 10px;
  background: #111827;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.todo-filters .btn:hover { opacity: .9; }

/* Måned-nav */
.month-nav {
  display:flex; align-items:center; justify-content:space-between;
  background:#f8fafc; border:1px solid #e5e7eb; border-radius:12px; padding:10px 14px;
}
.month-btn {
  text-decoration:none; font-weight:600;
}
.month-current {
  font-weight:700;
}

/* Grid med kort (kolonner) */
.todo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

/* Kort */
.todo-card {
  position: relative;
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 16px 16px 48px;
  border-radius: 14px;
  box-shadow: 0 10px 18px rgba(0,0,0,0.04);
  transition: transform .12s ease, box-shadow .12s ease;
}
.todo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(0,0,0,0.08);
}
.todo-card.done {
  border-left: 5px solid #22c55e;
}
.todo-card h3 {
  margin: 0 0 10px;
  font-size: 18px;
}
.todo-excerpt {
  color: #475569;
  margin: 0 0 12px;
}

/* Meta række */
.todo-meta {
  display: grid;
  gap: 6px;
  font-size: 13px;
  color: #374151;
  margin-bottom: 8px;
}
.todo-meta .meta { display: inline-block; }

/* Status badges */
.badge {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
}
.status-new { background:#e5e7eb; color:#111827; }
.status-in_progress { background:#2563eb; color:#fff; }
.status-done { background:#22c55e; color:#fff; }

/* Admin liste feedback */
.todo-status-change.status-saved { outline: 2px solid #22c55e; outline-offset: 2px; }

/* Headings */
.wp-todo-list h2,
.wp-todo-search h2 {
  margin: 10px 0 0;
  font-size: 20px;
}