#view-tareas .task-summary{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}
#view-tareas .task-summary span{background:#eef3f7;padding:10px 13px;border-radius:10px;font-weight:700}
#view-tareas .task-grid{display:grid;gap:12px}
#view-tareas .task-item{border:1px solid #dce3e8;border-radius:12px;padding:14px;background:#fff}
#view-tareas .task-item h3{margin:0 0 7px;font-size:16px}
#view-tareas .task-meta{color:#52606d;font-size:13px;margin:6px 0}
#view-tareas .task-item textarea{width:100%;min-height:56px;border:1px solid #cfd8df;border-radius:8px;padding:9px;margin:7px 0;font:inherit}
#view-tareas .task-item .actions{margin:7px 0 0}
#view-tareas .task-overdue{border-left:5px solid #b42318}
#view-tareas .task-complete{border-left:5px solid #167c4f}
#view-tareas .task-waiting{border-left:5px solid #d7a928}
#view-tareas .task-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}
#view-tareas .task-config label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700}
#view-tareas .task-config input,#view-tareas .task-config select,#view-tareas .task-config textarea{border:1px solid #cfd8df;border-radius:8px;padding:9px;width:100%;font:inherit}
#view-tareas .task-config .wide{grid-column:1/-1}
@media(max-width:760px){#view-tareas .task-config{grid-template-columns:1fr}#view-tareas .task-summary span{flex:1 1 120px}}