.note, .task {
  border: 1px solid #dce3ed; background: #fbfcfe;
  border-radius: 12px; padding: 12px; margin-bottom: 9px;
}
.note-key { color: #64748b; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.note-value { margin-top: 6px; white-space: pre-wrap; }
.task-top { display: flex; justify-content: space-between; gap: 10px; }
.task-meta, .task-due { color: #64748b; font-size: 12px; }
.task-due { color: #9b1111; margin-top: 4px; }

.task.is-done strong {
  text-decoration: line-through;
  color: #94a3b8;
}

.task.is-archived {
  opacity: 0.65;
}

.task.is-archived strong {
  color: #64748b;
}

.task-check-row {
  display: flex;
  gap: 10px;
   align-items: center;
  cursor: pointer;
}

.task-check-row input[type="checkbox"] {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.task.is-done strong {
  text-decoration: line-through;
  color: #94a3b8;
}

.task.is-archived {
  opacity: 0.65;
}

.task.is-archived strong {
  color: #64748b;
}

.task-meta {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  color: #64748b;
}

.task-description,
.college-task-description {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
  color: #64748b;
}

.task-description a {color:#0583EB; text-decoration: underline}
.task-description a:hover {text-decoration: none;}



.primary-btn, .secondary-btn, .danger-btn, .small-btn {
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  padding: 10px 12px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}
.primary-btn { background: #1f6feb; border-color: #1f6feb; color: #fff; }
.secondary-btn { background: #fff; color: #243244; }
.danger-btn { background: #fff5f5; border-color: #ffd1d1; color: #9b1111; }
.small-btn { padding: 7px 9px; background: #fff; }
.primary-btn:hover { background: #185bc4; }
.secondary-btn:hover, .small-btn:hover { background: #f1f5f9; }
.button-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.icon-danger-btn {
    border: 1px solid #ffd1d1;
    background: #fff5f5;
    color: #9b1111;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 12px;
    cursor: pointer;
}

.icon-danger-btn {
  border: 1px solid #ffd1d1;
  background: #fff5f5;
  color: #9b1111;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  cursor: pointer;
}

.icon-danger-btn:hover {
  background: #ffe8e8;
}