.td-card{
  background: var(--td-bg) !important;
  border: none !important;
  box-shadow: var(--td-shadow-sm) !important;
  border-radius: var(--td-radius-md) !important;
  padding: var(--td-space-4) !important;
  margin-bottom: var(--td-space-4) !important;
}


.td-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--td-space-3)}
.td-card__title{font-size:var(--td-font-lg);margin:0;line-height:1.2}
.td-card__meta{
  font-size: var(--td-font-sm) !important;
  color: var(--td-text-muted) !important;
}

.td-card__body{margin-top:var(--td-space-3)}
.td-card__actions{margin-top:var(--td-space-4);display:flex;gap:var(--td-space-2);flex-wrap:wrap}

/* Startsida: post-it cards */
.td-postits{margin:var(--td-space-4) 0 var(--td-space-5)}
.td-postits-title{font-weight:800;margin:0 0 var(--td-space-2);font-size:var(--td-font-xl)}
.td-postits-subtitle{margin:0 0 var(--td-space-3);color:var(--td-text-muted);font-size:var(--td-font-sm)}
.td-postits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--td-space-3)}
.td-postit-list{margin:var(--td-space-2) 0 0; padding-left:1.1em}
.td-postit-list li{margin:0 0 var(--td-space-1)}
.td-done{color:var(--td-success);font-weight:800}

@media (max-width: 768px){
  .td-postits-grid{grid-template-columns:1fr}
  .td-card{padding:var(--td-space-4)}
}