.todo-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.todo-photo-open{border:1px solid #d9e4f2;background:#f8fbff;border-radius:8px;padding:5px 8px;color:#416082;font-size:12px;font-weight:700;cursor:pointer}
.todo-photo-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.todo-photo-preview:empty{display:none}
.todo-photo-preview a{width:60px;height:60px;border:1px solid #e2e9f0;border-radius:8px;overflow:hidden;display:block}
.todo-photo-preview img{width:100%;height:100%;object-fit:cover}
.todo-photo-preview>span{align-self:end;color:#64748b;font-size:12px}
.todo-photo-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:18px}
.todo-photo-card{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid #e2e9f0;border-radius:11px}
.todo-photo-card>a{aspect-ratio:1.25;display:block;overflow:hidden;border-radius:7px}
.todo-photo-card img{width:100%;height:100%;object-fit:cover}
.todo-photo-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#64748b}
.todo-photo-card button{border:0;background:#fff1f2;color:#be123c;border-radius:7px;padding:6px;font-size:12px;cursor:pointer}
.todo-photo-empty{color:#94a3b8;font-size:13px}
.assignment-fields{padding:16px;border:1px solid #e2e9f0;background:#f8fbff;border-radius:12px}
.assignment-fields .form-grid{margin-bottom:14px}
.assignment-fields label{font-size:14px;font-weight:650}
.assignment-fields select{margin-top:7px}
.todo-photo-card>a.assignment-file{display:flex;align-items:center;justify-content:center;padding:10px;background:#eef4fb;color:#385879;font-size:13px;overflow-wrap:anywhere;text-decoration:none}
.todo-photo-list:empty{display:none}
